-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathminimal.html
180 lines (159 loc) · 5.24 KB
/
minimal.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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:url" content="http://raymond-1227.github.io/minimal" />
<meta property="og:title" content="Raymond's Minimal Site" />
<meta property="og:description" content="An internet guy who does random stuff for no reason." />
<title>Raymond's Site</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
--text: #000000;
--bg: #ffffff;
}
body {
font-family: "Roboto", sans-serif;
background-color: var(--bg);
color: var(--text);
}
h1 {
font-weight: 900;
}
h2 {
font-weight: 700;
}
h3 {
font-weight: 500;
}
a {
text-decoration: none;
color: #05cab6;
}
a:hover {
text-decoration: underline;
}
.spacing {
margin: 25px;
}
@media (prefers-color-scheme: dark) {
:root {
--text: #ffffff;
--bg: #1c1c1c;
}
}
</style>
</head>
<body>
<header>
<h1>Raymond Hsu</h1>
<h3>Welcome to my profile page for minimalists.</h3>
</header>
<hr />
<div>
<h2>About Me</h2>
<p>
Hello! My name is Raymond, just a random guy from the internet who loves coding, photography, gaming, and more.
Design is something I love, and I'm always finding new ways to be creative. I enjoy making YouTube videos, but I
rarely stick to one specific topic, so if you have any fun ideas, I'd love to hear them!
</p>
</div>
<hr />
<div>
<h2>Hobbies</h2>
<h3>Photographing.</h3>
<p>
I love photography, which is why I'm currently learning how to improve my compositing skills to make my photos
look even more stunning and refined!
</p>
<h3>Coding.</h3>
<p>
I've always found coding fascinating, which was what inspired me to start learning it. One of the reason I
started coding was my desire to create a custom Discord bot for my server, it has now been released to public.
</p>
<h3>Designing.</h3>
<p>
Whether it's graphic design, UI/UX, or just experimenting with creative ideas, I love bringing concepts to life
through visuals. Maintaining consistency has always been a key part of my design philosophy.
</p>
<h3>Discovering.</h3>
<p>
Stay informed about the world and continuously learn to enhance life experiences. I enjoy sharing my learning
journey and thoughts on various topics!
</p>
</div>
<hr />
<div>
<h2>Contact</h2>
<p>Contact me via social media accounts listed below.</p>
<ul>
<li>Discord: <a href="https://discord.gg/sZmg77n5EC">rhsu</a></li>
<li>X (aka Twitter): <a href="https://x.com/RaymondTheOof">RaymondTheOof</a></li>
<li>YouTube: <a href="https://www.youtube.com/RaymondHsu">RaymondHsu</a></li>
<li>Facebook: <a href="https://www.facebook.com/ush.dnomyar">ush.dnomyar</a></li>
<li>
Instagram:
<a href="https://www.instagram.com/ush.dnomyar/">rhsu.jpg</a>
</li>
<li>GitHub: <a href="https://github.com/raymond-1227">raymond-1227</a></li>
<li>
Hypixel:
<a href="https://hypixel.net/members/dnomyar.1811695/">dnomyaR</a>
</li>
</ul>
<p>
The list is also available in a Linktree-like style, <a href="/social">click here</a>
to check out!
</p>
</div>
<hr />
<div>
<h2>Projects</h2>
<p>These are my favorite projects which I created, or collaborated with!</p>
<ul>
<li>Web Application</li>
<ul>
<li>
Class Table Teller:
<a href="https://github.com/raymond-1227/whats-the-next-class">what's the next class?</a>
</li>
<li>
Browser Extension: <a href="https://addons.mozilla.org/firefox/addon/page-text-editor">Page Text Editor</a>
</li>
</ul>
<li>Discord Bot</li>
<ul>
<li>Multipurpose Discord Bot: <a href="https://hackerman14.github.io/">hackerman14</a></li>
<li>
Guild-Oriented Discord Bot:
<a href="https://github.com/raymond-1227/superfart-rebooted">SuperFART Rebooted</a>
</li>
</ul>
<li>Web Design</li>
<ul>
<li>
Mobile OS Installer Concept:
<a href="https://adrod.pages.dev/">adrod Installer</a>
</li>
<li>
Desktop OS Concept:
<a href="https://teamcompound.pages.dev/">#TeamCompound</a>
</li>
<li>
Justice for Pineapple Pizza:
<a href="https://pine4life.pages.dev/">#Pine4Life</a>
</li>
</ul>
</ul>
</div>
<hr />
<footer>
<p>© Raymond Hsu 2021-present | All rights reserved.</p>
<p>
Inspired by
<a href="https://motherfuckingwebsite.com">Motherfucking Website</a>
</p>
</footer>
</body>
</html>