mirror of
https://github.com/System-End/3d-website.git
synced 2026-04-19 23:32:51 +00:00
104 lines
3 KiB
HTML
104 lines
3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>End's Website</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
canvas {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
* {
|
|
font-family: brandon-grotesque, sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
main {
|
|
color: white;
|
|
position: absolute;
|
|
width: 100%;
|
|
margin: 0px auto;
|
|
padding: 120px 0px;
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
}
|
|
|
|
header {
|
|
background: rgba(15, 15, 15, 0.95);
|
|
grid-column: 2 / span 5;
|
|
font-size: 40px;
|
|
padding: 32px;
|
|
margin-bottom: 350px;
|
|
}
|
|
|
|
section {
|
|
grid-column: 2 / 8;
|
|
padding: 16px;
|
|
background: rgba(15, 15, 15, 0.95);
|
|
font-size: 20px;
|
|
line-height: 1.5;
|
|
margin-bottom: 350px;
|
|
}
|
|
|
|
.left {
|
|
grid-column: 6 / 12;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<canvas id="bg"></canvas>
|
|
|
|
<main>
|
|
<header>
|
|
<h1>Hi, I'm End! 🦊</h1>
|
|
<p>16 y/o coder • she/her • hardware tinkerer</p>
|
|
</header>
|
|
|
|
<section class="left">
|
|
<h2>About Me</h2>
|
|
<p>
|
|
I'm a 16 year old coder who loves tinkering with hardware!
|
|
There's something magical about making things work in the
|
|
real world, not just on a screen.
|
|
</p>
|
|
<p>
|
|
I'm also a fox! 🦊 I use she/her pronouns. My favorite color
|
|
is purple
|
|
</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>What I Do</h2>
|
|
<p>
|
|
When I'm not messing around with hardware, I'm usually
|
|
coding random projects, learning new things, or just vibing
|
|
with my protogen here.
|
|
</p>
|
|
<p>
|
|
I love exploring the intersection of software and hardware -
|
|
there's so much cool stuff you can build when you combine
|
|
the two!
|
|
</p>
|
|
</section>
|
|
|
|
<section class="left">
|
|
<h2>Let's Connect!</h2>
|
|
<p>
|
|
Feel free to reach out if you want to chat about code,
|
|
hardware projects, or just say hi! Always happy to meet
|
|
other tinkerers and makers.
|
|
</p>
|
|
</section>
|
|
</main>
|
|
|
|
<script type="module" src="/3d.js"></script>
|
|
</body>
|
|
</html>
|