98 lines
3.3 KiB
HTML
98 lines
3.3 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 Status--new">diary</a>
|
|
<a href="/links/" class="Nav-link">links</a>
|
|
|
|
<hr>
|
|
|
|
<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>
|
|
|
|
<div class="UpdateBox">
|
|
<h2 class="Title--sizeH4">6 June 2023</h2>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<aside class="Site-info">
|
|
<b>updated:</b>
|
|
|
|
</aside>
|
|
|
|
<aside class="Site-social Social">
|
|
<div class="Social-webring">
|
|
<a href="https://hotlinewebring.club/punkfairie/previous" class="Social-webringArrow"><<</a>
|
|
<a href="https://hotlinewebring.club/" target="_blank" class="Social-webringLink">hotline</a>
|
|
<a href="https://hotlinewebring.club/punkfairie/next" class="Social-webringArrow">>></a>
|
|
</div>
|
|
|
|
<div class="Social-webring">
|
|
<a href="https://webring.dinhe.net/prev/https://punkfairie.net" class="Social-webringArrow"><<</a>
|
|
<a href="https://webring.dinhe.net/" target="_blank" class="Social-webringLink">retronaut</a>
|
|
<a href="https://webring.dinhe.net/next/https://punkfairie.net" class="Social-webringArrow">>></a>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<a href="https://keysklubhouse.neocities.org" target="_blank" class="Social-badge">
|
|
<img src="/img/badges/handcoded.png" alt="Badge with the text hand coded">
|
|
</a>
|
|
|
|
<a href="https://linklane.net" target="_blank" class="Social-badge">
|
|
<img src="img/badges/linklane.png" title="Link Lane" alt="LinkLane.net">
|
|
</a>
|
|
|
|
<a href="http://nerdlistings.info/" target="_blank" class="Social-badge">
|
|
<img src="img/badges/nerdlistings.gif" title="Nerd Listings" alt="NerdListings.info">
|
|
</a>
|
|
|
|
</aside>
|
|
|
|
<!--suppress HtmlUnknownTarget -->
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|