Separate js, css, html and data

There's a certain level of "temporary solution" that even I can not
stand.

.gitignore

@@ -0,0 +1,18 @@
+### IntelliJ IDEA ###
+.idea
+*.iws
+*.iml
+*.ipr
+
+build/
+dist/
+logs
+project/project
+project/target
+target
+tmp
+.history
+/.idea_modules
+/.classpath
+/.project
+/RUNNING_PID

main.css

@@ -0,0 +1,102 @@
+html, body, button {
+    font-family: "Arial Black", Gadget, sans-serif;
+    font-size: 32px;
+    margin: 0px;
+}
+
+.s {
+    font-size: 26px;
+}
+
+#container {
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    background: #061130;
+    color: white;
+    padding: 10px;
+}
+
+#container::after {
+    content: "";
+    background: url('data:image/png;base64,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');
+    opacity: 0.025;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    position: absolute;
+    z-index: -1;
+}
+
+#money {
+    height: 100%;
+    width: 20%;
+    position: absolute;
+    font-size: 26px;
+}
+
+.moneyBlock {
+    height: 1.6em;
+    width: 100%;
+    background: #01050D;
+    padding-top: 0.2em;
+    text-align: center;
+}
+
+.guaranteed {
+    color: gold;
+}
+
+#interaction {
+    height: 100%;
+    width: 80%;
+    margin-left: 25%;
+}
+
+#header {
+    width: 80%;
+    height: 150px;
+    padding-top: 50px;
+    font-size: 32px;
+}
+
+#question {
+    width: 80%;
+    height: 80%;
+}
+
+#controls {
+    bottom: 0;
+    position: absolute;
+    right: 0;
+    padding: 20px;
+}
+
+button {
+    border: 1px solid black;
+    background: white;
+    padding: 10px;
+    color: #061130;
+    font-size: 22px;
+}
+
+/* master overrides */
+._greenButton {
+    background: green !important;
+    color: white !important;
+}
+
+._greyButton {
+    background: #222 !important;
+    color: #061130 !important;
+}
+
+.answer {
+    width: 450px;
+    padding: 10px;
+}
+
+.answerLetter {
+    color: gold;
+}

miliarderzy.js

@@ -0,0 +1,98 @@
+var points = 0;
+var friendPhoneUsed = false, fiftyFiftyUsed = false, askPublicUsed = false; //safelines
+var resigned = false;
+
+function helpSplit() {
+    $("#helpSplit").addClass("_greyButton")
+    $($("[data-correct='false']")[0]).css("text-decoration", "line-through")
+    $($("[data-correct='false']")[1]).css("text-decoration", "line-through")
+    $($("[data-correct='false']")[0]).css("color", "#222")
+    $($("[data-correct='false']")[1]).css("color", "#222")
+}
+function helpPhone() {
+    $("#helpPhone").addClass("_greyButton")
+}
+function helpQuestion() {
+    $("#helpQuestion").addClass("_greyButton")
+}
+
+var lostGame = false;
+function finish() {
+    $("#header").html("Koniec gry")
+    won = 0;
+
+    var moneyPoints = ["1 MILION", 500000, 250000, 125000, 75000, 40000, 20000, 10000, 5000, 2000, 1000, 500];
+    moneyPoints.reverse();
+
+    if (lostGame || points == 0) {
+        if (points >= 2) won = 1000;
+        if (points >= 7) won = 40000;
+        if (points >= 12) won = "1 MILION";
+    }
+    else {
+        won = moneyPoints[points - 1];
+    }
+    $("#body").html("Wygrałeś: " + won + " zł<br /<br /><button onClick='location.reload()'>nowa gra</button>")
+    $("#body").css("font-size", "66px")
+    $("#controls").hide()
+}
+
+function nextArrayId(arr) {
+    var len = arr.length;
+    if (len == 1) return 0;
+    return Math.floor(Math.random() * len + 0);
+}
+function nextQuestion() {
+    $("#controls").show()
+    $("#nextButton").addClass("_greyButton")
+    $("#nextButton").attr("onClick", "");
+    var nextQuestionId = nextArrayId(pytania);
+    var question = pytania[nextQuestionId];
+    var correct = question.odpowiedzi[0];
+    pytania.splice(nextQuestionId, 1);
+
+    $("#header").html(question.pytanie);
+    $("#body").html("");
+
+    for (var i = 0; i < 4; i++) {
+        var nextAnswerId = nextArrayId(question.odpowiedzi);
+        var answer = question.odpowiedzi[nextAnswerId];
+        question.odpowiedzi.splice(nextAnswerId, 1);
+        var isCurrentCorrect = (correct == answer);
+        var letter = "<span class='answerLetter'>" + String.fromCharCode(i + 65) + ") " + "</span>"
+        $("#body").append("<div class='answer' data-correct='" + isCurrentCorrect + "' onClick='selectAnswer(this, " + isCurrentCorrect + ")'>" + letter + answer + "</div>")
+    }
+}
+function selectAnswer(caller, correct) {
+    $("[data-correct='true']").css("background", "green");
+
+    if (correct) {
+        points++;
+        $("[data-money='" + points + "']").css("background", "green")
+
+        if (points >= 12) {
+            $("#finishButton").addClass("_greenButton")
+        }
+        else {
+            $("#nextButton").removeClass("_greyButton")
+            $("#nextButton").addClass("_greenButton")
+            $("#nextButton").attr("onClick", "nextQuestion()");
+        }
+    }
+    else {
+        lostGame = true;
+        $(caller).css("background", "#FF7904");
+        $("#finishButton").addClass("_greenButton")
+    }
+
+    $(".answer").attr("onClick", "");
+
+}
+
+$(function () {
+    if (pytania.length < 12) {
+        alert("pytań nie może być mniej jak 12!");
+        return;
+    }
+    $("#controls").hide()
+});

