textbored/index.html at main · fox198nt/textbored · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Textbored</title>
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
        <noscript>
            <img src="./.noscript.png" height="150px" alt="Y U NO JAVASCRIPT">
            <p>This website requires Javascript to function. Are you on a feature phone or something?</p>
        </noscript>
        <nav>
            <svg width="178.29" height="80" version="1.1" viewBox="0 0 .35657 .16" xmlns="http://www.w3.org/2000/svg" id="logo" title="Textbored">
                <defs>
                    <linearGradient id="a" x1="4" x2="4" y1="-9.9093e-7" y2="3.5" gradientTransform="scale(.045714)" gradientUnits="userSpaceOnUse">
                        <stop stop-color="#2fdc55" offset="0"/>
                        <stop stop-color="#257018" offset="1"/>
                    </linearGradient>
                </defs>
                <path d="m0.022857 0s-0.022857 0-0.022857 0.022857v0.068571s0 0.022857 0.022857 0.022857h0.25143l0.045714 0.045714v-0.045714h0.013714s0.022857 0 0.022857-0.022857v-0.068571s0-0.022857-0.022857-0.022857z" fill="url(#a)"/>
                <g id="logo-text">
                    <g transform="matrix(.045714 0 0 .045714 .022857 -1.4591)" fill="#fff">
                        <path d="m0.1 32.417h0.2v0.5h0.4v0.2h-0.4v0.6h0.4l-0.2 0.2h-0.2s-0.2 0-0.2-0.2v-0.6h-0.1v-0.2h0.1z"/>
                        <path d="m2.35 32.417h0.2v0.5h0.4v0.2h-0.4v0.6h0.2l0.2 0.2h-0.4s-0.2 0-0.2-0.2v-0.6h-0.1v-0.2h0.1z"/>
                        <path d="m3 32.417v1.3c0 0.2 0.2 0.2 0.2 0.2h0.3c0.2 0 0.2-0.2 0.2-0.2l-1e-7 -0.6s1e-7 -0.2-0.2-0.2h-0.3v-0.5zm0.2 0.7h0.3v0.6h-0.3z" />
                        <path d="m6.7 32.417v1.3c0 0.2-0.2 0.2-0.2 0.2h-0.3c-0.2 0-0.2-0.2-0.2-0.2l1e-7 -0.6s-1e-7 -0.2 0.2-0.2h0.3v-0.5zm-0.2 0.7h-0.3v0.6h0.3z" />
                        <path d="m0.95 32.917s-0.2 0-0.2 0.2v0.6s2e-8 0.2 0.2 0.2h0.3c0.2 0 0.2-0.2 0.2-0.2h-0.5v-0.3h0.5v-0.3s0-0.2-0.2-0.2zm0 0.2h0.3v0.2h-0.3z"/>
                        <path d="m5.45 32.917s-0.2 0-0.2 0.2v0.6s0 0.2 0.2 0.2h0.3c0.2 0 0.2-0.2 0.2-0.2h-0.5v-0.3h0.5v-0.3s0-0.2-0.2-0.2zm0 0.2h0.3v0.2h-0.3z"/>
                        <path d="m1.5 32.917 0.5 1h0.2l-0.5-1zm0.5 0-0.1 0.3 0.1 0.2 0.2-0.5zm-0.3 0.5-0.2 0.5h0.2l0.1-0.3z"/>
                        <path d="m3.95 32.917s-0.2 0-0.2 0.2v0.6s1e-7 0.2 0.2 0.2h0.3s0.2 0 0.2-0.2v-0.6s0-0.2-0.2-0.2zm0 0.2h0.3v0.6h-0.3z"/>
                        <path d="m4.5 32.917v1h0.2l-1e-7 -0.7c0-0.1 0.3-0.1 0.5-0.1 1e-7 -0.06667 1e-7 -0.13333 1e-7 -0.2-0.2 0-0.5 0-0.5 0.1v-0.1z"/>
                    </g>
                </g>
            </svg>

            <div id="icons">
                <i class="bi bi-hdd-fill" title="Custom Server" onclick="customServer()"></i>
                <i class="bi bi-gear-fill" title="Settings" onclick="settings.openClose()"></i>
            </div>
        </nav>

        <div class="modal-wrapper">
            <div id="settings" class="modal">
                <input type="text" placeholder="Enter your username..." id="usrName">
                <input type="color" title="Select your colour" id="usrCol">
                <div>
                    <button onclick="settings.save()" style="background-color: #0ce65f;">Save</button>
                    <button onclick="settings.openClose()">Cancel</button>
                </div>
            </div>
        </div>

        <div id="chat">
        </div>

        <div id="msgBar">
            <input width="90vw" placeholder="Enter your message..." id="usrMessage">
            <button onclick="sendMessage()"><i class='bi bi-send-fill'></i></button>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
        <script src="script.js"></script>
    </body>
</html>