index.html

   1 <!DOCTYPE html>
   2
   3 <html lang="en">
   4 <head>
   5 <meta charset="utf-8"/>
   6 <link rel="stylesheet" href="index.css" />
   7 </head>
   8 <body>
   9
  10 <header>
  11   <div>
  12     <h6 class="MuiTypography-h6 tr-title" edge="start">OpenWrt Firmware Selector</h6>
  13     <div style="flex-grow: 1;"></div>
  14
  15         <select id="language-selection" onchange="changeLanguage(this.children[this.selectedIndex].value)");" size="1">
  16                 <option value="en">English</option>
  17                 <option value="de">Deutsch</option>
  18         </select>
  19   </div>
  20 </header>
  21
  22 <div class="MuiContainer-maxWidthLg">
  23         <div class="MuiPaper-rounded">
  24         <h2 class="tr-load">Download OpenWrt firmware for your device!</h5>
  25         <p class="tr-message">Please use the input below to download firmware for your device!</p>
  26         <br>
  27
  28         <select id="releases" size="1"></select>
  29         <div class="autocomplete">
  30                 <input id="models" type="text" placeholder="Model">
  31         </div>
  32
  33         <br />
  34         <br />
  35
  36         <div id="images">
  37                 <div>
  38                         <h3 class="tr-build">Build</h3>
  39                         <div><span class="tr-model">Model:</span> <span id="image-model"></span></div>
  40                         <div><span class="tr-target">Target:</span> <span id="image-target"></span></div>
  41                         <div><span class="tr-version">Version:</span> <span id="image-release"></span> (<span id="image-commit"></span>)</div>
  42                 </div>
  43
  44                 <div>
  45                         <h3 class="tr-downloads">Downloads</h3>
  46                         <a id="sysupgrade-image" class="download-link" href="#"><span></span>SYSUPGRADE</a>
  47                         <a id="factory-image" class="download-link" href="#"><span></span>FACTORY</a>
  48                         <a id="kernel-image" class="download-link" href="#"><span></span>KERNEL</a>
  49                         <a id="rootfs-image" class="download-link" href="#"><span></span>ROOTFS</a>
  50                         <a id="tftp-image" class="download-link" href="#"><span></span>TFTP</a>
  51                 </div>
  52         </div>
  53 </div>
  54
  55 <script src="i18n.js"></script>
  56 <script src="config.js"></script>
  57 <script src="index.js"></script>
  58
  59 </body>
  60 </html>