<!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>