diff options
| -rw-r--r-- | index.html | 18 | ||||
| -rw-r--r-- | local.conf | 4 | ||||
| -rw-r--r-- | static/styles.css | 13 |
3 files changed, 22 insertions, 13 deletions
@@ -11,47 +11,47 @@ <div class="container"> <div style="text-align: center;"> <div class="subtitle">THE LIMINAL REVERIE OF</div> - <a class="title" style="font-size:180%" href="/">CYFRAE VIOLAE</a> - <div class="contact" style="margin-top:.5em"> + <a class="title" href="/">CYFRAE VIOLAE</a> + <div class="contact"> New York · <a href="mailto:library@cyfraeviolae.org">library@cyfraeviolae.org</a> </div> </div> <div class="category">Literature</div> - <p style="margin-left: 1em"> + <p class="work"> <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 style="margin-left: 1em"> + <p class="work"> <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 class="category">Art History</div> - <p style="margin-left: 1em"> + <p class="work"> <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> <div class="category">Mathematics and Cryptography</div> - <p style="margin-left: 1em"> + <p class="work"> <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 style="margin-left: 1em"> + <p class="work"> <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 style="margin-left: 1em"> + <p class="work"> <img src="/forbidden-salamanders/static/favicon.ico" width=11 height=11> <a class="work-title" href="/forbidden-salamanders">Forbidden Salamanders</a> demonstrates cryptanalytic attacks against AES-GCM. </p> <div class="category">Sundry</div> - <p style="margin-left: 1em"> + <p class="work"> <img src="/telechromy/static/favicon.ico" width=11 height=11> <a class="work-title" href="/telechromy">Telechromy</a> is a 2-player game about color, perception, and expression. @@ -18,6 +18,10 @@ http { proxy_pass http://127.0.0.1:5000/; } + location /forbidden-salamanders/static { + alias /home/sy/code/site/forbidden-salamanders/static/; + } + location /telechromy { alias /home/sy/code/site/telechromy/; } diff --git a/static/styles.css b/static/styles.css index e0ffbc1..a3c5eac 100644 --- a/static/styles.css +++ b/static/styles.css @@ -94,7 +94,7 @@ a:hover { .title { font-style: italic; - font-size: x-large; + font-size: 180%; font-weight: bold; color: #dd1b26; } @@ -102,14 +102,18 @@ a:hover { .subtitle { font-weight: bold; font-size: large; - margin-bottom: -5px; + margin-bottom: -.3em; } .category { font-size: large; font-style: italic; - margin-bottom: -5px; - margin-top: 25px; + margin-bottom: -.3em; + margin-top: 1.3em; +} + +.work { + margin-left: 1em; } .work-title { @@ -117,6 +121,7 @@ a:hover { } .contact { + margin-top: .5em; font-style: italic; font-size: small; } |