-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (134 loc) · 6.83 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
<!DOCTYPE html>
<html lang="en">
<!-- Stop peeking at my ugly code >:( -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<title>simulation</title>
<link rel="icon" href="images/webtabicon/shimeji.png">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles\fonts\stylesheet.css">
</head>
<body>
<div id="container">
<div id="titlecard">
<h2>SiMUlatiOn</h2>
</div>
</div>
<div id="container">
<table>
<tbody>
<tr>
<td id="primarytd">
<div class="box">
<h2 style="display:inline; font-family: A Little Pot;">~~~~~w h e r e - a r e - w e ?</h2>
<br>
<img src="/images/test/girls-last.gif" id="gltgif">
<p>Yo ! my name is edmund. this is a website that i'm slowly building up. might not be a while till i feel like it's completed.</p>
<p>i'm most likely going to use it for hosting my github, socials, blogs, and maybe throw in some fun things to find. idk!</p>
<ul style="padding-inline-start: 5px;">
if you couldn't tell already, i love the girls last tour / shimeji simulation vibe.
<br>
it's pretty fun to mess around with. go read them !!!
<br>
</ul>
<p style="text-align:center">- To do list -</p>
<ul style="margin-block-start: 5px;">
<li>Figure out a good table layout for this website. Needs time to cook.</li>
<br>
<li>Let the website have some personality. Avoid minimalism for once.</li>
<br>
<li>More moving parts. I like the little scrolling text below :)</li>
<br>
<li>Going to try to make my own widgets on the side column, but that'll be it's own adventure.</li>
<br>
<li>I'm kinda proud of the little twinkling star generation I have going on in the background, but I don't think it's in a true final version yet. <br> Refresh the page if you didn't notice it the first time!</li>
</ul>
</div>
<div>
<div style="font-family: 'daydream_3'; font-weight: bolder; margin-top: 10px;" class="marquee">
<marquee scrollamount="14" style="color:white;" id="marqueeText"></marquee>
</div>
<script src="dreaming.js"></script>
</div>
<div class="box">
<h2 style="display:inline; font-family: A Little Pot;">~~~~~e d m u n d ' s - P r O j e c t s</h2>
<p> this is where i plan to add direct links to things i've worked on !</p>
</div>
<div class="box">
<h2 style="display:inline; font-family: A Little Pot;">~~~~~B l O g - P o s t S</h2>
<p> won't make any promises yet, but i hope to use this as a way to write about future plans, progress posts, updating projects, etc!
<br> like... super far into the future...
</p>
</div>
<div class="box">
<h2 style="display:inline; font-family: A Little Pot;">~~~~~L i V E - C H A T</h2>
<img src="images/livechat.gif" id="livechaticon">
<p>i really like steam profile comments, so i thought it would be pretty funny to have something similar here.
<br> it'll probably start with a basic posting feature, but it would be really cool if I can somehow turn it into a live updating feed.
</p>
</div>
</div>
</td>
<td id="sidetd">
<div class="box" style="text-align: center;">
<h2 style="display:inline;">n a v i g a t i o n</h2>
<img src="/images/sidebox/recoverycompass.gif" id="compassgif">
<br><br>
<ul style="margin-top: 4px;padding-inline-start: 20px; text-align: left; font-size: 16px;">
<a href="https://github.com/edmundk0/edmundk0.github.io" target="_blank"><li>GitHub Repo</li></a>
<a href="https://www.last.fm/user/edmundkr" target="_blank"><li>last.fm</li></a>
<a href="https://myanimelist.net/profile/edmundk" target="_blank"><li>MyAnimeList</li></a>
<li>...</li>
</ul>
</div>
<div class="box" style="text-align: center;">
<h2 style="display:inline; padding-right: 4px;">c o n t a c t</h2>
<img src="/images/sidebox/contactphone2.png" id="contactphonealt">
<img src="/images/sidebox/contactphone.png" id="contactphone">
<br>
<img src="/images/sidebox/discord.png" id="discordicon">
<button id="copytoclipboard" onclick="copyClipboard()">
<a>edmundk.</a>
</button>
<br>
<a style="text-decoration: none; font-size: 20px; ">✉ </a>
<a href="mailto:[email protected]">[email protected]</a>
<p style="margin: 0; color: white; font-size: 12px; opacity: 20%">v0.1.9</p>
<script>
let copytoclipboard = document.getElementById('copytoclipboard');
copytoclipboard.addEventListener("click", function(){
var text = "edmundk.";
var input = document.createElement("input");
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand("copy");
document.body.removeChild(input);
});
</script>
</div>
<div class="box" style="text-align: center;">
<img src="images/shimejiread.png" style="height: 100%; width: 100%;">
</div>
</td>
</tr>
</tbody>
</table>
<footer></footer>
</div>
<div>
<canvas id="star-canvas" width="1470" height="1860"></canvas> <!--width="1470" height="1860"-->
<script src="stars.js"></script>
</div>
<div>
<a id="randomLink" href="#" target="_blank"></a>
<button id="door"></button>
<script src="door.js"></script>
</div>
</body>
</html>