68 lines
2.1 KiB
HTML
68 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>punkfairie.net</title>
|
|
|
|
<!--suppress HtmlUnknownTarget -->
|
|
<link rel="stylesheet" href="/style/style.css">
|
|
|
|
<!-- Bunny Fonts -->
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=bungee-shade:400|imprima:400" rel="stylesheet"/>
|
|
</head>
|
|
<body class="Site">
|
|
|
|
<h1 class="Site-title">punkfairie.net</h1>
|
|
|
|
<nav class="Site-nav Nav" x-data :style="$store['subNav'].open ? '--Site-nav-gridArea: Site-nav;' : ''">
|
|
<a href="/" class="Nav-link">index</a>
|
|
<button class="Nav-link" @click="$store['subNav'].toggle('collections')" aria-controls="collections-submenu"
|
|
aria-expanded="false">
|
|
collections
|
|
</button>
|
|
<a href="/about/" class="Nav-link">about</a>
|
|
<a href="/manifesto/" class="Nav-link">manifesto</a>
|
|
<a href="/diary/" class="Nav-link">diary</a>
|
|
<a href="/links/" class="Nav-link">links</a>
|
|
|
|
<hr class="Nav-separator">
|
|
|
|
<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
|
|
<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
|
|
|
|
</nav>
|
|
|
|
<nav class="Site-subNav Nav" x-data x-show="$store['subNav'].current === 'collections'" id="collections-submenu">
|
|
<p class="Nav-caption"><i>Warning: flashing gifs; very image heavy.</i></p>
|
|
|
|
<a href="/collections/buttons/" class="Nav-link">buttons</a>
|
|
<a href="/collections/blinkies/" class="Nav-link">blinkies</a>
|
|
<a href="/collections/stamps/" class="Nav-link">stamps</a>
|
|
|
|
</nav>
|
|
|
|
<main class="Site-content">
|
|
|
|
<p>
|
|
Hello! Welcome to <i>punkfairie.net.</i> This is my little home on the web, and also serves as a directory for my
|
|
other sites!
|
|
</p>
|
|
|
|
</main>
|
|
|
|
<aside class="Site-info">
|
|
|
|
</aside>
|
|
|
|
<aside class="Site-social">
|
|
|
|
</aside>
|
|
|
|
<!--suppress HtmlUnknownTarget -->
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|