valentines submission

2025-02-10 08:45:18 -06:00 · 2025-02-10 08:45:18 -06:00 · e71a6ba40c
commit e71a6ba40c
parent be349b25ba
4 changed files with 126 additions and 0 deletions
--- a/oneshot/valentines25/index.css
+++ b/oneshot/valentines25/index.css
@ -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;
+}
--- a/oneshot/valentines25/index.html
+++ b/oneshot/valentines25/index.html
@ -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>
--- a/oneshot/valentines25/summit_bg.png
+++ b/oneshot/valentines25/summit_bg.png
--- a/oneshot/valentines25/summit_fg.png
+++ b/oneshot/valentines25/summit_fg.png