summaryrefslogtreecommitdiff
path: root/art.html
blob: 6ce31aea4889dbf245d8124177a9dcb77d0a0665 (plain)
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="AlmightyMiau's Personal Website">
    <link href="styles.css" rel="stylesheet">
    <title>Miau - Art</title>
    <link rel="icon" type="image/x-icon" href="miau.jpg">
    <script src="rememberBackground.js"></script>
    <script>
        function hidePages() {
            let status = document.getElementById("pages").style.display;
            if (status === "none") {
                document.getElementById("pages").style.display = "block";
            } else {
                document.getElementById("pages").style.display = "none";
            }
        }
        function hideBut() {
            let status = document.getElementById("buttons").style.display;
            if (status === "none") {
                document.getElementById("buttons").style.display = "block";
            } else {
                document.getElementById("buttons").style.display = "none";
            }
        }
        function hideChat() {
            let status = document.getElementById("chatbox").style.display;
            if (status === "none") {
                document.getElementById("chatbox").style.display = "block";
            } else {
                document.getElementById("chatbox").style.display = "none";
            }
        }
    </script>
</head>

<body>
    <div id="container">
        <div class="topbar"></div>
        <div id="flex">
            <main>
                <div class="title">&nbsp; Art</div>
                <div class="content">
                    <p>
                        I enjoy drawing, creating characters, desinging 3D models, and carving wood, but
                        find it hard to be motivated to do any of it.
                    </p>
                </div>
                <div class="title">&nbsp; Drawings</div>
                <div class="content">
                    <div class="centered">
                        <img width="31%" src="art/cat (1).jpg">
                        <img width="65%" src="art/cat (2).jpg">
                        <img width="54%" src="art/cyber-sec (1).jpg">
                        <img width="42%" src="art/cyber-sec (2).jpg">
                        <img width="45%" src="art/cyber-sec (3).jpg">
                        <img width="50%" src="art/cyber-sec (4).jpg">
                        <img width="95%" src="art/math (1).jpg">
                        <img width="40%" src="art/math (2).jpg">
                        <img width="55%" src="art/math (3).jpg">
                        <img width="30%" src="art/math (4).jpg">
                        <img width="33%" src="art/math (5).jpg">
                        <img width="34%" src="art/math (7).jpg">
                        <img width="60%" src="art/math (6).jpg">
                        <img width="35%" src="art/tattoo.jpg">
                        <img width="48%" src="art/digital (1).jpg">
                        <img width="48%" src="art/digital (2).jpg">
                    </div>
                </div>
            </main>
            <aside>
                <div class="sidebar-title">&nbsp; Pages <button onclick="hideID('pages')">&vArr;</button></div>
                <div id="pages">
                    <nav id="nav">
                        <ul>
                            <li>
                                <a href="index.html">Home</a>
                            </li>
                            <li>
                                <a href="silly.html">Silly</a>
                            </li>
                            <li>
                                <a href="factorio.html">Factorio</a>
                            </li>
                            <li>
                                <a href="art.html">Art</a>
                            </li>
                            <li>
                                <a href="cats.html">Cats</a>
                            </li>
                            <li>
                                <a href="https://git.almightymiau.gay">Git btw</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="sidebar-title" id="buttonsHeader">&nbsp; Buttons <button onclick="hideID('buttons')">&vArr;</button></div>
                <div id="buttons">
                    <nav id="nav">
                        <div style="width: 88px; margin:0 auto;" id="buttons">
                            <br>
                            <a href="https://sadgrl.online/" target="_blank"><img
                                    src="https://sadgrlonline.github.io/archived-sadgrl.online/assets/images/buttons/sadgrlonline.gif"></a>
                            <br>
                            <a href="https://sadgrlonline.github.io/archived-sadgrl.online/" target="_blank"><img
                                    alt="88x31 button that says LEARN - HTML, Layouts, CSS, Guides, Websites: Learn @ sadgrl.online"
                                    src="https://sadgrlonline.github.io/archived-goblin-heart.net/assets/images/sadgrl-button.gif"></a>
                            <br>
                            <a href="https://yesterweb.org/no-to-web3/"><img style="border:1px solid white;"
                                    src="https://auzziejay.com/images/noweb32.gif"></a>
                            <br>
                            <a href="https://yesterweb.org/"><img style="border:1px solid white;"
                                    src="https://yesterweb.org/img/button.png"></a>
                            <br>
                            <a href="https://megidolaon.gay"><img 
                                    src="https://megidolaon.gay/media/megidolaongay.png"></a>
                            <br>
                        </div>
                        <br>
                    </nav>
                </div>
                <div class="sidebar-title" id="chatboxHeader">&nbsp; Le chat <button onclick="hideID('chatbox')">&vArr;</button></div>
                <div id="chatbox">
                    <iframe src="https://www3.cbox.ws/box/?boxid=3547087&boxtag=ltfetV" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
                </div>
            </aside>
        </div>
        <footer id="footer">&#916; Copyworng :3</footer>
    </div>
</body>

</html>