51 lines
2.1 KiB
HTML
51 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/png" href="/assets/images/ribbon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>ʕ·ᴥ·ʔ- august kline</title>
|
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<div class="container">
|
|
<div class="clipped">
|
|
<div class="clipped-items">
|
|
<a title="ʕ·ᴥ·ʔ- home" aria-label="home" href="/">
|
|
<img src="/assets/images/me.jpg"
|
|
alt="august kline, a young woman smiling gently with sunset cityscape behind her"
|
|
class="clipped-image" />
|
|
</a>
|
|
<p class="slip slip-george">ʕ·ᴥ·ʔ</p>
|
|
<p class="slip slip-label">home</p>
|
|
</div>
|
|
<img class="paperclip" src="/assets/images/paperclip.png" />
|
|
</div>
|
|
<h1 class="authority"><img src="/assets/images/linkauthority.svg" alt="link authority"
|
|
style="block-size: 15cqb;"></h1>
|
|
<div class="content">
|
|
<p style="margin-block-end: 5cqb;">i hope you like my fun quirky design choices</p>
|
|
<div class="pos-anchor">
|
|
<a class="stamp" href="/george">
|
|
<img src="/assets/images/stampgeorge.svg" style="transform: rotate(-8deg); left: 5cqi"
|
|
alt="george"></a>
|
|
<!-- <a class="stamp" href="/links"> -->
|
|
<!-- <img src="/assets/images/stampprojects.svg" -->
|
|
<!-- style="transform: rotate(12deg); block-size: 10cqb; right: 0%; top: 0cqb" -->
|
|
<!-- alt="projects"></a> -->
|
|
<a class="stamp" href="/minecraft">
|
|
<img src="/assets/images/stampminecraft.svg"
|
|
style="transform: rotate(-3deg); left: 28cqi; top: 12cqb;" alt="minecraft"></a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
|
|
|
|
</html>
|