71 lines
2.5 KiB
HTML
71 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
Hello fellow nerd!
|
|
-->
|
|
|
|
<head>
|
|
<title></title>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
<script src="/main.js"></script>
|
|
<script src="/booper.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
</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>
|
|
<button id="button-drinking" onclick="switchTab(this);"><img src="/icons/glass-water.svg"> Drinking</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 class="booperTarget" data-booper='{"brosef": [0.4752,0.3438,0.5773,0.3907]}' 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>
|
|
|
|
<article id="tab-drinking">
|
|
<h1>Take a look at this alcoholic!</h1>
|
|
</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>
|
|
|
|
<div id="booperOverlay">
|
|
<div>
|
|
<h4>Booped <span id="booperName"></span>!</h4>
|
|
<p>Total boops: <span id="booperTotal"></span></p>
|
|
<p>Boops in 24h: <span id="booper24h"></span></p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |