summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorLLLL Colonq <llll@colonq>2024-11-18 03:24:01 -0500
committerLLLL Colonq <llll@colonq>2024-11-18 03:24:01 -0500
commit57e6b3735787f8136ad344a8d170dbf2981d0509 (patch)
tree188b2e03783ad5a022e5c7afc1fd55eae65116c4 /templates
parent315c440a96d38002c6ff9a1126b9bd2a6bbd6dd6 (diff)
Change mode configuration, added initial menu
Diffstat (limited to 'templates')
-rw-r--r--templates/api/menu.html213
-rw-r--r--templates/api/register.html2
-rw-r--r--templates/pubnix/button.html2
-rw-r--r--templates/pubnix/index.html32
-rw-r--r--templates/pubnix/obs.html2
5 files changed, 232 insertions, 19 deletions
diff --git a/templates/api/menu.html b/templates/api/menu.html
new file mode 100644
index 0000000..b8e8673
--- /dev/null
+++ b/templates/api/menu.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+ <title>Our Tasty Menu 😋</title>
+ <link rel="icon" href="./assets/mrgreen.png">
+ <link rel="stylesheet" type="text/css" href="./main.css">
+ <script type="module">
+CONFIG_SUBST
+ globalThis.mode = "menu";
+ </script>
+ <script type="module" src="./main.js"></script>
+ </head>
+ <body id="lcolonq-menu">
+ <div id="lcolonq-menu-grid">
+ <div id="lcolonq-menu-header">
+ <h1>the men:u</h1>
+ exclusively for Our Esteemed Patrons
+ </div>
+ <div id="lcolonq-menu-body">
+ <div id="lcolonq-menu-body-grid">
+ <div class="lcolonq-menu-box">
+ <h3>mental clarity</h3>
+ pure water.
+ served at table with garnish of honeysuckle and fenugreek.
+ strong notes of spring ice.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>boost</h3>
+ caffeine, taurine, L-theanine.
+ 999 essential vitamins and minerals.
+ 100% real.
+ elite performance.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-reverse">
+ <h3>boost</h3>
+ caffeine, taurine, L-theanine.
+ 999 essential vitamins and minerals.
+ 100% real.
+ elite performance.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>lurker check in</h3>
+ spun candy lightly dusted with elm ash.
+ smoked.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>submit headline</h3>
+ bread sandwich enriched with extra iron.
+ the latest and greatest.
+ read all about it.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>cycle gizmos</h3>
+ distilled speed.
+ a hint of cranberry.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>allow streamer to drink</h3>
+ it is booze.
+ do not ask about our liquor license.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>talk to clone</h3>
+ long pork.
+ cooked at table.
+ optional floral garnish.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>deslug</h3>
+ one hundred and fifty tiny slugs.
+ half salted.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>spinne</h3>
+ one hundred and fifty tiny spiders.
+ unsalted.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>SEASICKNESS GENERATOR</h3>
+ wine-dark chocolate.
+ topped with chunky salt.
+ bring your own barf bag.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>INTJ stare</h3>
+ crispened potato snacks.
+ insufficient sodium chloride.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>the pharaoh's curse</h3>
+ a hot wind.
+ cold mountain mint.
+ a hint of night.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>forsen</h3>
+ one hundred and fifty swedish fish.
+ heavily salted.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>pursue idol dream</h3>
+ lemon lime gumdrops.
+ effervescent special sauce.
+ fireworks display included.
+ penlights not included.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>live LCOLONQ reaction</h3>
+ one american pound of real american beef.
+ server will provide laconic soliloquy about indulgence when asked.
+ for a small fee.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>activate spell card</h3>
+ izakaya fare par excellence.
+ human sacrifices not included.
+ go ask the tengu.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>bells of bezelea</h3>
+ bronze and dreamstuff.
+ mountain thyme garnish.
+ ϕιλία.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>palette swap (eyes)</h3>
+ it is eyes.
+ what did you expect.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>palette swap (hair)</h3>
+ it is hair.
+ what did you expect.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>palette swap (highlight)</h3>
+ it is highlight.
+ what did you expect.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>hex</h3>
+ wiedźmin geralt z rivii.
+ zwany również białym wilkiem.
+ zwalcza zagrażające ludziom potwory.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>antipiracy</h3>
+ salty sea dogs.
+ hot.
+ solid gold bullion.
+ absolutely filthy lucre.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>super idol</h3>
+ Super idol 的笑容都没你的甜
+ 八月正午的阳光都没你耀眼
+ 热爱105度的你 滴滴清纯的蒸馏水
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>arrow</h3>
+ freshly-hunted game hen.
+ stuffed inside a freshly-hunted pheasant.
+ stuffed inside a freshly-hunted grouse.
+ boiled.
+ </div>
+ <div class="lcolonq-menu-box">
+ <h3>gamer</h3>
+ a bunch of random shit from the zelda cookbook that we stacked together.
+ idk man.
+ haha coins haha.
+ how epic.
+ </div>
+ <div id="lcolonq-menu-friendzone">
+ <h2 id="lcolonq-menu-friendzone-title">"the friend zone"</h2>
+ <div class="lcolonq-menu-box">
+ <h3>live friend reaction</h3>
+ cranberry juice with frozen cranberry juice ice.
+ served alongside a cranberry hinted blood pudding.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>talk to friend</h3>
+ you guessed it.
+ more cranberries.
+ or maybe it depends on the moon phase.
+ we play this one by ear.
+ surprise.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>feed friend</h3>
+ hamburber colon three.
+ are these still funny.
+ i love you.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>show friend wikipedia page</h3>
+ copper ore and longing.
+ big red donation prompt.
+ free.
+ </div>
+ <div class="lcolonq-menu-box lcolonq-menu-box-long">
+ <h3>friend composes song</h3>
+ one hundred and fifty tiny singing birds.
+ they've never heard of salt.
+ before.
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
diff --git a/templates/api/register.html b/templates/api/register.html
index 00ccb0c..a589315 100644
--- a/templates/api/register.html
+++ b/templates/api/register.html
@@ -8,7 +8,7 @@
<link rel="stylesheet" type="text/css" href="./main.css">
<script type="module">
CONFIG_SUBST
- globalThis.mode = 5;
+ globalThis.mode = "register";
</script>
<script type="module" src="./main.js"></script>
</head>
diff --git a/templates/pubnix/button.html b/templates/pubnix/button.html
index 17211eb..7878c7a 100644
--- a/templates/pubnix/button.html
+++ b/templates/pubnix/button.html
@@ -8,7 +8,7 @@
<link rel="stylesheet" type="text/css" href="./main.css">
<script type="module">
CONFIG_SUBST
- globalThis.mode = 4;
+ globalThis.mode = "button";
</script>
<script type="module" src="./main.js"></script>
</head>
diff --git a/templates/pubnix/index.html b/templates/pubnix/index.html
index bddb19f..a9516e9 100644
--- a/templates/pubnix/index.html
+++ b/templates/pubnix/index.html
@@ -8,34 +8,34 @@
<link rel="stylesheet" type="text/css" href="./main.css">
<script type="module">
CONFIG_SUBST
- globalThis.mode = 1;
+ globalThis.mode = "pubnix";
</script>
<script type="module" src="./main.js"></script>
</head>
- <body class="lcolonq-index">
+ <body class="lcolonq-pubnix-index">
<!-- RINGBEARER -->
- <canvas id="lcolonq-canvas"></canvas>
- <div id="lcolonq-title">
- <span class="lcolonq-letter" id="lcolonq-letter-0">L</span><span class="lcolonq-letter" id="lcolonq-letter-1">C</span><span class="lcolonq-letter" id="lcolonq-letter-2">O</span><span class="lcolonq-letter" id="lcolonq-letter-3">L</span><span class="lcolonq-letter" id="lcolonq-letter-4">O</span><span class="lcolonq-letter" id="lcolonq-letter-5">N</span><span class="lcolonq-letter" id="lcolonq-letter-6">Q</span>
- <div id="lcolonq-subtitle">
+ <canvas id="lcolonq-pubnix-index-canvas"></canvas>
+ <div id="lcolonq-pubnix-index-title">
+ <span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-0">L</span><span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-1">C</span><span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-2">O</span><span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-3">L</span><span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-4">O</span><span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-5">N</span><span class="lcolonq-pubnix-index-letter" id="lcolonq-pubnix-index-letter-6">Q</span>
+ <div id="lcolonq-pubnix-index-subtitle">
</div>
</div>
- <div id="lcolonq-header">
+ <div id="lcolonq-pubnix-index-header">
<a href="https://twitch.tv/LCOLONQ">
- <marquee id="lcolonq-marquee">
+ <marquee id="lcolonq-pubnix-index-marquee">
</marquee>
</a>
</div>
- <div id="lcolonq-footer">
+ <div id="lcolonq-pubnix-index-footer">
<a href="https://pub.colonq.computer/~llll/cgi-bin/ring?me=llll&offset=-1">back</a>
<a class="right" href="https://pub.colonq.computer/~llll/cgi-bin/ring?me=llll&offset=1">next</a>
</div>
- <audio id="lcolonq-audio-voice-0" src="assets/voice/0.wav"></audio>
- <audio id="lcolonq-audio-voice-1" src="assets/voice/1.wav"></audio>
- <audio id="lcolonq-audio-voice-2" src="assets/voice/2.wav"></audio>
- <audio id="lcolonq-audio-voice-3" src="assets/voice/3.wav"></audio>
- <audio id="lcolonq-audio-voice-4" src="assets/voice/4.wav"></audio>
- <audio id="lcolonq-audio-voice-5" src="assets/voice/5.wav"></audio>
- <audio id="lcolonq-audio-voice-6" src="assets/voice/6.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-0" src="assets/voice/0.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-1" src="assets/voice/1.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-2" src="assets/voice/2.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-3" src="assets/voice/3.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-4" src="assets/voice/4.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-5" src="assets/voice/5.wav"></audio>
+ <audio id="lcolonq-pubnix-index-audio-voice-6" src="assets/voice/6.wav"></audio>
</body>
</html>
diff --git a/templates/pubnix/obs.html b/templates/pubnix/obs.html
index b5c3c05..ab5a23b 100644
--- a/templates/pubnix/obs.html
+++ b/templates/pubnix/obs.html
@@ -8,7 +8,7 @@
<link rel="stylesheet" type="text/css" href="./main.css">
<script type="module">
CONFIG_SUBST
- globalThis.mode = 3;
+ globalThis.mode = "obs";
</script>
<script type="module" src="./main.js"></script>
</head>