Issue_103: Deploy pages for online upload

* some fixes on the upload pages
tonuino · Sep 27, 2023 · 7226b62 · 7226b62
1 parent 53ff6b1
commit 7226b62
Show file tree

Hide file tree

Showing 14 changed files with 52 additions and 25 deletions.
diff --git a/online_upload/aio_macos.png → .github/online_upload/aio_macos.png b/online_upload/aio_macos.png → .github/online_upload/aio_macos.png
diff --git a/online_upload/aio_plus_macos.png → .github/online_upload/aio_plus_macos.png b/online_upload/aio_plus_macos.png → .github/online_upload/aio_plus_macos.png
diff --git a/online_upload/aio_plus_update.html → .github/online_upload/aio_plus_update.html b/online_upload/aio_plus_update.html → .github/online_upload/aio_plus_update.html
@@ -14,7 +14,7 @@
 <br>
 <a href="index.html"><img src="tonuino_logo_wide.png" alt="tonuino logo" width="500"></a><br>
 <br>
-<i>TonUINO AiO Plus Online Firmware Updater</i><br>
+<i>TonUINO AiO Plus Online Firmware Uploader</i><br>
 <br>
 <i>Ben&ouml;tigt einen aktuellen <a href="https://www.google.com/chrome/">Google Chrome</a> oder <a href="https://www.chromium.org/Home">Chromium</a>!</i><br>
 <br>
@@ -30,7 +30,7 @@ <h1>Anleitung</h1>
 <b>2)</b> W&auml;hle die gew&uuml;nschten Konfiguration aus.<br>
 <br>
 <label for="config">Konfiguration:</label>
-<select name="config" id="config" onchange="setconfig(this)">
+<select class="config" name="config" id="config" onchange="setconfig(this)">
   <option value="">Bitte w&auml;hle eine Konfiguration aus --></option>
   <option value="ALLinONE_Plus">ALLinONE_Plus 5 Buttons</option>
   <option value="ALLinONE_Plus_3x3">ALLinONE_Plus 3x3 Button Board</option>
@@ -48,9 +48,10 @@ <h1>Anleitung</h1>
   //console.log(value);
 }
 </script>
+<br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>2)</b> <b>Halte die play/pause Taste gedr&uuml;ckt</b> und klicke auf <b>Firmware Update Starten</b>.<br>
+<b>3)</b> <b>Halte die play/pause Taste gedr&uuml;ckt</b> und klicke auf <b>Firmware Upload Starten</b>.<br>
 <br>
 <b>Hinweis:</b> Die play/pause Taste muss solange gedr&uuml;ckt gehalten werden, bis im Button <b>Done!</b> erscheint!<br>
 <br>
@@ -59,17 +60,17 @@ <h1>Anleitung</h1>
     <dl class="icon">
       <dt>
         <button arduino-uploader id=upload_button class="button" hex-href="ALLinONE_Plus/firmware.hex" board="avr4809" disabled>
-        Firmware Update Starten
+        Firmware Upload Starten
         <span class="upload-progress"></span>
         </button>
       </dt>
-      <dd><a href="https://github.com/tonuino/TonUINO-TNG">Sources</a></dd>
+      <dd><a href="https://github.com/tonuino/TonUINO-TNG">Sourcecode auf Github</a></dd>
     </dl>
   </div>
 </div>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>3)</b> W&auml;hle im PopUp Fenster die richtige <b>Schnittstelle</b> [1] und klicke auf <b>Verbinden</b> [2].<br>
+<b>4)</b> W&auml;hle im PopUp Fenster die richtige <b>Schnittstelle</b> [1] und klicke auf <b>Verbinden</b> [2].<br>
 <br>
 <b>Hinweis:</b> Der COM Port kann sich unterscheiden, im Zweifel bitte mit dem Ger&auml;temanager &uuml;berpr&uuml;fen.<br>
 <br>
@@ -89,7 +90,7 @@ <h1>Anleitung</h1>
 </div><br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>4)</b> Im Button erscheint <b>Done!</b>, sobald das Firmware Update abgeschlossen ist.<br>
+<b>5)</b> Im Button erscheint <b>Done!</b>, sobald das Firmware Upload abgeschlossen ist.<br>
 <br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>

diff --git a/online_upload/aio_plus_windows.png → .github/online_upload/aio_plus_windows.png b/online_upload/aio_plus_windows.png → .github/online_upload/aio_plus_windows.png
diff --git a/online_upload/aio_update.html → .github/online_upload/aio_update.html b/online_upload/aio_update.html → .github/online_upload/aio_update.html
@@ -14,7 +14,7 @@
 <br>
 <a href="index.html"><img src="tonuino_logo_wide.png" alt="tonuino logo" width="500"></a><br>
 <br>
