rename profiles.json to overview.json (#45)
[web/firmware-selector-openwrt-org.git] / index.html
index 77a6863d6503ae9e43f49a00257760c17ac15df2..8ad054d31493118bde428610694b6762f89e6a61 100644 (file)
@@ -1,48 +1,96 @@
-
 <!DOCTYPE html>
+
 <html lang="en">
 <head>
-<meta charset="utf-8"/>
-<link rel="stylesheet" href="index.css" />
+       <meta charset="utf-8"/>
+       <title>OpenWrt Firmware Selector</title>
+       <link rel="stylesheet" href="index.css" />
+       <script src="i18n.js"></script>
+       <script src="config.js"></script>
+       <script src="index.js"></script>
 </head>
-<body>
+<body onload="init()">
 
 <header>
-  <div class="MuiToolbar-gutters">
-    <h6 class="MuiTypography-h6" edge="start">OpenWrt Firmware Selector</h6>
-    <div style="flex-grow: 1;"></div>
-    <a class="MuiButton-containedSecondary" tabindex="0" href="#">
-      <span class="MuiButton-label">
-        <span class="language-toggle-text">Change Language &nbsp;</span>
-        <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="presentation"><path d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z"></path>
-        </svg>
-      </span>
-      <span class="MuiTouchRipple-root"></span>
-    </a>
-  </div>
+       <div>
+<!--
+               <h6 class="tr-title">OpenWrt Firmware Selector</h6>
+-->
+               <img src="logo.png" alt="Logo">
+               <div style="flex-grow: 1;"></div>
+
+               <select id="language-selection" size="1">
+                       <option value="ca">Català</option>
+                       <option value="en">English</option>
+                       <option value="es">Español</option>
+                       <option value="de">Deutsch</option>
+                       <option value="fr">Français</option>
+                       <option value="it">Italiano</option>
+                       <option value="no">Norsk</option>
+                       <option value="pl">Polski</option>
+                       <option value="tr">Türkçe</option>
+               </select>
+       </div>
 </header>
 
+<div class="container">
+       <div>
+               <h2 class="tr-load">Download OpenWrt firmware for your device!</h2>
+               <p class="tr-message">Please use the input below to download firmware for your device!</p>
+               <br>
 
-<div class="MuiContainer-maxWidthLg">
-  <div class="MuiPaper-rounded">
-  <h2>Download OpenWrt firmware for your device!</h5>
-  <p>Please use the input below to download firmware for your device!</p>
-  <br>
-  <select id="releases" size="1" style="width:10em;">
-  </select>
+               <select id="versions" size="1"></select>
+               <div id="models-autocomplete" class="autocomplete">
+                       <input id="models" type="text" placeholder="Model" spellcheck="false" autocapitalize="off" autocorrect="off">
+               </div>
 
-  <!--Make sure the form has the autocomplete function switched off:-->
-  <div class="autocomplete" style="width:20em;">
-  <input id="models" type="text" name="myCountry" placeholder="Model">
-  </div>
+               <br />
+               <br />
 
-  <a id="sysupgrade-image" href="#">Sysupgrade Image</a>
-  <a id="factory-image" href="#">Factory Image</a>
-</div>
+               <div>
+                       <img id="buildspinner" src="spinner.gif" alt="Logo">
+                       <div id="buildstatus"></div>
+               </div>
+
+               <div id="images">
+                       <div id="custom">
+                               <h3 class="tr-customize">Customize</h3>
+                               <div class="autocomplete">
+                                       <textarea id="packages" spellcheck="false" autocapitalize="off" autocorrect="off"></textarea>
+                               </div>
+                               <a href="javascript:build_asa_request()" class="custom-link">
+                                       <span>&#9881;</span><span class="tr-request-build">Request Build</span>
+                               </a>
+                       </div>
 
-<script src="i18n.js"></script>
-<script src="config.js"></script>
-<script src="index.js"></script>
+                       <div>
+                               <h3 id="images-title" class="tr-version-build">Release Build</h3>
+                               <div><span class="column tr-model">Model:</span> <span id="image-model"></span></div>
+                               <div><span class="column tr-target">Target:</span> <span id="image-target"></span></div>
+                               <div><span class="column tr-version">Version:</span> <span id="image-version"></span> (<span id="image-code"></span>)</div>
+                               <div><span class="column tr-date">Date:</span> <span id="image-date"></span></div>
+                       </div>
+
+                       <div id="download-links">
+                               <h3 id="downloads-title" class="tr-downloads">Downloads</h3>
+                       </div>
+
+                       <div>
+                               <span id="factory-help" class="download-help tr-factory-help">Factory images are for flashing routers with OpenWrt for the first time using the web interface of the original firmware.</span>
+                               <span id="sysupgrade-help" class="download-help tr-sysupgrade-help">Sysupgrade images are for flashing routers that already run OpenWrt. The image can be applied using the web interface or the console.</span>
+                               <span id="kernel-help" class="download-help tr-kernel-help">Linux kernel as a separate image.</span>
+                               <span id="rootfs-help" class="download-help tr-rootfs-help">Root file system as a separate image.</span>
+                               <span id="sdcard-help" class="download-help tr-sdcard-help">Image that is meant to be flashed on an SD-Card.</span>
+                               <span id="tftp-help" class="download-help tr-tftp-help">Image that can be applied using the TFTP meachnism of the bootloader</span>
+                               <span id="other-help" class="download-help tr-other-help">Image of unknown purpose.</span>
+                       </div>
+               </div>
+
+               <div id="footer">
+                       <span><a href="https://github.com/mwarning/yet_another_firmware_selector">YAFS</a> v2.2.0</span>
+               </div>
+       </div>
+</div>
 
 </body>
-</html>
\ No newline at end of file
+</html>