-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·161 lines (151 loc) · 8.88 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
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>flwn.dev</title>
<meta name="robots" content="noindex">
<meta name="theme-color" content="#E91E63">
<meta content="flwn.dev" property="og:site_name">
<meta content="FLWN.DEV" property="og:title">
<meta content="My personal website." property="og:description">
<meta content="https://m.flwn.dev/gangnamstyle.gif" property="og:image">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<div class="d-flex align-items-center w-100 main flex-column">
<h1>FLWN.DEV</h1>
<div class="middle">
<div class="main-section">
<div class="module">
<h2>WELCOME TO FLWN.DEV</h2>
<div class="d-flex gap-4 align-items-center">
<div>
<img class="flwn" src="/images/flwn.png" alt="flowyan">
</div>
<div>
<p>Hi, I'm Flowyan and this is my website.</p>
<p>I host several of my personal projects and stuff that I'm currently working on.</p>
<p>Some things that I have on here currently is a media website with funny pictures, a
website for
my friend group and more.</p>
<p>Also this website is still a work in progress.</p>
</div>
</div>
</div>
<div class="module">
<h2>SOME THINGS I MADE</h2>
<p>Here's a list of some stuff I made. Some of it's useful, some of it's not.</p>
<div>
<h3>> This website <small>(crazy i know)</small></h3>
<p>Yeah, I made this website. It's pretty cool. I coded most of it, sometimes using Bootstrap
for margins so I can space stuff out easily. The fonts I use are Alagard for the titles,
except the main title, and Pixellari for the normal text and main title. I'm still not sure
if I'm going to stick with these fonts as they might be harder to read than some other
fonts.</p>
</div>
<div>
<a href="https://modrinth.com/mod/maxwell-the-placeable-cat" target="_blank">
<h3>> Maxwell in Minecraft mod</h3>
</a>
<p>I made a mod for Minecraft that adds Maxwell the cat. This was when it was really popular so
I literally hopped on the hype train and got like 3K downloads lol. You can check out the
source code <a href="https://github.com/antoninvf/PlaceableMaxwellForge" target="_blank"
class="clickable">right here</a>.</p>
</div>
<div>
<h3>> Discord bot in C# <small>(currently private)</small></h3>
<p>My Discord bot that is coded in C# using Discord.NET. It's currently private and probably
will stay like that for some time. It's a Discord bot mostly made for me and my friend group
to mess about with. It's got a basic leveling system, connected to a MySQL database, has
some item and inventory features and I plan to connect to a web interface, where you could
see your money, items and etc.</p>
</div>
</div>
<div class="module">
<img class="specialimg" src="/images/gangnamstyle.gif" alt="">
</div>
<div class="module">
<h2>PLANS FOR THE FUTURE <small>(of this website)</small></h2>
<p>I have a couple of ideas what to add to this website.</p>
<ul>
<li>Complete remake in React/Next.js</li>
<li>Different fonts, as I want more readable text</li>
<li>Better background. As much as I like this background, I want to see if I can find a better
one</li>
<li>Maybe a blog, though idk if anyone would read it haha</li>
<li>A history page of my old websites</li>
<li>Add what music I like to about me</li>
</ul>
</div>
</div>
<div class="side-section">
<div class="module">
<h2>STUFF</h2>
<div class="d-flex flex-column">
<a href="" class="activelink">> Home</a>
<a href="/about.html">> More about me</a>
<a href="https://m.flwn.dev">> Media Files</a>
<a href="https://cat.basil.florist">> Cat collection</a>
<a href="/credits.html">> Credits</a>
</div>
<h2 class="mt-2">SOCIALS</h2>
<div class="d-flex flex-column">
<a href="https://www.github.com/antoninvf" target="_blank">> GitHub</a>
<a href="https://twitter.com/flowyan_" target="_blank">> Twitter</a>
<a href="https://www.youtube.com/flowyan" target="_blank">> YouTube</a>
</div>
<h2 class="mt-2">FRIENDS</h2>
<div class="d-flex flex-column">
<a href="https://basil.florist" target="_blank">> basil.florist</a>
<a href="https://theouto.dev" target="_blank">> theouto.dev</a>
<a href="https://danielquail.dev" target="_blank">> danielquail.dev</a>
<a href="https://jonstu.dev" target="_blank">> jonstu.dev</a>
<a href="https://goodhew.lol" target="_blank">> goodhew.lol</a>
</div>
</div>
<div class="module">
<h2 id="musicbox_title" title="Updates every 10 seconds">now playing:</h2>
<a href="" id="musicbox_songlink" target="_blank"><img src="images/grid.png" id="musicbox_cover"
class="musicbox-img mb-3" alt=""></a>
<div class="d-flex flex-column">
<p class="m-0 musicbox-text" id="musicbox_song" title="Song name">...</p>
<p class="m-0 musicbox-text" id="musicbox_artist" title="Artist">...</p>
<p class="m-0 musicbox-text" id="musicbox_album" title="Album">...</p>
</div>
<p id="musicbox_listening" class="m-0 mt-3 opacity-25">...</p>
<p title="My total scrobbles (listens)" id="musicbox_listens" class="m-0 opacity-25">...</p>
</div>
<div class="module">
<h2 title="goes up a number if you click the arrow">increment</h2>
<div class="m-3 d-flex justify-content-center align-items-center">
<iframe src="//incr.easrng.net/badge?key=flwndev"
style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88"
height="31" frameborder="0"></iframe>
</div>
</div>
<div class="module">
<h2>weed cat</h2>
<img src="/images/sprigspin.gif" alt="">
</div>
<div class="module">
<h2>idk what to put here</h2>
<p>any ideas?</p>
<p>then contact me on like discord or smthing idk lol</p>
</div>
</div>
</div>
</div>
<script src="js/lastfm.js"></script>
</body>
</html>