use openwrt branding (#6)
[web/firmware-selector-openwrt-org.git] / 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 </head>
9 <body>
10
11 <header>
12 <div>
13 <!--
14 <h6 class="tr-title">OpenWrt Firmware Selector</h6>
15 -->
16 <img src="logo.png" alt="Logo">
17 <div style="flex-grow: 1;"></div>
18
19 <select id="language-selection" onchange="changeLanguage(this.children[this.selectedIndex].value);" size="1">
20 <option value="en">English</option>
21 <option value="de">Deutsch</option>
22 </select>
23 </div>
24 </header>
25
26 <div class="container">
27 <div>
28 <h2 class="tr-load">Download OpenWrt firmware for your device!</h2>
29 <p class="tr-message">Please use the input below to download firmware for your device!</p>
30 <br>
31
32 <select id="releases" size="1"></select>
33 <div class="autocomplete">
34 <input id="models" type="text" placeholder="Model">
35 </div>
36
37 <br />
38 <br />
39
40 <div id="images">
41 <div>
42 <h3 class="tr-build">Build</h3>
43 <div><span class="tr-model">Model:</span> <span id="image-model"></span></div>
44 <div><span class="tr-target">Target:</span> <span id="image-target"></span></div>
45 <div><span class="tr-version">Version:</span> <span id="image-release"></span> (<span id="image-commit"></span>)</div>
46 </div>
47
48 <div id="download-links">
49 <h3 class="tr-downloads">Downloads</h3>
50 </div>
51
52 <div>
53 <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>
54 <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>
55 <span id="kernel-help" class="download-help tr-kernel-help">Linux kernel as a separate image.</span>
56 <span id="rootfs-help" class="download-help tr-rootfs-help">Root file system as a separate image.</span>
57 <span id="sdcard-help" class="download-help tr-sdcard-help">Image that is meant to be flashed on an SD-Card.</span>
58 <span id="tftp-help" class="download-help tr-tftp-help">Image that can be applied using the TFTP meachnism of the bootloader</span>
59 <span id="other-help" class="download-help tr-other-help">Image of unknown purpose.</span>
60 </div>
61 </div>
62 </div>
63 </div>
64
65 <script src="i18n.js"></script>
66 <script src="config.js"></script>
67 <script src="index.js"></script>
68
69 </body>
70 </html>