conts

src/index.py

@@ -406,6 +406,11 @@ def is_it_time(date):
 def serve_css(filename):
     return static_file(filename, root='static/css')
 
+# Serve fonts
+@route('/static/font/<filename:path>')
+def serve_font(filename):
+    return static_file(filename, root='static/font', mimetype='text/ttf')
+
 # Serve images
 @route('/static/img/<filename:path>')
 def serve_img(filename):

src/static/css/all.css

@@ -1,7 +1,19 @@
+@font-face {
+    font-family: "pf_ronda_seven";
+    src: url('../font/pf_ronda_seven.ttf');
+}
+@font-face {
+    font-family: "pf_ronda_seven_bold";
+    src: url('../font/pf_ronda_seven_bold.ttf');
+}
+@font-face {
+    font-family: "Mitochondria";
+    src: url('../font/Mitochondria.ttf');
+}
 * {
     padding:0;
     margin:0;
-    font-family: verdana, "trebuchet ms", arial, calibri, candara, sans-serif;
+    font-family: "pf_ronda_seven", sans-serif;
     background-color: black;
 }
 html, body {padding:0; margin:0; height:100%;}

src/static/css/index.css

@@ -5,6 +5,7 @@
     grid-template-rows: 1fr 9.5em;
     grid-column-gap: 0px;
     grid-row-gap: 0px; 
+    background-image: url(../img/prom/runebless.png);
 }
     .content-left {
         grid-area: 1 / 1 / 2 / 2;
@@ -12,13 +13,14 @@
             background-size: 20em;
             background-repeat: no-repeat;
             background-position: center;
+        background-color: transparent; 
         }
     .content-right { 
         grid-area:  1 / 2 / 3 / 3;
-        background-image: url(../img/prom/runebless.png);
         background-size: contain;
         background-repeat: no-repeat;
         background-position: left;
+        background-color: transparent; 
         }
     .latest {
         background-color: #C0AAC0;