diff options
| author | cyfraeviolae <cyfraeviolae> | 2022-02-28 20:10:23 -0500 |
|---|---|---|
| committer | cyfraeviolae <cyfraeviolae> | 2022-02-28 20:10:23 -0500 |
| commit | f1d6b4ae669077fe8f485fc80e7271c63b248b06 (patch) | |
| tree | 6743406b3e56db7786081573048eb8ae0e5db4a6 | |
| parent | 7a5959ac077c211f19dae9e058642b5c98c45914 (diff) | |
styles
| -rw-r--r-- | index.html | 26 | ||||
| -rw-r--r-- | local.conf | 1 | ||||
| -rw-r--r-- | static/styles.css | 26 |
3 files changed, 27 insertions, 26 deletions
@@ -9,33 +9,31 @@ </head> <body> <div class="container"> - <div class="header"> - <a class="top-title" href="https://cyfraeviolae.org">CYFRAE VIOLAE</a> - </div> + <a class="title" href="/">CYFRAE VIOLAE</a> <p> - <img src="/spectral-renga/static/favicon.ico" width=12 height=12> - <a class="work" href="/spectral-renga">Spectral Renga</a> + <img src="/spectral-renga/static/favicon.ico" width=11 height=11> + <a class="work-title" href="/spectral-renga">Spectral Renga</a> is a collaborative graph of poetry. </p> <p> - <img src="/antiquitysort/static/favicon.ico" width=12 height=12> - <a class="work" href="/antiquitysort">Antiquitysort</a> + <img src="/antiquitysort/static/favicon.ico" width=11 height=11> + <a class="work-title" href="/antiquitysort">Antiquitysort</a> challenges you to order our cultural histories in time. </p> <p> - <img src="/sumcheck/static/favicon.ico" width=12 height=12> - <a class="work" href="/sumcheck">Sumcheck</a> + <img src="/sumcheck/static/favicon.ico" width=11 height=11> + <a class="work-title" href="/sumcheck">Sumcheck</a> is a decider for Presburger arithmetic. </p> <p> - <img src="/well-ordered/static/favicon.ico" width=12 height=12> - <a class="work" href="/well-ordered">Well-Ordered</a> + <img src="/well-ordered/static/favicon.ico" width=11 height=11> + <a class="work-title" href="/well-ordered">Well-Ordered</a> computes how to best incrementally recreate 77 cocktails. </p> <p> - <img src="/prosodyle/static/favicon.ico" width=12 height=12> - <a class="work" href="/prosodyle">Prosodyle</a> - is Wordle but for poetry and metrical structure. + <img src="/prosodyle/static/favicon.ico" width=11 height=11> + <a class="work-title" href="/prosodyle">Prosodyle</a> + is Wordle but for poetry and meter. </p> </div> </body> @@ -5,6 +5,7 @@ pid /home/sy/code/logs/nginx.pid; events {} http { include /etc/nginx/mime.types; + proxy_temp_path /home/sy/code/logs; default_type application/octet-stream; server { access_log /home/sy/code/logs/access.log; diff --git a/static/styles.css b/static/styles.css index d6a60b1..0611626 100644 --- a/static/styles.css +++ b/static/styles.css @@ -39,9 +39,7 @@ body { } .container { - margin: 0 auto; text-align: left; - display: inline-block; margin: 1em; min-width: 40%; } @@ -53,6 +51,7 @@ body { box-shadow: 4px 4px 0px DarkSlateGrey; padding: 2em; max-width: 40em; + margin: 0 auto; } } @@ -76,31 +75,34 @@ a:hover { color: #dd1b26; } -.header { +.title { font-style: italic; -} - -.top-title { font-size: x-large; font-weight: bold; letter-spacing: -1px; } +.work-title { + letter-spacing: -1px; +} + .home { font-style: italic; - font-size: 18px; - letter-spacing: -1.2px; + font-size: 20px; + letter-spacing: -1px; } -.home-link { +.crumbs { + font-size: small; + padding-left: 2em; } -.title { +.home-title { font-weight: bold; text-transform: uppercase; } .sep { - margin-left: 6px; - margin-right: 6px; + margin-left: 3px; + margin-right: 3px; } |