139 lines
3.8 KiB
HTML
139 lines
3.8 KiB
HTML
|
<html lang="en">
|
||
|
<head>
|
||
|
<meta charset="UTF-8" />
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
<link
|
||
|
href="../cyanobacteria.css"
|
||
|
rel="stylesheet"
|
||
|
type="text/css"
|
||
|
media="all"
|
||
|
/>
|
||
|
<title>Boreal's Webzone / Collectables</title>
|
||
|
<style>
|
||
|
.buttonbox {
|
||
|
display: flex; justify-content: center; flex-wrap: wrap; padding: 5px; text-align: center;
|
||
|
}
|
||
|
|
||
|
#toybox {
|
||
|
height: 30vw;
|
||
|
|
||
|
margin: auto;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
#toybox>* {
|
||
|
padding: 3px;
|
||
|
transition-duration: 0.2s;
|
||
|
}
|
||
|
|
||
|
#toybox>*:hover {
|
||
|
transform: scale(2);
|
||
|
z-index: 30 !important;
|
||
|
image-rendering: pixelated;
|
||
|
}
|
||
|
p {
|
||
|
text-align: center;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<div class="container">
|
||
|
<header><span>Collectables</span></header>
|
||
|
<section class="full">
|
||
|
<div id="toybox">
|
||
|
<!--
|
||
|
any regular dom element here will get position:absoluted and moved around based on its size
|
||
|
you can add padding etc to modify this size
|
||
|
-->
|
||
|
<a
|
||
|
href="https://web.archive.org/web/20090728080910/http://hk.geocities.com/joesuenhk/profile.html"
|
||
|
>
|
||
|
<img src="./img/mmzaku.gif" />
|
||
|
</a>
|
||
|
<a href="https://99gifshop.neocities.org/">
|
||
|
<img src="./img/world.gif" />
|
||
|
</a>
|
||
|
<a href="https://artwork.neocities.org//">
|
||
|
<img src="./img/wirt.gif" />
|
||
|
</a>
|
||
|
<a href="https://artwork.neocities.org//">
|
||
|
<img src="./img/lowlygif.gif" />
|
||
|
</a>
|
||
|
<a href="https://artwork.neocities.org//">
|
||
|
<img src="./img/greg.gif" />
|
||
|
</a>
|
||
|
</div>
|
||
|
</section>
|
||
|
<section class="full">
|
||
|
<h1>Quiz Results</h1>
|
||
|
<div
|
||
|
style="display: flex; justify-content: center; flex-wrap: wrap;"
|
||
|
>
|
||
|
<a
|
||
|
href="https://casiopea.neocities.org/isopod/isopodquiz.html"
|
||
|
>
|
||
|
<img src="https://i.imgur.com/wXF6sld.png" />
|
||
|
</a>
|
||
|
<a href="https://clownfred.zone/clownquiz">
|
||
|
<img
|
||
|
src="https://clownfred.zone/!Media/CQ/JesterCard1.png"
|
||
|
alt="I am a Jester! Click here to take the clown quiz!"
|
||
|
/>
|
||
|
</a>
|
||
|
</div>
|
||
|
</section>
|
||
|
<section class="full">
|
||
|
<h1>88x31 Buttons</h1>
|
||
|
<h2>Games</h2>
|
||
|
<p>Games that I enjoy and would recommend playing!</p>
|
||
|
<div class="buttonbox">
|
||
|
<img src="../images/buttons/minecraft.gif" alt="Minecraft" />
|
||
|
<img src="../images/buttons/cs.gif" alt="Counter-Strike" />
|
||
|
<img src="../images/buttons/eveonline.gif" alt="EVE Online" />
|
||
|
<img src="https://yesterhost.neocities.org/archive/buttons/button136.gif" alt="DDR Online"/>
|
||
|
</div>
|
||
|
<h2>Silly</h2>
|
||
|
<p>
|
||
|
Some silly buttons I have found in button collections around
|
||
|
the web.
|
||
|
</p>
|
||
|
<div class="buttonbox">
|
||
|
<img src="../images/buttons/desp-anim.gif" alt="Despacito" />
|
||
|
<img src="../images/buttons/majimanow.png" alt="Majima Now" />
|
||
|
<img src="../images/buttons/nedscape_now.gif" alt="Nedscape now"/>
|
||
|
</div>
|
||
|
<h2>Other</h2>
|
||
|
<p>
|
||
|
Statements I support or other things that don't fit in other
|
||
|
sections.
|
||
|
</p>
|
||
|
<div class="buttonbox">
|
||
|
<img src="../images/buttons/elimdrm.gif" alt="Eliminate DRM"/>
|
||
|
<img src="../images/buttons/magic.gif" alt="Magic" />
|
||
|
</div>
|
||
|
</section>
|
||
|
<div class="small"></div>
|
||
|
<div class="small">
|
||
|
<nav>
|
||
|
<a href="../home.html">Back</a>
|
||
|
</nav>
|
||
|
</div>
|
||
|
|
||
|
<div class="small"></div>
|
||
|
</div>
|
||
|
<script src="toybox.js"></script>
|
||
|
<footer>
|
||
|
<span>
|
||
|
Theme based on cyanobacteria.css by
|
||
|
<a href="https://ribo.zone">ribo.zone</a>
|
||
|
<br />
|
||
|
<a href="https://github.com/dantescanline/toybox">Toybox.js</a>
|
||
|
created by
|
||
|
<a href="https://dantescanline.com/">DanteScanline</a>
|
||
|
</span>
|
||
|
</footer>
|
||
|
</body>
|
||
|
</html>
|