98 lines
2.2 KiB
HTML
98 lines
2.2 KiB
HTML
---
|
|
layout: null
|
|
---
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>gallery</title>
|
|
<link rel="stylesheet" href="https://forum.melonland.net/melonland_common_anims.css" type="text/css" media="all">
|
|
|
|
<style>
|
|
html, body {
|
|
background-color: #222222 !important;
|
|
color: lightgreen !important;
|
|
text-shadow: 2px 2px 5px white;
|
|
text-align: left;
|
|
margin: 10px;
|
|
font-family: DOS, monospace;
|
|
}
|
|
html::before { display: none; }
|
|
|
|
a {
|
|
color: inherit;
|
|
border: none;
|
|
outline: none;
|
|
text-decoration: none;
|
|
-webkit-tap-highlight-color: white;
|
|
}
|
|
p {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#preview {
|
|
position: fixed; right: 10vw; top: 10vh;
|
|
width: 25vmax; height: 25vmax;
|
|
|
|
image-rendering: pixelated;
|
|
border-image-slice: 18 19 18 19; border-image-repeat: space;
|
|
border-image-width: 20px; border-style: solid;
|
|
border-image-source: url("/assets/images/decor/ascii_border.png");
|
|
padding: 2%;
|
|
}
|
|
|
|
#preview img {
|
|
width: 100%; height: 100%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "DOS";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
src: url("/assets/font/oldschool_pc/ttf - Px (pixel outline)/PxPlus_IBM_BIOS-2y.ttf") format('truetype');
|
|
font-size: 0.5em;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<!--
|
|
<script src="/assets/js/vhsplayer.js"></script>
|
|
|
|
<div id="VHSTop" style="width: 90vw; height: 50vh"></div>
|
|
<script>
|
|
initVHS(document.getElementById("VHSTop"), {
|
|
"name": "link",
|
|
"foo": "bar",
|
|
});
|
|
</script>
|
|
-->
|
|
<div id="typebootel" onmousemove="prevUpdate()" onmouseout="prevClear()">
|
|
<a href="/">back</a>
|
|
<p>$ ls -l krita_dump/</p>
|
|
{% for pic in site.data.gallery %}
|
|
<a href="{{ pic.file }}">
|
|
<p>.rw-r--r-- candy {{ pic.ts | date: "%a %b %d %Y" }} <span class="marquee">{{ pic.file }}</span></p>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
<div id="preview"><img src=""></img></div>
|
|
|
|
<script>
|
|
function prevUpdate() {
|
|
let img = document.querySelector("#typebootel a:hover");
|
|
if (!img) {return;}
|
|
document.querySelector("#preview img").src = img.href;
|
|
}
|
|
|
|
function prevClear() {
|
|
document.querySelector("#preview img").src = "default.png";
|
|
}
|
|
prevClear()
|
|
</script>
|
|
</body>
|
|
</html>
|