-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (123 loc) · 6.65 KB
/
Copy pathindex.html
File metadata and controls
161 lines (123 loc) · 6.65 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
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
<title>Namu Site</title>
<meta content="Namu Site" property="og:title" />
<meta content="about a guy called namu" property="og:description" />
<meta content="#DE3163" data-react-helmet="true" name="theme-color" />
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap" rel="stylesheet">
<link href="./output.css" rel="stylesheet">
</head>
<script>
window.onload = function() {
getTime()
};
setInterval(getTime,1000);
function getTime() {
var age = document.getElementById("age")
age.innerHTML = `${((Date.now() - 1284656400000) / 1000 / 60 / 60 / 24 / 365.25)}`
}
</script>
<div class="fixed bg-black w-full h-8 p-1 text-white">Blogs coming soon</div>
<div class="grid grid-cols-1 sm:grid-cols-2 place-items-center pt-16 p-6 h-full bg-cover bg-no-repeat" style="background-image: url('assets/osucontest.png');">
<div class="overflow-y-scroll no-scrollbar max-h-full w-full text-white font-zenmaru bg-gradient-to-r from-red-500 to-red-500/10 opacity-90 rounded-xl">
<div class="min-w-full min-h-fit bg-gradient-to-b from-white/30 to-transparent p-6">
<h1 class="text-5xl font-black">Namu</h1>
</div>
<div class="pl-6 pr-6 pb-6 pt-0.5">
<div class="w-full pl-2 py-2 text-2xl bg-gradient-to-r from-black/80 to-transparent">
<h1 class="text-4xl underline">Introduction</h1>
<p>the name's namu you may also know me as namo</p>
<p>i am a <a id="age"></a> years old guy living in thailand 🇹🇭</p>
<p>i am currently studying in <a href="https://www.tsn.ac.th/web/" class="text-green-500">Debsirin </a><a href="https://www.tsn.ac.th/web/" class="text-yellow-500">Nonthaburi</a> School</p>
</div>
<div class="pt-2">
<div class="w-full pl-2 py-2 text-2xl bg-gradient-to-r from-black/80 to-transparent">
<h1 class="text-4xl underline">Skills</h1>
<p>i can code in c#, python 3, gdscript, rust, javascript (sort of)</p>
<p>i like designing uis</p>
<p>i have been using godot engine for around 1 year(s)</p>
</div>
</div>
<div class="pt-2">
<div class="w-full pl-2 py-2 text-2xl bg-gradient-to-r from-black/80 to-transparent">
<h1 class="text-4xl underline">Things i am obsessed with</h1>
<p>- トニカクカワイイ (Tonikawa) my favorite romcom of all time</p>
<p>- めぐみん (Megumin from Konosuba) coolest witch ever</p>
<p>- vocaloid music</p>
<p>- osu</p>
</div>
</div>
</div>
</div>
<div class="h-5/6 w-11/12 rounded-xl bg-white/10 bg-opacity-70 overflow-y-scroll no-scrollbar">
<div class="min-w-full min-h-fit">
<h1 class="text-white text-3xl pl-10 bg-gradient-to-b from-red-500/70 to-transparent p-4 font-zenmaru font-black">Contact</h1>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 place-items-center pl-6 pr-6">
<div class="h-fit w-11/12 pt-2">
<div class="bg-[#111214] rounded-xl">
<div class="flex flex-row p-2 items-center">
<img src="assets/discord.svg" class="size-6 align-middle"></img>
<h1 class="text-white text-lg font-zenmaru font-black pl-2">Discord</h1>
</div>
<div class="bg-[#a8b3cc] w-full h-16 rounded-t-xl p-4">
<img src="assets/Rowbot.webp" class="bg-[#111214] rounded-full p-2"></img>
</div>
<div class="pl-4 pb-4 text-white">
<h1 class="text-2xl font-zenmaru font-black pt-16">Namaru</h1>
<h2 class="text-xl font-zenmaru font-thin ">nqmou • he/him</h2>
</div>
</div>
</div>
<div class="h-fit w-11/12 pt-2">
<div class="bg-[#111214] rounded-xl">
<div class="flex flex-row p-2 items-center">
<img src="assets/github-mark-white.svg" class="size-6 align-middle"></img>
<h1 class="text-white text-lg font-zenmaru font-black pl-2">Github</h1>
</div>
<div class="flex flex-row justify-center center items-center">
<img src="https://avatars.githubusercontent.com/u/73419369" class="bg-[#111214] rounded-full size-32 border-stone-500 border-2"></img>
</div>
<div class="pl-4 pb-4 text-white">
<h1 class="text-2xl font-zenmaru font-black">Namu</h1>
<h2 class="text-stone-500 text-xl font-zenmaru font-extralight ">namooTH • he/him</h2>
</div>
</div>
</div>
<div class="h-fit w-11/12 pt-2">
<div class="bg-[#111214] rounded-xl">
<div class="flex flex-row p-2 items-center">
<img src="assets/x.svg" class="size-6 align-middle"></img>
<h1 class="text-white text-lg font-zenmaru font-black pl-2">X (Twitter)</h1>
</div>
<div class="bg-cover bg-no-repeat w-full h-16 rounded-t-xl p-4" style="background-image: url('https://pbs.twimg.com/profile_banners/1658746001300271105/1698305300/1500x500');">
<img src="https://pbs.twimg.com/profile_images/1658746079108825088/Ldscuz3k_400x400.png" class="bg-[#111214] rounded-full p-1 size-24"></img>
</div>
<div class="pt-14 pl-2 pb-4 text-white">
<h1 class="text-2xl font-zenmaru font-black">Namu</h1>
<h2 class="text-stone-500 text-xl font-zenmaru font-extralight">@HydraNamu</h2>
</div>
</div>
</div>
<div class="pt-2 h-fit w-11/12">
<div class="bg-[#46393f] rounded-xl">
<div class="flex flex-row p-2 items-center">
<img src="assets/osu.svg" class="size-6 align-middle"></img>
<h1 class="text-white text-lg font-zenmaru font-black pl-2">osu!</h1>
</div>
<div class="bg-cover bg-no-repeat w-full h-16 rounded-t-xl" style='background-image: url("https://assets.ppy.sh/user-cover-presets/5/395c011121ca45b2ab30bd6fdd5d12483acca063bfb75ccae96d88da4304a1fb.jpeg");'></div>
<div class="flex flex-row">
<img src="https://a.ppy.sh/13306620?1715573288.jpeg" class="rounded-[2.2rem] p-2 size-24"></img>
<div class="flex flex-col justify-center text-white">
<h1 class="text-2xl font-zenmaru font-black">namooTH</h1>
<h2 class="text-stone-500 text-xl font-zenmaru font-extralight">🇹🇭</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>