questions.js

@@ -0,0 +1,137 @@
+var pytania = [
+    //uwaga: pierwsza odpowiedź jest prawidłowa, randomizcja w czasie runtime!
+    {
+        pytanie: "Ile bajtów ma kilobajt?", odpowiedzi: ["1024", "1000", "miliard", "8"]
+    },
+    {
+        pytanie: "Ile bajtów ma megabajt?", odpowiedzi: ["1048576", "miliard", "1024", "1000"]
+    },
+    {
+        pytanie: "Ile bajtów ma bit?", odpowiedzi: ["1/8", "8", "1024", "128"]
+    },
+    {
+        pytanie: "Co to jest ZIP?",
+        odpowiedzi: ["format kompresji", "format obrazka", "format dokumentu", "plik wykonywalny"]
+    },
+    //{pytanie: "Ile lat ma KSI?", odpowiedzi: ["41","16","100","40"]},
+    {
+        pytanie: "Jakim skrótem klawiaturowym możesz cofnąć ostatnią zmianę?",
+        odpowiedzi: ["Ctrl+Z", "Ctrl+Y", "Ctrl+B", "Ctrl+Alt+Del"]
+    },
+    {
+        pytanie: "Jakim poleceniem można wydrukować określony komunikat na ekran w konsoli linuksowej?",
+        odpowiedzi: ["echo", "ls", "dir", "send"]
+    },
+    {
+        pytanie: "Kiedy odbywa się 13. edycja Studenckiego Festiwalu Informatycznego?",
+        odpowiedzi: ["16-18.03", "15-20.04", "8-10.04", "1-3.03"]
+    },
+    {
+        pytanie: "Które z poniższych NIE jest przeglądarką?", odpowiedzi: ["Word", "Chrome", "Frefox", "Safari"]
+    },
+    {
+        pytanie: "Kto jest autorem jądra systemu operacyjnego Linux?",
+        odpowiedzi: ["Linus Torvalds", "Richard M. Stallman", "Anthony Linux", "Bill Gates"]
+    },
+    {
+        pytanie: "Który z poniższych nie jest systemem operacyjnym?", odpowiedzi: ["Arduino", "FreeBSD", "OS X", "DOS"]
+    },
+    {
+        pytanie: "Jaki test musiałaby zdać maszyna, aby można było uznać, że myśli?",
+        odpowiedzi: ["Turinga", "McDonalda", "Assena", "Ahera"]
+    },
+    {
+        pytanie: "Do czego służy CAPTCHA?",
+        odpowiedzi: ["do potwierdzenia że informację wysyła człowiek", "do szyfrowania wiadomości", "do tworzenia testów automatycznych", "do przeprowadzania wyborów internetowych"]
+    },
+    {
+        pytanie: "Który komputer jest najstarszy?", odpowiedzi: ["Eniac", "Amiga", "Odra", "Macintosh"]
+    },
+    {
+        pytanie: "Który z poniższych programów NIE służy do tworzenia grafiki?",
+        odpowiedzi: ["Wolfram Alpha", "MS Paint", "GIMP", "Photoshop"]
+    },
+    //{pytanie: "<span class='s'?>Jak nazywamy łamanie zabezpieczeń sieci telefonicznych, najczęściej celem uzyskania połączenia darmowego lub tańszego niż tradycyjne?</span>", odpowiedzi: ["phreaking","hacking","threating","handling"]},
+    {
+        pytanie: "Pod jakim adresem mieści się Wydział Matematyki i Informatyki UJ?",
+        odpowiedzi: ["Łojasiewicza 6", "Norymberska 12", "Ruczajowa 5", "Gołębia 23"]
+    },
+    {
+        pytanie: "Który adres IP jest nieprawidłowy?",
+        odpowiedzi: ["192.268.1.201", "127.0.0.1", "::1", "149.156.65.204"]
+    },
+    {
+        pytanie: "Jak nazywani są hakerzy działający zupełnie legalnie lub też starający się nie wyrządzać szkód?",
+        odpowiedzi: ["whitehat", "redhat", "blackhat", "Bonzo"]
+    },
+    {
+        pytanie: "Który kabel służy do połączeń sieciowych?", odpowiedzi: ["skrętka", "molex", "SATA", "DVI"]
+    },
+    {
+        pytanie: "Które z poniższych NIE służy do połączania dysków?", odpowiedzi: ["MOLEX", "iSCSI", "SATA", "USB"]
+    },
+    {
+        pytanie: "Jak nazwyał się pierwszy polski Internet?", odpowiedzi: ["NASK", "Odra", "CERT", "DNS"]
+    },
+    {
+        pytanie: "Co odpowiada za zamianę nazw domenowych (np. google.pl) na adresy IP",
+        odpowiedzi: ["DNS", "DHCP", "ARP", "TCP/IP"]
+    },
+    //{pytanie: "Co robi klawisz SysRq w Linuksie?", odpowiedzi: ["zapewnia dostęp do debugera jądra","nic - był wykozrsytywany tylko w DOSie","przyspiesza procesor","służy do blokowania ekranu"]},
+    //{pytanie: "12 Ile bajtów ma bit?", odpowiedzi: ["1/8","8","1024","128"]},//pytań nie może być mniej jak 12!!!
+    {
+        pytanie: "Ile porównań potrzeba, aby posortować ciąg 1000 elementów? Wybierz najmniejszą wystarczającą liczbę",
+        odpowiedzi: ["10000", "10", "1000", "100000"]
+    },
+    {
+        pytanie: "Jaka jest najpopularniejsza architektura procesorów komputerowych?",
+        odpowiedzi: ["x86", "sparc", "powerpc", "avr"]
+    },
+    {
+        pytanie: "Kto jest twórcą najpopularniejszej architektury komputerowej?",
+        odpowiedzi: ["John von Neumann", "Alan Turing", "Albert Einstein", "Linus Torvalds"]
+    },
+    {
+        pytanie: "Ile okładek książek wystarczy przeczytać, aby znaleźć określoną pozycję na półce 1000 ułożonych alfabetycznie książek?",
+        odpowiedzi: ["10", "5", "50", "100"]
+    },
+    {
+        pytanie: "Co to jest Maszyna Turinga?",
+        odpowiedzi: ["Teroretyczny model obliczeń", "Maszyna rozszyfrowująca kod enigmy", "komputer zaprojektowany przez Alana Turinga", "algorytm wyszukiwania słów w tekście"]
+    },
+    {
+        pytanie: "Co to jest SQL?",
+        odpowiedzi: ["Język zapytań do baz danych", "System do przechowywania informacji", "Język do tworzenia stron internetowych", "Program do tworzenia raportów finansowych"]
+    },
+    {
+        pytanie: "Który z poniższych nie jest językiem programowania?", odpowiedzi: ["XML", "C++", "Java", "Haskel"]
+    },
+    {
+        pytanie: "Który z poniższych systemów operacyjnych powstał jako powierszy?",
+        odpowiedzi: ["Unix", "Windows 95", "Linux", "MsDOS"]
+    },
+    {
+        pytanie: "Jaka jest pojemność płyty CD?", odpowiedzi: ["700MB", "4,7GB", "50GB", "500kB"]
+    },
+    {
+        pytanie: "Którym z kabli nie podłączymy monitora?", odpowiedzi: ["SAS", "HDMI", "DisplayPort", "VGA"]
+    },
+    {
+        pytanie: "Które z poniższych słów jest nazwą języka programowania?",
+        odpowiedzi: ["Python", "Anaconda", "Cobra", "Boa"]
+    },
+    {
+        pytanie: "Liczba 81 w systemie szesnastkowym to", odpowiedzi: ["51", "1010001", "121", "3E"]
+    },
+    {
+        pytanie: "Które z protokołów służy do wysyłania poczty email?", odpowiedzi: ["smtp", "pop3", "ftp", "imap"]
+    },
+    {
+        pytanie: "Czym w informatyce jest demon (daemon)?",
+        odpowiedzi: ["proces pracujacy w tle", "rodzaj wirusa komputerowego", "błędny program zachowywujący się jak nawiedzony", "typ protokołu sieciowego"]
+    },
+    {
+        pytanie: "Używanie której technologii NIE poprawi naszego bezpieczeństwa w internecie?",
+        odpowiedzi: ["HTTP", "VPN", "TLS", "SFTP"]
+    }
+];