-<i>TonUINO AiO Online Firmware Updater</i><br>
+<i>TonUINO AiO Online Firmware Uploader</i><br>
 <br>
 <i>Ben&ouml;tigt einen aktuellen <a href="https://www.google.com/chrome/">Google Chrome</a> oder <a href="https://www.chromium.org/Home">Chromium</a>!</i><br>
 <br>
@@ -28,7 +28,7 @@ <h1>Anleitung</h1>
 <b>2)</b> W&auml;hle die gew&uuml;nschten Konfiguration aus.<br>
 <br>
 <label for="config">Konfiguration:</label>
-<select name="config" id="config" onchange="setconfig(this)">
+<select class="config" name="config" id="config" onchange="setconfig(this)">
   <option value="">Bitte w&auml;hle eine Konfiguration aus --></option>
   <option value="ALLinONE">ALLinONE 5 Buttons</option>
   <option value="ALLinONE_3x3">ALLinONE 3x3 Button Board</option>
@@ -46,9 +46,10 @@ <h1>Anleitung</h1>
   //console.log(value);
 }
 </script>
+<br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>2)</b> <b>Halte die play/pause Taste gedr&uuml;ckt</b> und klicke auf <b>Firmware Update Starten</b>.<br>
+<b>3)</b> <b>Halte die play/pause Taste gedr&uuml;ckt</b> und klicke auf <b>Firmware Upload Starten</b>.<br>
 <br>
 <b>Hinweis:</b> Die play/pause Taste muss solange gedr&uuml;ckt gehalten werden, bis im Button <b>Done!</b> erscheint!<br>
 <br>
@@ -57,17 +58,17 @@ <h1>Anleitung</h1>
     <dl class="icon">
       <dt>
         <button arduino-uploader id=upload_button class="button" hex-href="ALLinONE/firmware.hex" board="lgt8f328p" port-filters='[{"usbProductId":46388,"usbVendorId":1241}]' disabled>
-        Firmware Update Starten
+        Firmware Upload Starten
         <span class="upload-progress"></span>
         </button>
       </dt>
-      <dd><a href="https://github.com/tonuino/TonUINO-TNG">Sources</a></dd>
+      <dd><a href="https://github.com/tonuino/TonUINO-TNG">Sourcecode auf Github</a></dd>
     </dl>
   </div>
 </div>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>3)</b> W&auml;hle im PopUp Fenster die richtige <b>Schnittstelle</b> [1] und klicke auf <b>Verbinden</b> [2].<br>
+<b>4)</b> W&auml;hle im PopUp Fenster die richtige <b>Schnittstelle</b> [1] und klicke auf <b>Verbinden</b> [2].<br>
 <br>
 <b>Hinweis:</b> Der COM Port kann sich unterscheiden, im Zweifel bitte mit dem Ger&auml;temanager &uuml;berpr&uuml;fen.<br>
 <br>
@@ -87,7 +88,7 @@ <h1>Anleitung</h1>
 </div><br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>4)</b> Im Button erscheint <b>Done!</b>, sobald das Firmware Update abgeschlossen ist.<br>
+<b>5)</b> Im Button erscheint <b>Done!</b>, sobald das Firmware Upload abgeschlossen ist.<br>
 <br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>

diff --git a/online_upload/aio_windows.png → .github/online_upload/aio_windows.png b/online_upload/aio_windows.png → .github/online_upload/aio_windows.png
diff --git a/online_upload/classic_macos.png → .github/online_upload/classic_macos.png b/online_upload/classic_macos.png → .github/online_upload/classic_macos.png
diff --git a/online_upload/classic_update.html → .github/online_upload/classic_update.html b/online_upload/classic_update.html → .github/online_upload/classic_update.html
@@ -14,7 +14,7 @@
 <br>
 <a href="index.html"><img src="tonuino_logo_wide.png" alt="tonuino logo" width="500"></a><br>
 <br>
-<i>TonUINO Classic Online Firmware Updater</i><br>
+<i>TonUINO Classic Online Firmware Uploader</i><br>
 <br>
 <i>Ben&ouml;tigt einen aktuellen <a href="https://www.google.com/chrome/">Google Chrome</a> oder <a href="https://www.chromium.org/Home">Chromium</a>!</i><br>
 <br>
@@ -30,7 +30,7 @@ <h1>Anleitung</h1>
 <b>2)</b> W&auml;hle die gew&uuml;nschten Konfiguration aus.<br>
 <br>
 <label for="config">Konfiguration:</label>
-<select name="config" id="config" onchange="setconfig(this)">
+<select class="config" name="config" id="config" onchange="setconfig(this)">
   <option value="">Bitte w&auml;hle eine Konfiguration aus --></option>
   <option value="TonUINO_Classic_3">TonUINO Classic 3 Buttons</option>
   <option value="TonUINO_Classic_5">TonUINO Classic 5 Buttons</option>
