60 lines
3.1 KiB
HTML
60 lines
3.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<title>HackerNCoders website</title>
|
||
|
<link rel="stylesheet" href="/static/css/main.css">
|
||
|
</head>
|
||
|
<body>
|
||
|
<div class="layout">
|
||
|
<header>
|
||
|
<div class="big-text-header">
|
||
|
<h1 class="big-text-header__text">HackerNCoders website</h1>
|
||
|
</div>
|
||
|
</header>
|
||
|
<div class="layout__columns">
|
||
|
<div class="layout__left-col">
|
||
|
<nav class="left-nav">
|
||
|
<ul class="left-nav__categories">
|
||
|
<li class="left-nav__category">
|
||
|
<div class="category-label">Me</div>
|
||
|
<ul class="left-nav__list">
|
||
|
<li class="left-nav__li">
|
||
|
<div class="left-nav__block">
|
||
|
<a class="left-nav__list-link" href="/">home</a>
|
||
|
</div>
|
||
|
</li>
|
||
|
<li class="left-nav__li">
|
||
|
<div class="left-nav__block">
|
||
|
<a class="left-nav__list-link" href="/contact">contact</a>
|
||
|
</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li class="left-nav__category">
|
||
|
<div class="category-label">Stuff</div>
|
||
|
<ul class="left-nav__list">
|
||
|
<li class="left-nav__li">
|
||
|
<div class="left-nav__block">
|
||
|
<a class="left-nav__list-link" href="/weblog">weblog</a>
|
||
|
</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</nav>
|
||
|
</div>
|
||
|
<main>
|
||
|
<h1 class="page-title">Welcome to my website</h1>
|
||
|
<p>Hi, I'm hackerncoder. I just redesigned my website - no actually, I rewrote it. I used to run writefreely, but I decided to make a fully static html+css-only website.</p>
|
||
|
<p>Actually, my mastodon bio is more correct, I stole this website. <a href="https://cadence.moe">cadence</a> (go check her website out!) actually made this, and hers is the better of our two, since design and colours isn't really my strong point somehow</p>
|
||
|
</main>
|
||
|
</div>
|
||
|
<footer>
|
||
|
<a href="https://cadence.moe" target="_blank"><img src="/static/img/cadence_now.png" alt="The text "cadence now!" on a purple background. There is a moon-shaped logo on the left side and a tiny star in the bottom right." width="88" height="31"></a>
|
||
|
</footer>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|