-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
121 lines (98 loc) · 3.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="./icons/House.png" type="image/x-icon">
<title>FlaringK</title>
<meta content="FlaringK" property="og:title" />
<meta content="Heya! I'm Flare! This is my site!" property="og:description" />
<meta content="https://flaringk.github.io/" property="og:url" />
<meta content="https://github.com/FlaringK/FlaringK.github.io/blob/master/icons/House.png" property="og:image" />
<meta content="#FFD4A3" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a3a9f9f421.js" crossorigin="anonymous"></script>
</head>
<body>
<img src="./clouds/Moon.png" alt="" class="moon">
<div class="content" id="home" style="margin: 0 auto">
<h1>@FlaringK</h1>
<div class="systemrow">
<a href="mailto:[email protected]"><i class="fas fa-envelope"></i> Email</a>
<a href="https://ko-fi.com/flaringk"><i class="fas fa-coffee"></i> Kofi</a>
<a href="https://mspfa.com/user/?u=100855018780708322446"><i class="fas fa-cube"></i> MSPFA</a>
<a href="https://github.com/FlaringK"><i class="fab fa-github"></i> Github</a>
<a href="https://flaringk.tumblr.com/"><i class="fab fa-tumblr"></i> Tumblr</a>
<a href="https://twitter.com/FlaringK"><i class="fab fa-twitter"></i> Twitter</a>
</div>
<div class="window">
<div class="header">intro.txt</div>
<div class="notes">
<p>Heya! I'm Flare! or FlaringK, if you want to be formal.</p>
<p>I'm a programmer, mostly working on front end web tools. But I also play around with digital art from time to time.</p>
<p>I'm also Australian, if you ever need to contact me, my timezone is GMT + 8.</p>
<p>Been messing around and making stuff since 2018, hope you enjoy!</p>
</div>
</div>
<div class="break">
<img src="./clouds/cloudbreak.png" alt="">
</div>
</div>
<div class="content" id="webdev">
<div class="window">
<div class="header">file_explorer.exe</div>
<div class="ribbon">
<div>File</div>
<div>Home</div>
<div class="active">Info</div>
<div>View</div>
</div>
<div class="ribboninfo">
Here's some of my projects I've made over the years. There's quite a few here I'm quite proud of, but most of these are simple distractions. <br>
Click the icons below to view each project!
</div>
<div class="filemenu">
<div class="files" id="projectMenu"></div>
<div class="preview" id="projectPreview">
</div>
</div>
</div>
<div class="break">
<img src="./clouds/cloudbreak.png" alt="">
</div>
</div>
<div id="art" class="content">
<div class="window">
<div class="header">notice.txt</div>
<div class="notes">
<p>I don't actually do a lot of art currently.</p>
<p>All these pieces are pretty old.</p>
<p>Still, I'm proud enough to keep them here for now.</p>
</div>
</div>
<div class="window">
<div class="header">gallery.exe</div>
<div class="viewer" id="artViewer">
<img src="https://file.garden/X1htvgJ0DEp_tp-Z/Ididart/Thatplaceagain.png">
</div>
<div class="artlist" id="artList"></div>
</div>
<div class="break">
<img src="./clouds/cloudbreak.png" alt="">
</div>
</div>
<div id="contact" class="content">
<div class="window">
<div class="header">contact_me.txt</div>
<div class="notes">
<p>If you want to reach me, email me at <a class="link" href="mailto:[email protected]">[email protected]</a></p>
<p>Or you can message me on any of my other profiles!</p>
</div>
</div>
<div class="break">
<img src="./clouds/cloudbreak.png" alt="">
</div>
</div>
<script src="./script.js"></script>
</body>
</html>