summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorcyfraeviolae <cyfraeviolae>2022-02-25 16:26:02 -0500
committercyfraeviolae <cyfraeviolae>2022-02-25 16:26:02 -0500
commit36af38bb79f2310138853f59f4aff18908ad5abc (patch)
treed396acef4e08d038727ae93701c56b15ef69dd65 /index.html
init
Diffstat (limited to 'index.html')
-rw-r--r--index.html64
1 files changed, 64 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0ede797
--- /dev/null
+++ b/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Prosodyle</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/static/styles.css">
+ <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico">
+ </head>
+ <body>
+ <div class="container">
+ <div>
+ <a href="/" class="title">Prosodyle</a><span>@</span><a href="https://cyfraeviolae.org">cyfraeviolae.org</a>
+ <span class="sep">|</span>
+ <a href="https://cyfraeviolae.org/git/prosodyle">source code</a>
+ </div>
+ <p>
+ The dithyrambic sorcerer Roseacrucis has breached the Library&rsquo;s security measures and encrypted its
+ treasured poetry collections. As our newest acolyte, your task is to decode one secret line of poetry each day.
+ </p>
+ <p>
+ For the ransom price of one new line with the same metrical and syllabic structure as today&rsquo;s secret
+ line, Roseacrucis will reveal which letters are in the right place 🟩, in the right word but in a different
+ place 🟨, or not in the word at all ⬜.
+ </p>
+ <noscript>Sorry, JavaScript is required to play Prosodyle.</noscript>
+ <form id="game" action="javascript:void(0);" method="none">
+ <p>
+ Write a line of poetry. Syllables in dark boxes should be stressed.
+ </p>
+ <div id="entry"></div>
+ <div id="btns">
+ <button id="check" type="submit">Check</button>
+ <button id="clear">Clear</button>
+ </div>
+ <hr>
+ <div id="win" style="display: none;">
+ <p>
+ Victory is yours! Today&rsquo;s secret line was in
+ <strong id="meter"></strong>:
+ </p>
+ <pre id="ctx" class="poetry"></pre>
+ <p>
+ But our troubles are not over. Most of the Library&rsquo;s poetry
+ remains encrypted, and we need your help to decode a new line
+ tomorrow.
+ </p>
+ <p>
+ In the meantime, you may share your results with your fellow acolytes,
+ adding punctuation as desired.
+ </p>
+ <div>
+ <textarea cols="80" rows="6" id="share"></textarea>
+ </div>
+ <button id="copy">Copy</button>
+ <hr>
+ </div>
+ <p id="guesses"></p>
+ </form>
+ </div>
+ <script src="/static/poems.js"></script>
+ <script src="/static/script.js"></script>
+ </body>
+</html>