From b1e87ee3875875ee45f1adc7e89d8c6804996832 Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 14:10:50 -0300
Subject: [PATCH 1/8] Removed 'Hekate for 4.x not tested' warning, I tested and
 works fine./.android-studio/bin/studio.sh  Rewriten -on english page- the
 instructions to match the 'Deliver Payload' button name.

---
 index.html | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index c85a7a2..a884e85 100644
--- a/index.html
+++ b/index.html
@@ -56,12 +56,7 @@
 
       <div class="alert alert-warning alert-dismissible" role="alert">
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <p>On Linux, you might get an access denied error! If you do, you can try creating a file at <code>/etc/udev/rules.d/50-switch.rules</code>With the following contents:<br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
-      </div>
-
-      <div class="alert alert-warning alert-dismissible" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <p>Hekate for 4.x has not been tested, as I do not have a 4.x switch. However, all other payloads will be tested as they are uploaded.</p>
+        <p>On Linux, you might get an 'Access Denied' or 'No Compatible Device' error! If you do, you can try creating a file at <code>/etc/udev/rules.d/50-switch.rules</code>With the following contents:<br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
       </div>
 
       <div class="alert alert-warning alert-dismissible" role="alert">
@@ -74,11 +69,12 @@
         <ul>
           <li>Put the Switch in RCM, and connect it to your device.</li>
           <li>Select either the example payload, or upload one.</li>
-          <li>Press 'Run Payload!'</li>
+          <li>Press 'Deliver Payload!'</li>
           <li>On the consent screen that appears, select 'APX' and hit confirm.</li>
           <li>If all goes well, the payload will launch!</li>
         </ul>
       </div>
+      
     </div>
   </div>
   

From fb409844d1bb34f1c77a759077695ef820e9cc9f Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 14:12:26 -0300
Subject: [PATCH 2/8] Removed the warning from the other languages pages

---
 pt_BR/index.html | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/pt_BR/index.html b/pt_BR/index.html
index 85ba892..25cf217 100644
--- a/pt_BR/index.html
+++ b/pt_BR/index.html
@@ -58,11 +58,6 @@
         <p>No Linux você pode receber um erro de Acesso Negado! Caso receba, tente criar o arquivo <code>/etc/udev/rules.d/50-switch.rules</code> com o seguinte conteúdo: <br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
       </div>
 
-      <div class="alert alert-warning alert-dismissible" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <p>Hekate 4.x NÃO foi testado, já que não tenho um Switch na versão 4.x. Entretanto todos os outros payloads serão testados antes de disponibilizados.</p>
-      </div>
-
       <div class="alert alert-warning alert-dismissible" role="alert">
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
         <p>Isto foi testado -e aparentemente funciona- no Linux, OSX, Android (sem precisar de root) e Chromebooks. Resultados podem variar.</p>

From 7d5f7d376dbaa7c2a2ee66a7d282dc7e969cfa72 Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 14:17:48 -0300
Subject: [PATCH 3/8] Rewritten linux error warning in english and portuguese

---
 index.html       | 6 +++---
 pt_BR/index.html | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index a884e85..7a1263a 100644
--- a/index.html
+++ b/index.html
@@ -56,7 +56,7 @@
 
       <div class="alert alert-warning alert-dismissible" role="alert">
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <p>On Linux, you might get an 'Access Denied' or 'No Compatible Device' error! If you do, you can try creating a file at <code>/etc/udev/rules.d/50-switch.rules</code>With the following contents:<br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
+        <p>On Linux, you might get an 'Access Denied' or 'No Compatible Device' error on the Connect dialog! If you do, you can try creating a file at <code>/etc/udev/rules.d/50-switch.rules</code>With the following contents:<br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
       </div>
 
       <div class="alert alert-warning alert-dismissible" role="alert">
@@ -70,11 +70,11 @@
           <li>Put the Switch in RCM, and connect it to your device.</li>
           <li>Select either the example payload, or upload one.</li>
           <li>Press 'Deliver Payload!'</li>
-          <li>On the consent screen that appears, select 'APX' and hit confirm.</li>
+          <li>On the consent screen that appears, select 'APX' and hit 'Connect'.</li>
           <li>If all goes well, the payload will launch!</li>
         </ul>
       </div>
-      
+
     </div>
   </div>
   
