diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 64 |
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’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’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’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’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> |