www/index.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4 <head>
   5         <meta charset="utf-8"/>
   6         <title>OpenWrt Firmware Selector</title>
   7         <link rel="stylesheet" href="index.css" />
   8         <script src="i18n.js"></script>
   9         <script src="config.js"></script>
  10         <script src="index.js"></script>
  11 </head>
  12 <body onload="init()">
  13
  14 <header>
  15         <div>
  16 <!--
  17                 <h6 class="tr-title">OpenWrt Firmware Selector</h6>
  18 -->
  19                 <img src="logo.svg" width="180px" alt="Logo">
  20                 <div style="flex-grow: 1;"></div>
  21
  22                 <select id="language-selection" size="1">
  23                         <option value="ca">Català</option>
  24                         <option value="en">English</option>
  25                         <option value="es">Español</option>
  26                         <option value="de">Deutsch</option>
  27                         <option value="fr">Français</option>
  28                         <option value="it">Italiano</option>
  29                         <option value="no">Norsk</option>
  30                         <option value="pl">Polski</option>
  31                         <option value="tr">Türkçe</option>
  32                 </select>
  33         </div>
  34 </header>
  35
  36 <div class="container">
  37         <div>
  38                 <h2 class="tr-load">Download OpenWrt firmware for your device!</h2>
  39                 <p class="tr-message">Please use the input below to download firmware for your device!</p>
  40                 <br>
  41
  42                 <select id="versions" size="1"></select>
  43                 <div id="models-autocomplete" class="autocomplete">
  44                         <input id="models" type="text" placeholder="Model" spellcheck="false" autocapitalize="off" autocorrect="off">
  45                 </div>
  46
  47                 <br />
  48                 <br />
  49
  50                 <div>
  51                         <img id="buildspinner" src="spinner.gif" alt="Logo">
  52                         <div id="buildstatus"></div>
  53                 </div>
  54
  55                 <div id="images">
  56                         <div id="custom">
  57                                 <h3 class="tr-customize">Customize</h3>
  58                                 <div class="autocomplete">
  59                                         <textarea id="packages" spellcheck="false" autocapitalize="off" autocorrect="off"></textarea>
  60                                 </div>
  61                                 <a href="javascript:build_asu_request()" class="custom-link">
  62                                         <span>&#9881;</span><span class="tr-request-build">Request Build</span>
  63                                 </a>
  64                         </div>
  65
  66                         <div>
  67                                 <h3 id="images-title" class="tr-version-build">Release Build</h3>
  68                                 <div><span class="column tr-model">Model:</span> <span id="image-model"></span></div>
  69                                 <div><span class="column tr-target">Target:</span> <span id="image-target"></span></div>
  70                                 <div><span class="column tr-version">Version:</span> <span id="image-version"></span> (<span id="image-code"></span>)</div>
  71                                 <div><span class="column tr-date">Date:</span> <span id="image-date"></span></div>
  72                         </div>
  73
  74                         <div id="download-links">
  75                                 <h3 id="downloads-title" class="tr-downloads">Downloads</h3>
  76                         </div>
  77
  78                         <div>
  79                                 <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>
  80                                 <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>
  81                                 <span id="kernel-help" class="download-help tr-kernel-help">Linux kernel as a separate image.</span>
  82                                 <span id="rootfs-help" class="download-help tr-rootfs-help">Root file system as a separate image.</span>
  83                                 <span id="sdcard-help" class="download-help tr-sdcard-help">Image that is meant to be flashed on an SD-Card.</span>
  84                                 <span id="tftp-help" class="download-help tr-tftp-help">Image that can be applied using the TFTP meachnism of the bootloader</span>
  85                                 <span id="other-help" class="download-help tr-other-help">Image of unknown purpose.</span>
  86                         </div>
  87                 </div>
  88
  89                 <div id="footer">
  90                         <span><a href="https://github.com/mwarning/yet-another-firmware-selector">YAFS</a> v2.2.1</span>
  91                 </div>
  92         </div>
  93 </div>
  94
  95 </body>
  96 </html>