updated css, added android new screenshots

css/style.css

@@ -5,10 +5,13 @@
     display: inline;
 }
 body{
-    font-size: 18px;
+    font-size: 12pt;
     margin: 10px;
     max-width: 800px;
 }
+h1 {
+    font-size: 1.5em;
+}
 figure {
     margin: 1em 0 2em;
     max-width: 100%;
@@ -19,3 +22,12 @@ figcaption {
 img {
     max-width: 100%;
 }
+
+@media screen 
+    and (max-width: 960px) 
+        body {
+            font-size: 18pt;
+            max-width: 100%;
+            margin: 5%;
+        }
+}

index.html

@@ -5,6 +5,7 @@
   <meta charset="utf-8">
 
   <title>Karinthy Free WiFi</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Karinthy Free WiFi">
   <meta name="author" content="Karinthy Frigyes Gimnázium">
 

js/selector.js

@@ -1,7 +1,7 @@
 function selectOs( osDiv ) {
     osString = navigator.oscpu + navigator.userAgent;
     osString = osString.toLowerCase();
-
+    
     var detectedOs = 'other';
 
     if (matches(osString, ['Windows NT 5.1', 'Windows XP'])) {

os/android/howto.html

@@ -1,10 +1,10 @@
 <figure>
     <figcaption>1. Válaszd ki a "karinthy" hálózatot.</figcaption>
-    <img src="/os/android/01.png" alt=""/>
+    <img src="/os/android/hu/01.png" alt=""/>
 </figure>
 <figure>
     <figcaption>2. Válaszd ki, hogy ne ellenőrizze a tanúsítványt, majd írd be a karinthys felhasználóneved és jelszavad. Az anonim felhasználónevet nem kell kitölteni. Figyelj a kis- és nagybetűkre.</figcaption>
-    <img src="/os/android/02.png" alt=""/>
+    <img src="/os/android/hu/02.png" alt=""/>
 </figure>
 <figure>
     <figcaption>3. Most már csatlakozhatsz a hálózathoz.</figcaption>