fancy fonts and lots of minor adjustments

5 files changed, 61 insertions, 14 deletions

diff --git a/src/assets/fonts/Texturina-Bold.ttf b/src/assets/fonts/Texturina-Bold.ttf
new file mode 100644
index 0000000..db24936
--- /dev/null
+++ b/src/assets/fonts/Texturina-Bold.ttf
diff --git a/src/assets/fonts/Texturina-Italic.ttf b/src/assets/fonts/Texturina-Italic.ttf
new file mode 100644
index 0000000..aca7029
--- /dev/null
+++ b/src/assets/fonts/Texturina-Italic.ttf
diff --git a/src/assets/fonts/Texturina-Regular.ttf b/src/assets/fonts/Texturina-Regular.ttf
new file mode 100644
index 0000000..db0f1ec
--- /dev/null
+++ b/src/assets/fonts/Texturina-Regular.ttf
diff --git a/src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff b/src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff
new file mode 100644
index 0000000..ff642ee
--- /dev/null
+++ b/src/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff
diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css
index 3cd8431..4d57d75 100644
--- a/src/assets/stylesheet.css
+++ b/src/assets/stylesheet.css
@@ -1,9 +1,36 @@
 :root
 {
-    --bg: black;
-    --text: white;
-    --main: lime;
-    --accent: white;
+    --bg: #0a0a0a;
+    --text: beige;
+    --main: #0d0;
+    --accent: #f0f;
+}
+
+@font-face
+{
+    font-family: ibm-xga;
+    src: url(/assets/fonts/WebPlus_IBM_XGA-AI_12x20.woff);
+}
+
+@font-face
+{
+    font-family: texturina;
+    src: url(/assets/fonts/Texturina-Regular.ttf);
+    font-style: normal;
+}
+
+@font-face
+{
+    font-family: texturina;
+    src: url(/assets/fonts/Texturina-Bold.ttf);
+    font-weight: bold;
+}
+
+@font-face
+{
+    font-family: texturina;
+    src: url(/assets/fonts/Texturina-Italic.ttf);
+    font-style: italic;
 }
 
 .footpara
@@ -21,8 +48,23 @@ body
 {
     background-color: var(--bg);
     color: var(--text);
-    max-width: 80ch;
+    max-width: 960px;		/* 80 chars * width of 12 = 960px */
     margin: auto;
+    font-family: texturina, serif;
+    font-size: 1.2em;
+}
+
+h1
+{
+    font-size: 60px;
+    text-align: center;
+    font-family: ibm-xga, monospace;
+}
+
+h2
+{
+    font-size: 40px;
+    font-family: ibm-xga, monospace;
 }
 
 .logo
@@ -32,7 +74,8 @@ body
     user-select: none;
     margin: 0;
     padding: 0;
-    font-family: monospace;
+    font-family: ibm-xga, monospace;
+    font-size: 20px;
 }
 
 .buttons
@@ -49,29 +92,33 @@ body
 a
 {
     color: var(--main);
-    text-decoration: none;
 }
 
 a:hover
 {
-    color: var(--bg);
-    background-color: var(--accent);
+    color: var(--accent);
 }
-a:has(> img):hover
+
+.footnum, .footref
 {
-    background-color: transparent;
+    text-decoration: none;
 }
 
 .pages
 {
-    font-family: monospace;
-    font-size: 1.2em;
+    font-family: ibm-xga, monospace;
+    font-size: 20px;
     text-align: center;
 }
 
 ul
 {
-    list-style-type: circle;
+    list-style-type: none;
+}
+
+ul li::before
+{
+    content: "\00a7  ";
 }
 
 hr