diff options
| -rw-r--r-- | cyfraeviolae.conf | 4 | ||||
| -rw-r--r-- | index.html | 40 | ||||
| -rw-r--r-- | local.conf | 20 | ||||
| -rw-r--r-- | static/styles.css | 31 |
4 files changed, 73 insertions, 22 deletions
diff --git a/cyfraeviolae.conf b/cyfraeviolae.conf index f4ade24..9db3e93 100644 --- a/cyfraeviolae.conf +++ b/cyfraeviolae.conf @@ -1,6 +1,10 @@ server { server_name cyfraeviolae.org; + location /forbidden-salamanders { + proxy_pass http://127.0.0.1:9010/; + } + location /telechromy { alias /srv/telechromy/; } @@ -9,37 +9,49 @@ </head> <body> <div class="container"> - <a class="title" href="/">CYFRAE VIOLAE</a> - <br> - <a href="mailto:library@cyfraeviolae.org" class="contact"> - library@cyfraeviolae.org - </a> - <p> + <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"> + New York · + <a href="mailto:library@cyfraeviolae.org">library@cyfraeviolae.org</a> + </div> + </div> + <div class="category">Literature</div> + <p style="margin-left: 1em"> <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> + <p style="margin-left: 1em"> + <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"> <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> + <div class="category">Mathematics and Cryptography</div> + <p style="margin-left: 1em"> <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> + <p style="margin-left: 1em"> <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=11 height=11> - <a class="work-title" href="/prosodyle">Prosodyle</a> - is Wordle but for poetry and meter. + <p style="margin-left: 1em"> + <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> - <p> + <div class="category">Sundry</div> + <p style="margin-left: 1em"> <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. @@ -10,6 +10,14 @@ http { server { access_log /home/sy/code/logs/access.log; + location /rhythmically { + alias /home/sy/code/site/rhythmically/; + } + + location /forbidden-salamanders { + proxy_pass http://127.0.0.1:5000/; + } + location /telechromy { alias /home/sy/code/site/telechromy/; } @@ -31,14 +39,26 @@ http { proxy_pass http://127.0.0.1:9000; } + location /sumcheck/static { + alias /home/sy/code/site/sumcheck/static/; + } + location /antiquitysort { proxy_pass http://127.0.0.1:8090; } + location /antiquitysort/static { + alias /home/sy/code/site/antiquitysort/static/; + } + location /spectral-renga { proxy_pass http://127.0.0.1:8080; } + location /spectral-renga/static { + alias /home/sy/code/site/spectral-renga/static/; + } + location / { root /home/sy/code/site/cyfraeviolae; } diff --git a/static/styles.css b/static/styles.css index 03d84bc..e0ffbc1 100644 --- a/static/styles.css +++ b/static/styles.css @@ -82,8 +82,9 @@ p { } a { - text-decoration: none; - color: #dd1b26; + text-decoration: underline dotted; + /* color: #dd1b26; */ + color: black; } a:hover { @@ -95,13 +96,31 @@ a:hover { font-style: italic; font-size: x-large; font-weight: bold; - letter-spacing: -1px; + color: #dd1b26; +} + +.subtitle { + font-weight: bold; + font-size: large; + margin-bottom: -5px; +} + +.category { + font-size: large; + font-style: italic; + margin-bottom: -5px; + margin-top: 25px; } .work-title { letter-spacing: -1px; } +.contact { + font-style: italic; + font-size: small; +} + .home { font-style: italic; font-size: 20px; @@ -115,6 +134,7 @@ a:hover { .home-title { font-weight: bold; + color: #dd1b26; } .sep { @@ -122,8 +142,3 @@ a:hover { margin-right: 3px; } -.contact { - font-style: italic; - font-size: small; - margin-left: 2em; -} |