diff --git a/pt_BR/index.html b/pt_BR/index.html
index 25cf217..845a9c5 100644
--- a/pt_BR/index.html
+++ b/pt_BR/index.html
@@ -55,7 +55,7 @@
 
       <div class="alert alert-warning alert-dismissible" role="alert">
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <p>No Linux você pode receber um erro de Acesso Negado! Caso receba, tente criar o arquivo <code>/etc/udev/rules.d/50-switch.rules</code> com o seguinte conteúdo: <br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
+        <p>No Linux você pode receber um erro de 'Acesso Negado' ou de 'Dispositivo Compatível não Encontrado'! Caso receba, tente criar o arquivo <code>/etc/udev/rules.d/50-switch.rules</code> com o seguinte conteúdo: <br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
       </div>
 
       <div class="alert alert-warning alert-dismissible" role="alert">
@@ -69,7 +69,7 @@
           <li>Coloque o Switch no modo RCM e conecte-o ao dispositivo.</li>
           <li>Escolha um dos payloads disponíveis ou faça upload de um.</li>
           <li>Clique em "Enviar Payload"!</li>
-          <li>No diálogo de confirmação escolha "APX" e clique em Confirmar</li>
+          <li>No diálogo de confirmação escolha "APX" e clique em 'Conectar-se'</li>
           <li>Se tudo der certo, o payload executará!</li>
         </ul>
       </div>

From 8d2a4b22934a1599320c1f573d7d4a49b0b11b92 Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 14:27:30 -0300
Subject: [PATCH 4/8] Fixed a typo causing layout error and added a bit of
 margin to the 'Upload File' row

---
 index.html       | 2 +-
 it_IT/index.html | 7 +------
 it_IT/style.css  | 4 ++++
 pt_BR/index.html | 2 +-
 pt_BR/style.css  | 4 ++++
 style.css        | 4 ++++
 6 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 7a1263a..5cbaa5b 100644
--- a/index.html
+++ b/index.html
@@ -100,7 +100,7 @@
           </div>
 
           <div class="row" id="uploadContainer" style="display: none">
-            <div class="row-xs-12">
+            <div class="col-xs-12">
               <input style="float: right" type="file" id="payloadUpload" accept=".bin"/>
             </div>
           </div>
diff --git a/it_IT/index.html b/it_IT/index.html
index 4a8cac2..31804b2 100644
--- a/it_IT/index.html
+++ b/it_IT/index.html
@@ -58,11 +58,6 @@
         <p>Su Linux, potresti ottenere un errore Access Denied! Se succede, potresti provare a creare un file a <code>/etc/udev/rules.d/50-switch.rules</code>Con i seguenti contenuti:<br><code>SUBSYSTEM==\"usb\", ATTR{idVendor}==\"0955\", MODE=\"0664\", GROUP=\"plugdev\"</code></p>
       </div>
 
-      <div class="alert alert-warning alert-dismissible" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-        <p>Hekate 4.x non è stato testato visto che non ho una Switch 4.x. Tuttavia, tutti gli altri payload verranno testati al momento dell'aggiunta.</p>
-      </div>
-
       <div class="alert alert-warning alert-dismissible" role="alert">
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
         <p>Questo è stato testato e funziona su Linux, OSX, Android (no root) and Chromebooks. Risultati potrebbero variare.</p>
@@ -103,7 +98,7 @@
           </div>
 
           <div class="row" id="uploadContainer" style="display: none">
-            <div class="row-xs-12">
+            <div class="col-xs-12">
               <input style="float: right" type="file" id="payloadUpload" accept=".bin"/>
             </div>
           </div>
diff --git a/it_IT/style.css b/it_IT/style.css
index aaa8060..c9b6366 100644
--- a/it_IT/style.css
+++ b/it_IT/style.css
@@ -20,6 +20,10 @@ body {
   top: 0px;
 }
 
+#uploadContainer {
+  margin-bottom: 8px;
+}
+
 #output {
   height: 200px;
   border: 1px solid black;
diff --git a/pt_BR/index.html b/pt_BR/index.html
index 845a9c5..b48e723 100644
--- a/pt_BR/index.html
+++ b/pt_BR/index.html
@@ -98,7 +98,7 @@
           </div>
 
           <div class="row" id="uploadContainer" style="display: none">
-            <div class="row-xs-12">
+            <div class="col-xs-12">
               <input style="float: right" type="file" id="payloadUpload" accept=".bin"/>
             </div>
           </div>
diff --git a/pt_BR/style.css b/pt_BR/style.css
index aaa8060..c9b6366 100644
--- a/pt_BR/style.css
+++ b/pt_BR/style.css
@@ -20,6 +20,10 @@ body {
   top: 0px;
 }
 
+#uploadContainer {
+  margin-bottom: 8px;
+}
+
 #output {
   height: 200px;
   border: 1px solid black;
