first supposedly working version

2017-03-31 23:33:49 +02:00 · 2017-03-31 23:33:49 +02:00 · c1714f9f2c
commit c1714f9f2c
54 changed files with 254 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,21 @@
+.os-name {
+    display: none;
+}
+.detectedOs {
+    display: inline;
+}
+body{
+    font-size: 18px;
+    margin: 10px;
+    max-width: 800px;
+}
+figure {
+    margin: 1em 0 2em;
+    max-width: 100%;
+}
+figcaption {
+    margin-bottom: 1em;
+}
+img {
+    max-width: 100%;
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,52 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Karinthy Free WiFi</title>
+  <meta name="description" content="Karinthy Free WiFi">
+  <meta name="author" content="Karinthy Frigyes Gimnázium">
+
+  <link rel="stylesheet" href="css/style.css">
+
+  <!--[if lt IE 9]>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
+  <![endif]-->
+</head>
+
+<body>
+    <header>
+        <h1>Karinthy Free WiFi - Útmutató</h1>
+    </header>
+    <section>
+        <p>Kedves Látogatónk!
+        <p>Az új WiFi hálózatban nem kell minden bejelentkezéskor beírnod a jelszavad, csak az első alkalommal. Az alábbiakban találhatod az operációs rendszeredhez szükséges beállításokat, hogy használhasd az internetet iskolánkban.
+        <p>Szerintünk te 
+		<span id="xp" class="os-name">Windows XP</span>
+		<span id="vista" class="os-name">Windows Vista</span>
+		<span id="win7" class="os-name">Windows 7</span>
+		<span id="win8" class="os-name">Windows 8</span>
+		<span id="win10" class="os-name">Windows 10</span>
+		<span id="android" class="os-name">Android</span>
+		<span id="linux" class="os-name">Linux</span>
+		<span id="mac" class="os-name">Mac OS X</span>
+		<span id="other" class="os-name">ismeretlen</span> 
+		operációs rendszert használsz. A bejelentkezéshez kövesd az alábbi utasításokat.
+        <p>Ha másik operációs rendszer útmutatóját szeretnéd megtekinteni, válaszd ki az operációs rendszert az alábbi listából.<br>
+        <select id="osSelector">
+            <option value="win7">Windows Vista & 7</option>
+            <option value="win10">Windows 8 & 10</option>
+            <option value="android">Android</option>
+            <option value="mac">Mac OS X</option>
+            <option value="linux">Linux</option>
+        </select>
+        <div id="os-specific"></div>
+    </section>
+
+
+    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
+    <script type="text/javascript" src="js/selector.js"></script>
+    <script>selectOs('#os-specific');</script>
+</body>
+</html>
--- a/js/jquery-3.1.1.min.js
+++ b/js/jquery-3.1.1.min.js
--- a/js/selector.js
+++ b/js/selector.js
@ -0,0 +1,66 @@
+function selectOs( osDiv ) {
+    osString = navigator.oscpu + navigator.userAgent;
+    osString = osString.toLowerCase();
+
+    var detectedOs = 'other';
+
+    if (matches(osString, ['Windows NT 5.1', 'Windows XP'])) {
+        detectedOs = 'xp';
+    } else if (matches(osString, ['Windows NT 6.0', 'Windows Vista'])) {
+        detectedOs = 'vista'
+    } else if(matches(osString, ['Windows 7', 'Windows NT 6.1'])) {
+        detectedOs = 'win7';
+    } else if (matches(osString, ['Windows NT 6.2', 'Windows NT 6.3'])) {
+        detectedOs = 'win8';
+    } else if (matches(osString, ['Windows NT 6.4', 'Windows NT 10'])) {
+        detectedOs = 'win10';
+    } else if (matches(osString, ['android'])) {
+        detectedOs = 'android';
+    } else if (matches(osString, ['linux'])) {
+        detectedOs = 'linux';
+    } else if (matches(osString, ['mac os x', 'macintosh', 'mac_powerpc'])) {
+        detectedOs = 'mac';
+    } else {
+        detectedOs = 'other';
+    }
+
+	alert(detectedOs);
+    $('#' + detectedOs).addClass('detectedOs');
+    $('' + osDiv).load('os/' + detectedOs + '/howto.html');
+    $('#osSelector').val(detectedOs);
+    $('#osSelector').change(function () {
+        $('' + osDiv).load('os/' + $(this).val() + '/howto.html');
+    })
+}
+
+function matches(osString, strings) {
+    for (var i=0; i<strings.length; i = i+1) {
+        if (osString.indexOf(strings[i].toLowerCase()) > -1)
+            return true;
+    }
+    return false;
+}
+
+/*
+'Windows 3.11' => 'Win16',
+'Windows 95' => '(Windows 95)|(Win95)|(Windows_95)',
+'Windows 98' => '(Windows 98)|(Win98)',
+'Windows 2000' => '(Windows NT 5.0)|(Windows 2000)',
+'Windows XP' => '(Windows NT 5.1)|(Windows XP)',
+'Windows Server 2003' => '(Windows NT 5.2)',
+'Windows Vista' => '(Windows NT 6.0)',
+'Windows 7' => '(Windows NT 6.1)',
+'Windows 8' => '(Windows NT 6.2)|(WOW64)|(Windows NT 6.3)',
+'Windows 10' => '(Windows NT 6.4)|(Windows NT 10)'
+'Windows NT 4.0' => '(Windows NT 4.0)|(WinNT4.0)|(WinNT)|(Windows NT)',
+'Windows ME' => 'Windows ME',
+'Open BSD' => 'OpenBSD',
+'Sun OS' => 'SunOS',
+'Linux' => '(Linux)|(X11)',
+'Mac OS' => '(Mac_PowerPC)|(Macintosh)|(Mac)',
+'QNX' => 'QNX',
+'BeOS' => 'BeOS',
+'OS/2' => 'OS/2',
+'Search Bot'=>'(nuhk)|(Googlebot)|(Yammybot)|(Openbot)|(Slurp)|(MSNBot)|(Ask Jeeves/Teoma)|(ia_archiver)'
+*/
+
--- a/os/android/01.png
+++ b/os/android/01.png
--- a/os/android/02.png
+++ b/os/android/02.png
--- a/os/android/howto.html
+++ b/os/android/howto.html
@ -0,0 +1,11 @@
+<figure>
+    <figcaption>1. Válaszd ki a "karinthy" hálózatot.</figcaption>
+    <img src="/os/android/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=""/>
+</figure>
+<figure>
+    <figcaption>3. Most már csatlakozhatsz a hálózathoz.</figcaption>
+</figure>
--- a/os/linux/01.png
+++ b/os/linux/01.png
--- a/os/linux/02.png
+++ b/os/linux/02.png
--- a/os/linux/03.png
+++ b/os/linux/03.png
--- a/os/linux/04.png
+++ b/os/linux/04.png
--- a/os/linux/Screenshot_2017-03-02_20-48-36.png
+++ b/os/linux/Screenshot_2017-03-02_20-48-36.png
--- a/os/linux/howto.html
+++ b/os/linux/howto.html
@ -0,0 +1,17 @@
+<p>Az alábbi útmutató a Network Manager alkalmazáshoz készült. Más alkalmazások esetén eltérések előfordulhatnak.</p>
+<figure>
+    <figcaption>1. Adj hozzá új WiFi hálózatot a konfigurációk listájához.</figcaption>
+    <img src="/os/linux/01.png" alt="" />
+</figure>
+<figure>
+    <figcaption>2. Add meg a hálózat nevét (SSID: karinthy) a "Wi-Fi" tabon.</figcaption>
+    <img src="/os/linux/02.png" alt="" />
+</figure>
+<figure>
+    <figcaption>3. A Wi-Fi Security tabra kattintva először ki kell választanod a titkosítás módját. Itt válaszd a "WPA & WPA2 Enterprise" lehetőséget.</figcaption>
+    <img src="/os/linux/03.png" alt="" />
+</figure>
+<figure>
+    <figcaption>4. Ezután válaszd a "Tunneled TLS" autentikációt, majd kattints a "No CA certificate is required" négyzetre, hogy a gép ne ellenőrizze a szerver tanúsítványát. A belső autentikáció módja "MSCHAPv2" legyen. Végül töltsd ki a felhasználónév és jelszó mezőt a karinthys felhasználónevedel és jelszavaddal. Ezután már csatlakozhatsz a hálózathoz.</figcaption>
+    <img src="/os/linux/04.png" alt="" />
+</figure>
--- a/os/mac/en/01.png
+++ b/os/mac/en/01.png
--- a/os/mac/en/02.png
+++ b/os/mac/en/02.png
--- a/os/mac/en/03.png
+++ b/os/mac/en/03.png
--- a/os/mac/en/04.png
+++ b/os/mac/en/04.png
--- a/os/mac/hu/01.png
+++ b/os/mac/hu/01.png
--- a/os/mac/hu/02.png
+++ b/os/mac/hu/02.png
--- a/os/mac/hu/03.png
+++ b/os/mac/hu/03.png
--- a/os/mac/hu/04.png
+++ b/os/mac/hu/04.png
--- a/os/other/howto.html
+++ b/os/other/howto.html
@ -0,0 +1,19 @@
+<p>A következő beállításokat használd:</p>
+<dl>
+    <dt>Hálózat neve:</dt>
+        <dd>karinthy</dd>
+    <dt>Titkosítás:</dt>
+        <dd>WPA2-Enterprise</dd>
+    <dt>Autentikáció:</dt>
+        <dd>MSCHAPv2</dd>
+    <dt>Felhasználói név:</dt>
+        <dd>&lt;karinthys userneved&gt;</dd>
+    <dt>Jelszó:</dt>
+        <dd>&lt;karinthys jelszavad&gt;</dd>
+    <dt>Anonim bejelentkezés:</dt>
+        <dd>Ezt üresen hagyhatod.</dd>
+    <dt>CA tanúsítvány:</dt>
+        <dd>Ilyenünk nincs, ezért ha lehet, válaszd ki azt a lehetőséget, hogy ne ellenőrizze.</dd>
+</dl>
+
+<p>Amennyiben a fentiek alapján nem sikerült csatlakoznod, lehetséges, hogy az általad használt operációs rendszer nem támogatja a karinthy WiFi hálózatát. Ha biztos akarsz lenni, keresd meg a rendszergazdákat.</p>
--- a/os/vista
+++ b/os/vista
@ -0,0 +1 @@
+win7
--- a/os/win10/en/01.png
+++ b/os/win10/en/01.png
--- a/os/win10/en/02.png
+++ b/os/win10/en/02.png
--- a/os/win10/en/03.png
+++ b/os/win10/en/03.png
--- a/os/win10/howto.html
+++ b/os/win10/howto.html
@ -0,0 +1,12 @@
+<figure>
+    <figcaption>1. Válaszd ki a "karinthy" hálózatot, és kattints a "csatlakozás" gombra.</figcaption>
+    <img src="/os/win10/01.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>2. Írd be a karinthys felhasználóneved és jelszavad. Figyelj a kis- és nagybetűkre.</figcaption>
+    <img src="/os/win10/02.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>3. Erősítsd meg, hogy valóban csatlakozni akarsz.</figcaption>
+    <img src="/os/win10/03.png" alt=""/>
+</figure>
--- a/os/win10/hu/01.png
+++ b/os/win10/hu/01.png
--- a/os/win10/hu/02.png
+++ b/os/win10/hu/02.png
--- a/os/win10/hu/03.png
+++ b/os/win10/hu/03.png
--- a/os/win7/en/01.png
+++ b/os/win7/en/01.png
--- a/os/win7/en/02.png
+++ b/os/win7/en/02.png
--- a/os/win7/en/03.png
+++ b/os/win7/en/03.png
--- a/os/win7/en/04.png
+++ b/os/win7/en/04.png
--- a/os/win7/en/05.png
+++ b/os/win7/en/05.png
--- a/os/win7/en/06.png
+++ b/os/win7/en/06.png
--- a/os/win7/en/07.png
+++ b/os/win7/en/07.png
--- a/os/win7/en/08.png
+++ b/os/win7/en/08.png
--- a/os/win7/en/09.png
+++ b/os/win7/en/09.png
--- a/os/win7/en/10.png
+++ b/os/win7/en/10.png
--- a/os/win7/en/11.png
+++ b/os/win7/en/11.png
--- a/os/win7/howto.html
+++ b/os/win7/howto.html
@ -0,0 +1,49 @@
+<figure>
+    <figcaption>1. A hálózatok listájában kattints a "Hálózati és megosztási központ" linkjére.</figcaption>
+    <img src="/os/win7/01.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>2. Nyisd meg a hálózatok listáját (Vezeték nélküli hálózatok kezelése).</figcaption>
+    <img src="/os/win7/02.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>3. Kattints a "Hozzáadás" gombra</figcaption>
+    <img src="/os/win7/03.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>4. Válaszd a Profil kézi létrehozása opciót.</figcaption>
+    <img src="/os/win7/04.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>5. Töltsd ki a "hálózat neve" (karinthy), a "Biztonság típusa" (WPA2-Enterprise) és a "Titkosítás típusa" (AES) mezőt. Ha szeretnéd, jelöld meg a kapcsolat automatikus indítása opciót is.</figcaption>
+    <img src="/os/win7/05.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>6. Kattints a "Tovább" gombra, majd válaszd a kapcsolat beállításainak módosítása opciót.</figcaption>
+    <img src="/os/win7/06.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>7. A biztonság fülön kattints a "Beállítás" gombra a hálózat hitelesítési módja mellett.</figcaption>
+    <img src="/os/win7/07.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>8. Állítsd be, hogy a kiszolgáló tanúsítványát ne ellenőrizze a Windows. Ezután a Hitelesítési mód mellett kattints a "konfigurálás" gombra.</figcaption>
+    <img src="/os/win7/08.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>9. Kapcsold ki a megjelenő ablakban a Windows felhasználói neved és jelszavad használatát.</figcaption>
+    <img src="/os/win7/09.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>10. Kattints a "Speciális beállítások" gombra az előző képernyőn.</figcaption>
+    <img src="/os/win7/07.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>11. Állítsd be a hitelesítési módot (Felhasználóhitelesítés), majd add meg a felhasználói neved és jelszavad.</figcaption>
+    <img src="/os/win7/10.png" alt=""/>
+    <img src="/os/win7/11.png" alt=""/>
+</figure>
+<figure>
+    <figcaption>12. Végül kattints az Ok, majd a bezárás gombokra. A kapcsolat készen áll a használatra.</figcaption>
+    
+</figure>
--- a/os/win7/hu/01.png
+++ b/os/win7/hu/01.png
--- a/os/win7/hu/02.png
+++ b/os/win7/hu/02.png
--- a/os/win7/hu/03.png
+++ b/os/win7/hu/03.png
--- a/os/win7/hu/04.png
+++ b/os/win7/hu/04.png
--- a/os/win7/hu/05.png
+++ b/os/win7/hu/05.png
--- a/os/win7/hu/06.png
+++ b/os/win7/hu/06.png
--- a/os/win7/hu/07.png
+++ b/os/win7/hu/07.png
--- a/os/win7/hu/09.png
+++ b/os/win7/hu/09.png
--- a/os/win7/hu/10.png
+++ b/os/win7/hu/10.png
--- a/os/win7/hu/11.png
+++ b/os/win7/hu/11.png
--- a/os/win8
+++ b/os/win8
@ -0,0 +1 @@
+win10
--- a/os/xp
+++ b/os/xp
@ -0,0 +1 @@
+other