diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 97 |
1 files changed, 49 insertions, 48 deletions
@@ -18,66 +18,67 @@ <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. + The dithyrambic sorcerer Roseacrucis has encrypted the + Library’s 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 + Given the ransom price of one new line in the same meter as today’s secret + line, for each word, Roseacrucis will reveal which letters are in the right place 🟩, in the word but in the wrong place 🟨, or not in the word at all ⬜. </p> + <p> + Each word is annotated with the number of required syllables and their stress marks. For example, + <span class="scansion">×/</span> indicates that the word has two syllables, the first unstressed and the second + stressed (such as in <em>por-TRAY</em>). + </p> <noscript>Sorry, JavaScript is required to play Prosodyle.</noscript> <br> <form id="game" action="javascript:void(0);" method="none"> - <p> - Write a line of poetry. Syllables in dark boxes should be stressed. - </p> - <br> <div id="entry"></div> <div id="btns"> + <div style="text-align: center;"> + <div class="keyboard"> + <div class="kbrow"> + <div class="key" data-key="Q">Q</div> + <div class="key" data-key="W">W</div> + <div class="key" data-key="E">E</div> + <div class="key" data-key="R">R</div> + <div class="key" data-key="T">T</div> + <div class="key" data-key="Y">Y</div> + <div class="key" data-key="U">U</div> + <div class="key" data-key="I">I</div> + <div class="key" data-key="O">O</div> + <div class="key" data-key="P">P</div> + </div> + <div class="kbrow"> + <div class="key" data-key="A">A</div> + <div class="key" data-key="S">S</div> + <div class="key" data-key="D">D</div> + <div class="key" data-key="F">F</div> + <div class="key" data-key="G">G</div> + <div class="key" data-key="H">H</div> + <div class="key" data-key="J">J</div> + <div class="key" data-key="K">K</div> + <div class="key" data-key="L">L</div> + <div class="key" data-key="Backspace">⇤</div> + </div> + <div class="kbrow"> + <div class="key" data-key="Z">Z</div> + <div class="key" data-key="X">X</div> + <div class="key" data-key="C">C</div> + <div class="key" data-key="V">V</div> + <div class="key" data-key="B">B</div> + <div class="key" data-key="N">N</div> + <div class="key" data-key="M">M</div> + <div class="key" data-key="ArrowLeft">←</div> + <div class="key" data-key="ArrowRight">→</div> + </div> + </div> + </div> <button id="check" type="submit">Check</button> <button id="clear">Clear</button> </div> - <br> - <div style="text-align: center;"> - <div class="keyboard"> - <div class="kbrow"> - <div class="key" data-key="Q">Q</div> - <div class="key" data-key="W">W</div> - <div class="key" data-key="E">E</div> - <div class="key" data-key="R">R</div> - <div class="key" data-key="T">T</div> - <div class="key" data-key="Y">Y</div> - <div class="key" data-key="U">U</div> - <div class="key" data-key="I">I</div> - <div class="key" data-key="O">O</div> - <div class="key" data-key="P">P</div> - </div> - <div class="kbrow"> - <div class="key" data-key="A">A</div> - <div class="key" data-key="S">S</div> - <div class="key" data-key="D">D</div> - <div class="key" data-key="F">F</div> - <div class="key" data-key="G">G</div> - <div class="key" data-key="H">H</div> - <div class="key" data-key="J">J</div> - <div class="key" data-key="K">K</div> - <div class="key" data-key="L">L</div> - <div class="key" data-key="Backspace">⇤</div> - </div> - <div class="kbrow"> - <div class="key" data-key="Z">Z</div> - <div class="key" data-key="X">X</div> - <div class="key" data-key="C">C</div> - <div class="key" data-key="V">V</div> - <div class="key" data-key="B">B</div> - <div class="key" data-key="N">N</div> - <div class="key" data-key="M">M</div> - <div class="key" data-key="ArrowLeft">←</div> - <div class="key" data-key="ArrowRight">→</div> - </div> - </div> - </div> <hr> <div id="win" style="display: none;"> <p> |