diff --git a/style.css b/style.css
index aaa8060..c9b6366 100644
--- a/style.css
+++ b/style.css
@@ -20,6 +20,10 @@ body {
   top: 0px;
 }
 
+#uploadContainer {
+  margin-bottom: 8px;
+}
+
 #output {
   height: 200px;
   border: 1px solid black;

From ad7274d05170120fddf939e18d64edb9f19c37fc Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 14:53:56 -0300
Subject: [PATCH 5/8] Improved readability in small screens

---
 index.html | 2 +-
 style.css  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 5cbaa5b..cbbafc0 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
 
 </head>
 
-<body class="container-fluid">
+<body class="container-fluid" id="pageBody">
   <div class="row" id="title">
     <h1>Nintendo Switch Payload Loader</h1>
     <h4>Fusee Launcher ported to JavaScript using WebUSB.</h4>
diff --git a/style.css b/style.css
index c9b6366..17fb1a7 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,11 @@
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
+@media only screen and (max-width: 768px) {
+  #pageBody {
+    font-size: 3vw;
+  }
+}
+
 body {
   margin-top: 0px;
   margin-left: 0px;

From c5b12ff542ddba3f5273681b4e75389890b03090 Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 15:31:13 -0300
Subject: [PATCH 6/8] Fixed mistype on other language sites (this is annoying,
 ill look for a better way to handle localization). Improved usability in
 mobiles.

---
 index.html       |  8 ++++----
 it_IT/index.html |  4 ++--
 pt_BR/index.html |  2 +-
 style.css        | 13 +++++++++++--
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index cbbafc0..fd1e479 100644
--- a/index.html
+++ b/index.html
@@ -79,7 +79,7 @@
   </div>
   
   <div class="row">
-    <div class="class=col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
+    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
         <h1>Setup Payload Delivery</h1>
 
         <form id="mainForm">
@@ -118,8 +118,8 @@
         </form>
   
         <div class="row margin-top-md">
-          <div class="col-xs-12">
-            <button class="btn btn-primary btn-lg pull-right" id="goButton">Deliver Payload!</button>
+          <div class="col-xs-6 col-xs-offset-6 col-md-4 col-md-offset-8">
+            <button class="btn btn-primary btn-lg btn-block" id="goButton">Deliver Payload!</button>
           </div>
         </div>
         
@@ -128,7 +128,7 @@
 
 
   <div class="row">
-    <div class="class=col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
+    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
         <h3>Log:</h3>
         <div id="output"></div>
         <button class="btn btn-primary pull-right margin-top-md" id="clearlogsbutton" onclick="clearLog();">Clear Logs</button><br><br>      
diff --git a/it_IT/index.html b/it_IT/index.html
index 31804b2..94d2db6 100644
--- a/it_IT/index.html
+++ b/it_IT/index.html
@@ -77,7 +77,7 @@
   </div>
   
   <div class="row">
-    <div class="class=col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
+    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
         <h1>Setup Payload Delivery</h1>
 
         <form id="mainForm">
@@ -126,7 +126,7 @@
 
 
   <div class="row">
-    <div class="class=col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
+    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
         <h3>Log:</h3>
         <div id="output"></div>
         <button class="btn btn-primary pull-right margin-top-md" id="clearlogsbutton" onclick="clearLog();">Pulisci Logs</button><br><br>      
diff --git a/pt_BR/index.html b/pt_BR/index.html
index b48e723..a348025 100644
--- a/pt_BR/index.html
+++ b/pt_BR/index.html
@@ -126,7 +126,7 @@
 
 
   <div class="row">
-    <div class="class=col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
+    <div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
         <h3>Log:</h3>
         <div id="output"></div>
         <button class="btn btn-primary pull-right margin-top-md" id="clearlogsbutton" onclick="clearLog();">Limpar Logs</button><br><br>      
diff --git a/style.css b/style.css
index 17fb1a7..61437fa 100644
--- a/style.css
+++ b/style.css
@@ -1,9 +1,18 @@
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
-@media only screen and (max-width: 768px) {
-  #pageBody {
+@media only screen and (max-device-width: 768px) {
+  #title h1 {
+    font-size: 5vw;
+  }
+
+  #pageBody, #mainForm h4, #goButton, #clearlogsbutton, .btn-group a, #title h4 {
     font-size: 3vw;
   }
+
+  #shouldDebug {
+    width: 4vw;
+    height: 4vw;
+  }
 }
 
 body {

From 8b424b70528b2c9a8613e3857e86e8b38a7ffb7c Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 15:36:24 -0300
Subject: [PATCH 7/8] Replicated changes to the other languages.

---
 index.html       |  2 +-
 it_IT/index.html |  2 +-
 it_IT/style.css  | 15 +++++++++++++++
 pt_BR/index.html |  2 +-
 pt_BR/style.css  | 15 +++++++++++++++
 5 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index fd1e479..6743cea 100644
--- a/index.html
+++ b/index.html
@@ -65,7 +65,7 @@
       </div>
 
       <div class="alert alert-info" role="alert">
-        <h4>Instructions:</h4>
+        <p><strong>Instructions:</strong></p>
         <ul>
           <li>Put the Switch in RCM, and connect it to your device.</li>
           <li>Select either the example payload, or upload one.</li>
diff --git a/it_IT/index.html b/it_IT/index.html
index 94d2db6..d5bea48 100644
--- a/it_IT/index.html
+++ b/it_IT/index.html
@@ -64,7 +64,7 @@
       </div>
 
       <div class="alert alert-info" role="alert">
-        <h4>Istruzioni:</h4>
+        <p><strong>Istruzioni:</strong></p>
         <ul>
           <li>Metti lo Switch in RCM e collega il dispositivo.</li>
           <li>Scegli il payload di esempio o caricane uno.</li>
diff --git a/it_IT/style.css b/it_IT/style.css
index c9b6366..61437fa 100644
--- a/it_IT/style.css
+++ b/it_IT/style.css
@@ -1,5 +1,20 @@
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
+@media only screen and (max-device-width: 768px) {
+  #title h1 {
+    font-size: 5vw;
+  }
+
+  #pageBody, #mainForm h4, #goButton, #clearlogsbutton, .btn-group a, #title h4 {
+    font-size: 3vw;
+  }
+
+  #shouldDebug {
+    width: 4vw;
+    height: 4vw;
+  }
+}
+
 body {
   margin-top: 0px;
   margin-left: 0px;
diff --git a/pt_BR/index.html b/pt_BR/index.html
index a348025..bf6f8e1 100644
--- a/pt_BR/index.html
+++ b/pt_BR/index.html
@@ -64,7 +64,7 @@
       </div>
 
       <div class="alert alert-info" role="alert">
-        <h4>Instruções:</h4>
+        <p><strong>Instruções:</strong></p>
         <ul>
           <li>Coloque o Switch no modo RCM e conecte-o ao dispositivo.</li>
           <li>Escolha um dos payloads disponíveis ou faça upload de um.</li>
diff --git a/pt_BR/style.css b/pt_BR/style.css
index c9b6366..61437fa 100644
--- a/pt_BR/style.css
+++ b/pt_BR/style.css
@@ -1,5 +1,20 @@
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
+@media only screen and (max-device-width: 768px) {
+  #title h1 {
+    font-size: 5vw;
+  }
+
+  #pageBody, #mainForm h4, #goButton, #clearlogsbutton, .btn-group a, #title h4 {
+    font-size: 3vw;
+  }
+
+  #shouldDebug {
+    width: 4vw;
+    height: 4vw;
+  }
+}
+
 body {
   margin-top: 0px;
   margin-left: 0px;

From 7c80f03349b249fd447e5d52878eaedaf9c3e20e Mon Sep 17 00:00:00 2001
From: falquinho <lucas.falcao.nb@gmail.com>
Date: Mon, 21 May 2018 15:38:09 -0300
Subject: [PATCH 8/8] Forgot to replicate the body id.

---
 it_IT/index.html | 2 +-
 pt_BR/index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/it_IT/index.html b/it_IT/index.html
index d5bea48..8dfbf31 100644
--- a/it_IT/index.html
+++ b/it_IT/index.html
@@ -20,7 +20,7 @@
 
 </head>
 
-<body class="container-fluid">
+<body class="container-fluid" id="pageBody">
   <div class="row" id="title">
     <h1>Nintendo Switch Payload Loader</h1>
     <h4>Fusee Launcher portato a JavaScript usando WebUSB.</h4>
diff --git a/pt_BR/index.html b/pt_BR/index.html
index bf6f8e1..57dbe40 100644
--- a/pt_BR/index.html
+++ b/pt_BR/index.html
@@ -20,7 +20,7 @@
 
 </head>
 
-<body class="container-fluid">
+<body class="container-fluid" id="pageBody">
   <div class="row" id="title">
     <h1>Nintendo Switch Payload Loader</h1>
     <h4>Fusee Launcher portado para JavaScript usando WebUSB.</h4>