-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (148 loc) · 7.49 KB
/
index.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head lang="en">
<title>Boop</title>
<link rel="icon" type="image/png" href="images/logo.png">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Boop" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://boop.website" />
<meta property="og:image" content="https://boop.website/images/logo.png" />
<meta property="og:description" content="YO!! HI PEOPLE OF THE INTERNET READING MY EMBED!!!" />
<meta property="og:site_name" content="Boop" />
<meta property="og:locale" content="en" />
<meta property="og:locale:alternate" content="en_NZ" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:locale:alternate" content="en_AU" />
<meta name="description" content="Personal website for the elustrious Boop"/>
</head>
<body>
<!-- Header Section -->
<header>
<nav>
<h1><a href="index.html">Boop</a></h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="menu-icon">☰</div>
</nav>
</header>
<!-- Main Content Section -->
<main>
<div class="mobile-spacer"></div>
<div class="mobile-spacer"></div>
<section>
<div class="background">
<div class="centered-text">
<h1 contenteditable="true">Welcome to ME</h1>
<p>(It's a VGHS reverence (kinda))</p>
</div>
</div>
</section>
<div class="mobile-spacer"></div>
<div style="height: 20vh;"></div>
<section>
<div class="intro-text">
<img src="images/pixel arm raising1.png" alt="Left arm raising" class="left-image">
<h1>SALUTATIONS</h1>
<img src="images/pixel arm raising1.png" alt="Right arm raising" class="right-image">
</div>
</section>
<p class="subheading-shitty">Welcome to my crappy website</p>
<div class="mobile-spacer"></div>
<section>
<div style="height: 60vh;"></div>
<h2 class="i-am">I am Ai</h2>
<h3 class="i-am">AKA Boop</h3>
<div style="height: 60vh;"></div>
<h2 class="i-am">And this is my site</h2>
<p class="i-am">(obviously)</p>
<div style="height: 80vh;"></div>
<h3 class="i-am">Umm</h3>
<div style="height: 100vh;"></div>
<h3 class="i-am">What do you do with a website?</h3>
<div style="height: 50vh;"></div>
<p class="para">
Welp I'm not sure but <a href="https://thoughts.melonking.net/guides/introduction-to-the-web-revival-1-what-is-the-web-revival">#WebRevival</a>!!<br>
<br>
<img src="/badges/bookmark_this_page.gif">
<img src="/badges/any_browser.gif">
<img src="/badges/free.gif">
<img src="/badges/htmldream.gif">
<img src="/badges/learn-html.gif">
<img src="/badges/notepad-logo.gif">
<img src="/badges/piracy.gif">
<img src="/badges/seedyourtorrents.gif">
<img src="/badges/wikipedia.gif">
<img src="/badges/wwwbutton.gif">
<img src="/badges/neocities_button.gif">
<a href="https://cinni.net"><img src="/badges/cinni.gif"></a>
<object id="melonland-surf-club" data="https://melonland.net/surf-badge.svg?fill=#ff00ff" type="image/svg+xml" style="width: 100px; height: 100px;"></object>
<br>
<img src="/badges/yeehaw.gif">
<img src="/badges/7.gif">
<img src="/badges/12.gif">
<img src="/badges/27.gif">
<img src="/badges/andeejustsaymoo.gif">
<img src="/badges/bed.gif">
<img src="/badges/blinky_22.gif">
<img src="/badges/blinky_38.gif">
<img src="/badges/blnk2.gif">
<img src="/badges/blnk3.gif">
<img src="/badges/blnk4.gif">
<img src="/badges/blue3.gif">
<img src="/badges/blue13.gif">
<img src="/badges/blue16.gif">
<img src="/badges/blue19.gif">
<img src="/badges/butt.gif">
<img src="/badges/butterfly.gif">
<img src="/badges/bwater.gif">
<img src="/badges/cat.gif">
<img src="/badges/dolphins2.gif">
<img src="/badges/fuzzywuzzy.gif">
<img src="/badges/hbpownrainbow.gif">
<img src="/badges/orCcLN.gif">
<img src="/badges/pink1.gif">
<img src="/badges/pink10.gif">
<img src="/badges/pink8.gif">
<img src="/badges/rainbow.gif">
<img src="/badges/skSbXSF.gif">
<img src="/badges/smileyfrk.gif">
<img src="/badges/sunshine.gif">
<img src="/badges/thrift_love.gif">
<img src="/badges/time.gif">
<img src="/badges/topramen.gif">
<img src="/badges/trnsrits.gif">
<img src="/badges/tumblr_p8l9bsbnPD1x6mvfxo1_250.gif">
<br><br>
Link to me!<br>
<sub>Click to copy to clipboard</sub><br>
<br><br><br>
<img class="copy-image" src="https://boop.website/badges/boop.gif" onclick="copyToClipboard()">
<br><br>
(image might be broken, so here's the image to Save Image As... if you do embed my page)
<br><br>
<img src="/badges/boop.gif">
</p>
<div class="mobile-spacer"></div>
<div style="height: 20vh;"></div>
<p class="para">
Godot is *the* best game engine
Not because it's lightweight, open source, free, fun to use, modern and sleek, easy to learn, cross platform, got a great community, got great documentation, got a great editor, got a great language, got a great UI, got a great everything. Nah, not because of any of those reasons.
<br><br>
The reason it's so great is that THIS IS OFFICIAL ART LMAO WOOOOOO
<br>
<a href="https://github.com/godotengine/godot-design/blob/master/godette/godette_body.png">
<img src="/images/godette.jpg" style="width: 100vw;">
</a>
</p>
<div style="height: 50vh;"></div>
</section>
</main>
</body>
</html>