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