@@ -52,24 +52,24 @@ <h1>Anleitung</h1>
 <br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>2)</b> Klicke auf <b>Firmware Update Starten</b>.<br>
+<b>3)</b> Klicke auf <b>Firmware Upload Starten</b>.<br>
 <br>
 <div id="wrap1">
   <div id="left">
     <dl class="icon">
       <dt>
         <button arduino-uploader id=upload_button class="button" hex-href="TonUINO_Classic_3/firmware.hex" board="nanoOldBootloader" disabled>
-        Firmware Update Starten
+        Firmware Upload Starten
         <span class="upload-progress"></span>
         </button>
       </dt>
-      <dd><a href="https://github.com/tonuino/TonUINO-TNG">Sources</a></dd>
+      <dd><a href="https://github.com/tonuino/TonUINO-TNG">Sourcecode auf Github</a></dd>
     </dl>
   </div>
 </div>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>3)</b> W&auml;hle im PopUp Fenster die richtige <b>Schnittstelle</b> [1] und klicke auf <b>Verbinden</b> [2].<br>
+<b>4)</b> W&auml;hle im PopUp Fenster die richtige <b>Schnittstelle</b> [1] und klicke auf <b>Verbinden</b> [2].<br>
 <br>
 <b>Hinweis:</b> Der COM Port kann sich unterscheiden, im Zweifel bitte mit dem Ger&auml;temanager &uuml;berpr&uuml;fen.<br>
 <br>
@@ -89,7 +89,7 @@ <h1>Anleitung</h1>
 </div><br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>
-<b>4)</b> Im Button erscheint <b>Done!</b>, sobald das Firmware Update abgeschlossen ist.<br>
+<b>5)</b> Im Button erscheint <b>Done!</b>, sobald das Firmware Upload abgeschlossen ist.<br>
 <br>
 <i class="fas fa-arrow-down fa-2x"></i><br>
 <br>

diff --git a/online_upload/classic_windows.png → .github/online_upload/classic_windows.png b/online_upload/classic_windows.png → .github/online_upload/classic_windows.png
diff --git a/online_upload/console.html → .github/online_upload/console.html b/online_upload/console.html → .github/online_upload/console.html
diff --git a/online_upload/index.html → .github/online_upload/index.html b/online_upload/index.html → .github/online_upload/index.html
@@ -43,19 +43,19 @@
   <div id="one">
     <dl class="icon">
       <dt><a href="classic_update.html"><i class="fas fa-download fa-5x"></i></a></dt>
-      <dd><a href="classic_update.html">Classic Update</a></dd>
+      <dd><a href="classic_update.html">Classic Upload</a></dd>
     </dl>
   </div>
   <div id="two">
     <dl class="icon">
       <dt><a href="aio_update.html"><i class="fas fa-download fa-5x"></i></a></dt>
-      <dd><a href="aio_update.html">AiO Update</a></dd>
+      <dd><a href="aio_update.html">AiO Upload</a></dd>
     </dl>
   </div>
   <div id="three">
     <dl class="icon">
       <dt><a href="aio_plus_update.html"><i class="fas fa-download fa-5x"></i></a></dt>
-      <dd><a href="aio_plus_update.html">AiO Plus Update</a></dd>
+      <dd><a href="aio_plus_update.html">AiO Plus Upload</a></dd>
     </dl>
   </div>
   <div id="four">

diff --git a/online_upload/tonuino.css → .github/online_upload/tonuino.css b/online_upload/tonuino.css → .github/online_upload/tonuino.css
@@ -41,6 +41,30 @@ img.logo {
     margin-top: 100px;
 }
 
+select option{
+    font-size: 11pt;
+}
+
+select option:first-child {
+    font-size: 9pt;
+}
+
+select.config {
+    overflow: hidden;
+    background-color: #000000;
+    border: 4px solid #000000;
+    border-radius: 20px;
+    color: white;
+    padding: 15px 30px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 11pt;
+    margin: 4px 2px;
+    cursor: pointer;
+    outline: none;
+}
+
 #wrap0 {
     padding-top: 60px;
     padding-bottom: 30px;
@@ -63,3 +87,4 @@ img.logo {
      display: inline-block;
      padding: 10px;
 }
+
diff --git a/online_upload/tonuino_logo_wide.png → .github/online_upload/tonuino_logo_wide.png b/online_upload/tonuino_logo_wide.png → .github/online_upload/tonuino_logo_wide.png
diff --git a/.github/workflows/build_and_run_tests.yml b/.github/workflows/build_and_run_tests.yml
@@ -60,7 +60,7 @@ jobs:
       - uses: actions/upload-artifact@v3
         with:
           name: TonUINO_online_upload
-          path: online_upload
+          path: .github/online_upload
 
   deploy:
     needs: build