diff options
| -rw-r--r-- | index.html | 17 | ||||
| -rw-r--r-- | static/styles.css | 56 |
2 files changed, 11 insertions, 62 deletions
@@ -4,15 +4,20 @@ <title>Well-Ordered</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="stylesheet" type="text/css" href="/well-ordered/static/styles.css"> <link rel="shortcut icon" type="image/x-icon" href="/well-ordered/static/favicon.ico"> </head> <body> <div class="container"> <div> - <a href="/" class="title">Well-Ordered</a><span>@</span><a href="https://cyfraeviolae.org">cyfraeviolae.org</a> - <span class="sep">|</span> - <a href="https://cyfraeviolae.org/git/well-ordered">source code</a> + <div class="home"> + <a href="/well-ordered" class="home-title">Well-Ordered</a> + <span> at </span><a href="/">cyfraeviolae.org</a> + </div> + <div class="crumbs"> + <a href="/git/well-ordered">source code</a> + </div> </div> <p> The bibulous sorcerer Roseacrucis has depleted the Library’s distilled reserves. You must journey to obtain the @@ -23,9 +28,8 @@ <noscript>Sorry, JavaScript is required to run Well-Ordered.</noscript> <div id="form"> <form action="/" method="none"> - <p> - Select any ingredients already owned or of negligible cost. - </p> + <p>Select any ingredients already owned or of negligible cost.</p> + <br> <div id="checkboxes"> <div class="ingredient"> <input type="checkbox" id="ingredient0" x-ingredient="0"> @@ -305,6 +309,7 @@ </div> </form> </div> + <br> <div id="waiting"></div> <div id="solution"> <p>The sample solution given the pre-selected ingredients:</p> diff --git a/static/styles.css b/static/styles.css index 9dfa070..4442223 100644 --- a/static/styles.css +++ b/static/styles.css @@ -1,61 +1,5 @@ -@font-face { - font-family: EBGaramond; - src: url(/well-ordered/static/EBGaramond-VariableFont_wght.ttf) format('woff2-variations'); - font-style: normal; -} - -@font-face { - font-family: EBGaramond; - src: url(/well-ordered/static/EBGaramond-Italic-VariableFont_wght.ttf) format('woff2-variations'); - font-style: italic; -} - -body { - background: #fdf3f3; - color: DarkSlateGrey; - font-family: EBGaramond, serif; - font-size: large; -} - -a { - color: #1a97bf; -} - -a:hover { - color: #075d77; -} - -.container { - margin: 1em; - max-width: 40em; -} - -.title { - letter-spacing: -0.5px; - font-weight: bold; -} - -div { - margin-bottom: 10px; -} - -form { - border: 1px DarkSlateGrey solid; - padding: 10px; - padding-left: 25px; -} - -.sep { - margin-left: 6px; - margin-right: 6px; -} - .ingredient { display: inline-block; margin-right: 5px; margin-bottom: 5px; } - -button { - margin-right: 10px; -} |