-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
134 lines (119 loc) · 6.42 KB
/
about.html
File metadata and controls
134 lines (119 loc) · 6.42 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>About - The Gloopzone</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon-static.ico">
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
</head>
<body>
<header style="border: #9d6ec5; border-width:5px; border-style: dashed;">
<h1>Welcome to the Aboutzone!</h1>
<h4 style="font-style: italic;">Home to Information About the Site and Me</h4>
</header>
<ul class="nav">
<li class="nav"><a href="index.html">Home</a></li>
<li class="nav"><a href="music.html">Music</a></li>
<li class="nav"><a href="games.html">Games</a></li>
<li class="nav"><a href="buttons.html">Buttons</a></li>
<li class="nav"><a class="active" href="about.html">About</a></li>
</ul>
<br>
<div class="row">
<div class="column">
<div class="row">
<div class="column">
<img class="about-images" src="assets/images/skrunkle.png"
alt="A slime used to represent the GloopBloop character">
<img class="about-images" src="assets/images/glooppfp.jpg"
alt="A smiley face I use as a profile picture">
</div>
<div class="column-marginright">
<h2>About Me</h2>
<p>I like vocal synths, especially SynthV.
I had always wanted to make music with lyrics but I wasn't confident in my singing, so in swooped
SynthV's free trial! Now I just think the singing robots are neat.<br><br>
On the game side of things, my favorites of all time are probably Celeste, the Splatoon series, and
Team Fortress 2, although I've played a lot from many genres and like most of them! Although, I
definitely lean toward precision games that make me question the upper limits of acceptable difficulty
and anything with fun movement.<br><br>
I made this site because I've seen a lot of really interesting Neocities sites, and I had already been
putting off making a place for my portfolio for a month or two. (Plus, I wanted to replace my
linktree with something more customizable.) So here we are! Just you, me, the HTML/CSS on this page,
and probably some formatting issue I missed.
</p>
</div>
</div>
</div>
<div class="column">
<div class="row">
<div class="column-marginleft">
<h2>Get into Music/Gamedev!</h2>
<p>
If you've ever wanted to make music or games but felt intimidated, there's never been a better time to
start!<br><br>
For music,
Cakewalk (Windows) is free and Reaper (Windows, Mac, Linux) offers a Winrar-type trial that never actually expires, but if
you use it a lot please buy it, the license lasts forever and it's made by two people.<br><br>
Meanwhile, for gamedev, there are plenty of great free engines, my favorite is Godot. Plus, there are a ton of
tutorials on YouTube and in other places!<br><br>
Both hobbies can be a bit tricky to get into, but it is possible for anyone interested and they're
super rewarding!
</p>
</div>
<div class="column">
<img class="about-images"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Godot_icon.svg/2048px-Godot_icon.svg.png">
</div>
</div>
</div>
</div>
<div class="row">
<div class="column">
<h2>GloopBloop's Inner Monologue</h2>
<h4 style="font-style: italic;">It'll just be my Mastodon feed until I get telepathy to HTML working.</h4>
<iframe class="feed feed-header" style="width: 100%; max-width: 400px" allowfullscreen
sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" height="400"
src="https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fsocial.team-prism.rocks%2Fusers%2FGloopBloop&theme=dark&size=100&header=true&replies=true&boosts=true"></iframe>
<iframe class="feed feed-noheader" style="width: 100%; max-width: 400px" allowfullscreen
sandbox="allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox" width="400"
height="400"
src="https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Fsocial.team-prism.rocks%2Fusers%2FGloopBloop&theme=dark&size=100&header=false&replies=true&boosts=true"></iframe>
<p class="blurb" style="font-style: italic;">:cat_grin: is supposed to show up as <img width="16px"
src="assets/images/cat_grin.webp"> but I think <img width="16px" src="assets/images/cat_grin.webp">
is simply too powerful to be displayed in an iframe embed.</p>
</div>
<div class="column">
<h1>Resources</h1>
<div class="row">
<div class="column-marginleft">
<h3>Music</h3>
<p>
<a class="button" href="https://www.bandlab.com/products/cakewalk">Cakewalk</a><br>
<a class="button" href="https://www.reaper.fm/">Reaper</a>
</p>
</div>
<div class="column-marginright">
<h3>Gamedev</h3>
<p>
<a class="button" href="https://godotengine.org/">Godot (Engine)</a><br>
<a class="button" href="https://www.youtube.com/@Gdquest">GDQuest (Godot Tutorials)</a><br>
<a class="button" href="https://www.youtube.com/@GMTK">Game Maker's Toolkit (Game
Design/Analysis)</a>
</p>
</div>
</div>
</div>
</div>
<footer style="border: #9d6ec5; border-width:5px; border-style: dashed;">
<h3>Part of the Team Prism webring!</h3>
<p>
<a class="button" href="https://pictocat.team-prism.rocks/"><-- Pictocat</a>
<a class="button" href="https://gloopbloop.pages.team-prism.rocks/">GloopBloop</a>
<a class="button" href="https://fryingpan.pages.team-prism.rocks/">FryingPan --></a>
</p>
</footer>
</body>
</html>