pls fix

3 files changed, 22 insertions, 13 deletions

diff --git a/index.html b/index.html
index a40e7b4..cfc3cd9 100644
--- a/index.html
+++ b/index.html
@@ -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 &middot;
                 <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.
diff --git a/local.conf b/local.conf
index de4029b..527b6dd 100644
--- a/local.conf
+++ b/local.conf
@@ -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;
 }