valentines submission
This commit is contained in:
etherware-novice
parent
be349b25ba
commit
e71a6ba40c
46
oneshot/valentines25/index.css
Normal file
46
oneshot/valentines25/index.css
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
html {
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
font-family: terminal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: terminal;
|
||||||
|
src: url("/assets/font/oldschool_pc/ttf - Px (pixel outline)/Px437_IBM_VGA_9x16.ttf")
|
||||||
|
}
|
||||||
|
|
||||||
|
#textbox {
|
||||||
|
width: 30vw; height: 30vh;
|
||||||
|
position: absolute; top: 20vh; left: 5vw;
|
||||||
|
|
||||||
|
font-size: 250%; word-wrap: break-word;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
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%;
|
||||||
|
|
||||||
|
background-color: black;
|
||||||
|
image-rendering: pixelated;
|
||||||
|
}
|
||||||
|
|
||||||
|
#fg {
|
||||||
|
position: absolute; right: 0; bottom: 0;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#bg {
|
||||||
|
position: absolute; z-index: -2;
|
||||||
|
width: 98vw; height: 98vh;
|
||||||
|
background-image: url("summit_bg.png");
|
||||||
|
background-repeat: repeat-x; background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
#curtain {
|
||||||
|
position: absolute; z-index: -1;
|
||||||
|
width: 100vw; height: 100vh; top: 0;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
80
oneshot/valentines25/index.html
Normal file
80
oneshot/valentines25/index.html
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>valentines day '25</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="textbox"></div>
|
||||||
|
<div id="bg">
|
||||||
|
<img id="fg" src="summit_fg.png">
|
||||||
|
</div>
|
||||||
|
<div id="curtain"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var textbox = document.getElementById("textbox");
|
||||||
|
var stdout = null;
|
||||||
|
var stdin = null;
|
||||||
|
var vbar = textbox.insertBefore(document.createTextNode("|"), null);
|
||||||
|
|
||||||
|
var script = [
|
||||||
|
"[[[[[[[[[[[[[[[[[[[[[[[[[[[[you're probably wondering why this looks so cold and barren",
|
||||||
|
"i just really like the terminal asthetic and couldn't think of anything else",
|
||||||
|
"[[[[[[[[[[[[[[[[so how's your valentines day going?",
|
||||||
|
"reading input[[[[[[[[[[[[[[[[[[",
|
||||||
|
"great! glad for you.. real happy",
|
||||||
|
"i'm probably off doing some coding while you're reading this",
|
||||||
|
"or maybe you're in the far future or something, who knows",
|
||||||
|
"[[[[[[what? i need to stop beating around the bush and address the self-love aspect?",
|
||||||
|
"fine.. i care about you, i believe in you, etc etc",
|
||||||
|
"[[[ok, fine.. ill open up a little bit",
|
||||||
|
"so far the year has been somewhat a disaster in terms of friendgroups",
|
||||||
|
"but[[[[[[",
|
||||||
|
"i'm still alive and (i hope) i won't have to deal with those feelings again",
|
||||||
|
"[[[[[well[[, i dont know what else to say",
|
||||||
|
"[[[ill leave you with] this drawing",
|
||||||
|
"[[[[[[[[[[[[[[[[[[[[[[[pretty, isnt it?",
|
||||||
|
"[[[[[[[[[[[i always liked the sea",
|
||||||
|
"[[[[[[[...hey isnt there a saying about that and love?",
|
||||||
|
"happy valentines day",
|
||||||
|
"this is my submission for https://32bit.cafe/vday25/"
|
||||||
|
];
|
||||||
|
|
||||||
|
var looping = null;
|
||||||
|
|
||||||
|
|
||||||
|
function runDial() {
|
||||||
|
if (stdin == null)
|
||||||
|
{
|
||||||
|
let nl = script.shift();
|
||||||
|
if (nl == undefined)
|
||||||
|
{
|
||||||
|
clearInterval(looping);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
stdin = Array.from(nl);
|
||||||
|
textbox.insertBefore(document.createElement('br'), vbar);
|
||||||
|
stdout = textbox.insertBefore(document.createTextNode(""), vbar);
|
||||||
|
}
|
||||||
|
|
||||||
|
let ch = stdin.shift();
|
||||||
|
if (ch == undefined) { stdin = null }
|
||||||
|
else if (ch == '[') { return; }
|
||||||
|
else if (ch == ']')
|
||||||
|
{
|
||||||
|
document.getElementById("curtain").animate(
|
||||||
|
{ top: "0", top: "100vh" },
|
||||||
|
{ duration: 5000, iterations: 1, fill: "forwards" }
|
||||||
|
)
|
||||||
|
}
|
||||||
|
else { stdout.appendData(ch) }
|
||||||
|
|
||||||
|
document.getElementById("textbox").scroll(0,99999999);
|
||||||
|
}
|
||||||
|
|
||||||
|
looping = setInterval(runDial, 150);
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
oneshot/valentines25/summit_bg.png
Normal file
BIN
oneshot/valentines25/summit_bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
oneshot/valentines25/summit_fg.png
Normal file
BIN
oneshot/valentines25/summit_fg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Loading…
x
Reference in New Issue
Block a user