Merge pull request #14 from flexn-io/feat/add_template_screenshots

Add table of platforms

docs/templates/overview.md

@@ -9,6 +9,122 @@ sidebar_label: Templates
 
 Version: `0.37.0`
 
+<table>
+  <tr>
+    <th>
+      <img src="/img/ic_ios.png" width="20" height="20" />
+      <br />
+      <a href="/docs/platforms/ios">iOS</a>
+    </th><th>
+      <img src="/img/ic_tvos.png" width="36" height="20" />
+      <br />
+      <a href="/docs/platforms/tvos">tvOS</a>
+    </th><th>
+      <img src="/img/ic_androidtv.png" width="20" height="20" />
+      <br />
+      <a href="/docs/platforms/androidtv">Android TV</a>
+    </th><th>
+      <img src="/img/ic_macos.png" width="20" height="20" />
+      <br />
+      <a href="/docs/platforms/macos">macOS</a>
+    </th>
+  </tr>
+  <tr>
+    <th>
+      <img src="/img/platforms/ios_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/tvos_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/androidtv_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/macos_template_starter.png" />
+    </th>
+  </tr>
+  <tr>
+    <th>
+    <img src="/img/ic_android.png" width="20" height="20" />
+    <br />
+    <a href="/docs/platforms/android">Android</a>
+    </th><th>
+    <img src="/img/ic_web.png" width="100" height="20" />
+    <br />
+    <a href="/docs/platforms/web">Web</a>
+    </th><th>
+    <img src="/img/ic_tizen.png" width="20" height="20" />
+    <br />
+    <a href="/docs/platforms/tizen">Tizen TV</a>
+    </th><th>
+    <img src="/img/ic_webos.png" width="20" height="20" />
+    <br />
+    <a href="/docs/platforms/webos">LG webOS</a>
+    </th>
+  </tr>
+  <tr>
+    <th>
+    <img src="/img/platforms/android_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/web_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/tizen_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/webos_template_starter.png" />
+    </th>
+  </tr>
+  <tr>
+    <th>
+    <img src="/img/ic_androidwear.png" width="20" height="20" />
+    <br />
+    <a href="/docs/platforms/androidwear">Android Wear</a>
+    </th><th>
+    <img src="/img/ic_windows.png" width="20" height="20" />
+    <br />
+    <a href="/docs/platforms/windows">Windows</a>
+    </th><th>
+    <img src="/img/ic_tizenwatch.png" width="20" height="20" />
+    <br />
+    <a href="/docs/platforms/tizenwatch">Tizen Watch</a>
+    </th><th>
+    <img src="/img/ic_kaios.png" width="55" height="20" />
+    <br />
+    <a href="/docs/platforms/kaios">KaiOS</a>
+    </th>
+  </tr>
+  <tr>
+    <th>
+    <img src="/img/platforms/androidwear_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/windows_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/tizenwatch_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/kaios_template_starter.png" />
+    </th>
+  </tr>
+
+  <tr>
+    <th>
+    <a href="/docs/platforms/firetv">FireTV</a>
+    </th><th>
+    <a href="/docs/platforms/linux">Linux</a>
+    </th><th>
+    <a href="/docs/platforms/webtv">WebTV</a>
+    </th><th>
+    <a href="/docs/platforms/chromecast">Chromecast</a>
+    </th>
+  </tr>
+  <tr>
+    <th>
+    <img src="/img/platforms/firetv_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/linux_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/webtv_template_starter.png" />
+    </th><th>
+    <img src="/img/platforms/chromecast_template_starter.png"/>
+    </th>
+  </tr>
+</table>
+
 Platforms: `ios`,`android`,`firetv`,`androidtv`,`androidwear`,`web`,`webtv`,`tizen`,`tizenmobile`,`tvos`,`webos`,`macos`,`windows`,`linux`,`tizenwatch`,`kaios`,`firefoxos`,`firefoxtv`,`chromecast`
 
 Npm: https://www.npmjs.com/package/@rnv/template-starter