Init website

This commit is contained in:
wont-stream 2025-04-08 06:40:24 -04:00
parent ec5e3ffbc4
commit e4a18bfba9
10 changed files with 492 additions and 0 deletions

63
src/index.html Normal file
View file

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark" data-bs-core="default">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seth @ IPv4 dot Army</title>
<link rel="stylesheet" href="index.css">
</head>
<body class="container-fluid">
<nav class="navbar fixed-top bg-body-secondary">
<div class="container-fluid">
<div class="navbar-brand">
<img src="./favicon.svg" alt="Logo" width="24" height="24" />
Seth
</div>
<div class="d-flex hstack gap-2">
<button type="button" class="btn btn-outline-success btn-sm">🗕︎</button>
<button type="button" class="btn btn-outline-warning btn-sm">🗖︎</button>
<button type="button" class="btn btn-outline-danger btn-sm">🗙︎</button>
</div>
</div>
</nav>
<div class="container vstack gap-5 position-absolute top-50 start-50 translate-middle">
<div class="container bg-body-tertiary shadow pt-4 pb-4 rounded">
<div class="row">
<div class="col-12 text-center">
<img src="./favicon.svg" alt="pfp" width="100rem" height="100rem" id="pfp" class="border border-4 rounded-circle border-light-subtle">
<h1>Seth</h1>
<p class="lead">A backend developer.</p>
</div>
</div>
<div class="row row-cols-auto justify-content-center">
<div class="col">
<a class="link-underline-opacity-100-hover" href="https://git.creations.works/seth">
Forgejo
</a>
</div>
<div class="col">
<a class="link-secondary link-underline-opacity-100-hover" href="https://github.com/wont-stream">
GitHub
</a>
</div>
<div class="col">
<a class="link-success link-underline-opacity-100-hover" href="https://cash.app/$echoedAway">
Cash App
</a>
</div>
</div>
<div class="row row-cols-auto justify-content-center text-center">
<a id="music"></a>
</div>
<br>
<div class="row row-cols-auto justify-content-center text-center" id="heartrate">
</div>
</div>
</div>
<script src="index.ts"></script>
</body>
</html>