56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
Hello fellow nerd!
|
|
-->
|
|
|
|
<head>
|
|
<title></title>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
<script src="/main.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</head>
|
|
|
|
<body>
|
|
<header><div>
|
|
<button id="button-home" onclick="switchTab(this);"><img src="/icons/house.svg"> Home</button>
|
|
<button id="button-pics" onclick="switchTab(this);"><img src="/icons/image.svg"> Pictures</button>
|
|
<button id="button-projects" onclick="switchTab(this);"><img src="/icons/spanner.svg"> Cool things I've done</button>
|
|
</div></header>
|
|
|
|
<main>
|
|
<article id="tab-home" default>
|
|
<h1 id="helloText"><noscript>Hewwo!</noscript></h1>
|
|
<h2><span id="imaText"><noscript>I'm a <span class="textHighlight">dumbass</span></noscript></span>.</h2>
|
|
<div class="mainContent">
|
|
<img src="/fag.png">
|
|
<div>
|
|
<h3>Hi there! I'm <b>Brosef</b>, as you can see by the <i>very fancy</i> changing text about this, I'm interested in a lot of things!</h3>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article id="tab-pics">
|
|
|
|
</article>
|
|
|
|
<article id="tab-projects">
|
|
|
|
</article>
|
|
</main>
|
|
|
|
<footer>
|
|
<!-- Left side -->
|
|
<div>
|
|
<p>Icons from <a href="https://lucide.dev/">Lucide</a>.</p>
|
|
</div>
|
|
<!-- Right side -->
|
|
<div>
|
|
<div style="height: 50px;" class="imgRightText">
|
|
<img src="/pfp.png">
|
|
<p>Brosef</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |