pufferlab.net/index.html at main · PufferTeam/pufferlab.net · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>PufferLab</title>
    <link rel="stylesheet" href="/style.css">
    <link rel="shortcut icon" type="image/x-icon" href="/icon.svg">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
        rel="stylesheet">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
    <script id="mainScript" src="/main.js" type="module"></script>
</head>

<body id="main" class="site">
    <script id="initScript">var mode = localStorage.getItem("savedMode");
        let e = document.getElementById("main");
        if (mode == "mode.dark") {
            e.style.backgroundColor = "#0d0d0d";
        } else {
            e.style.backgroundColor = "#ffffff";
        }
    </script>
    <div id="menuPage" class="overlay menu page">
        <nav class="nav menu top-page">
            <ul id="PageMenu" class="page default overlay nav menu set">
            </ul>
        </nav>
    </div>

    <div id="subMenuPage" class="sub-overlay page">
    </div>

    <header id="mainPage" class="page default set">
        <div class="top">
            <div id="headerPage" class="page default header fix">
                <ul class="header set">
                    <li class="header menu sep"><button type="button" id="toggleMenu" class="trigger menu header static"
                            onclick="toggleMenu()"></button>
                    </li>
                    <li class="header sep">
                        <h1 class="logo set">PufferLab</h1>
                    </li>
                </ul>
            </div>
            <div id="optionPage" class="page default option fix">
                <ul class="option set">
                    <li class="option sep"><button type="button" id="changeMode" class="trigger option"
                            onclick="changeMode();"></button>
                    </li>
                    <li class="option sep"><label for="langSL" id="changeLangLabel"></label>
                        <select name="langSL" id="changeLang" class="trigger select option" onchange="changeLang()">
                            <option value="en">English 🇺🇸</option>
                            <option value="fr">Français 🇫🇷</option>
                        </select>
                    </li>
                </ul>
            </div>
        </div>

        <div class="top-page"></div>
        <div id="navPage" class="page default pages">
            <nav class="nav pages navigator">
                <ul id="PageNav" class="nav navigator set">
                </ul>
            </nav>
        </div>
    </header>
    <main id="pages" class="pages">
    </main>
</body>

</html>