art.html


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

<!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>
        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";
            }
        }
    </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="hidePages()">&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="git.almightymiau.gay">Git btw</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="sidebar-title">&nbsp; Buttons <button onclick="hideBut()">&vArr;</button></div>
                <div id="buttons">
                    <nav id="nav">
                        <div style="width: 88px; margin:0 auto;" id="buttons">
                            <br>
                            <a href="https://goblin-heart.net/" target="_blank"><img
                                    src="https://goblin-heart.net/assets/images/gg-button.gif"></a>
                            <br>
                            <a href="https://goblin-heart.net/sadgrl/" target="_blank"><img
                                    alt="88x31 button that says LEARN - HTML, Layouts, CSS, Guides, Websites: Learn @ sadgrl.online"
                                    src="https://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/no-to-web3/"><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>
            </aside>
        </div>
        <footer id="footer">&#916; Copyworng :3</footer>
    </div>
</body>

</html>