1 files changed, 16 insertions, 14 deletions

diff --git a/static/site.css b/static/site.css
index a42f15a..1daafca 100644
--- a/static/site.css
+++ b/static/site.css
@@ -62,71 +62,73 @@ body {
 
 @font-face {
   font-family: "Roboto";
-  src: url("SITE_PATH/static/fonts/Roboto-Bold.ttf") format("truetype");
+  src: url("{{SITE_PATH}}/static/fonts/Roboto-Bold.ttf") format("truetype");
   font-weight: bold;
 }
 @font-face {
   font-family: "Roboto";
-  src: url("SITE_PATH/static/fonts/Roboto-BoldItalic.ttf") format("truetype");
+  src: url("{{SITE_PATH}}/static/fonts/Roboto-BoldItalic.ttf")
+    format("truetype");
   font-weight: bold;
   font-style: italic;
 }
 /*
 @font-face {
   font-family: 'Roboto';
-  src: url('SITE_PATH/static/fonts/Roboto-Light.ttf') format('truetype');
+  src: url('{{SITE_PATH}}/static/fonts/Roboto-Light.ttf') format('truetype');
   font-weight: 100;
 }
 @font-face {
   font-family: 'Roboto';
-  src: url('SITE_PATH/static/fonts/Roboto-LightItalic.ttf') format('truetype');
+  src: url('{{SITE_PATH}}/static/fonts/Roboto-LightItalic.ttf') format('truetype');
   font-weight: 100;
 }
 */
 @font-face {
   font-family: "Roboto";
-  src: url("SITE_PATH/static/fonts/Roboto-Medium.ttf") format("truetype");
+  src: url("{{SITE_PATH}}/static/fonts/Roboto-Medium.ttf") format("truetype");
   font-weight: 300;
 }
 @font-face {
   font-family: "Roboto";
-  src: url("SITE_PATH/static/fonts/Roboto-MediumItalic.ttf") format("truetype");
+  src: url("{{SITE_PATH}}/static/fonts/Roboto-MediumItalic.ttf")
+    format("truetype");
   font-style: italic;
   font-weight: 300;
 }
 @font-face {
   font-family: "Roboto";
-  src: url("SITE_PATH/static/fonts/Roboto-Regular.ttf") format("truetype");
+  src: url("{{SITE_PATH}}/static/fonts/Roboto-Regular.ttf") format("truetype");
 }
 @font-face {
   font-family: "Roboto";
-  src: url("SITE_PATH/static/fonts/Roboto-Italic.ttf") format("truetype");
+  src: url("{{SITE_PATH}}/static/fonts/Roboto-Italic.ttf") format("truetype");
   font-style: italic;
 }
 /*
 @font-face {
   font-family: 'Roboto';
-  src: url('SITE_PATH/static/fonts/Roboto-Thin.ttf') format('truetype');
+  src: url('{{SITE_PATH}}/static/fonts/Roboto-Thin.ttf') format('truetype');
   font-weight: 100;
 }
 @font-face {
   font-family: 'Roboto';
-  src: url('SITE_PATH/static/fonts/Roboto-ThinItalic.ttf') format('truetype');
+  src: url('{{SITE_PATH}}/static/fonts/Roboto-ThinItalic.ttf') format('truetype');
   font-weight: 100;
 }
 */
 
 .tile.hand_up {
-  cursor: url(SITE_PATH/static/img/hand_up.png) 40 10, pointer;
+  cursor: url({{SITE_PATH}}/static/img/hand_up.png) 40 10, pointer;
 }
 .tile.hand_right {
-  cursor: url(SITE_PATH/static/img/hand_right.png) 90 40, pointer;
+  cursor: url({{SITE_PATH}}/static/img/hand_right.png) 90 40, pointer;
 }
 .tile.hand_down {
-  cursor: url(SITE_PATH/static/img/hand_down.png) 60 90, pointer;
+  cursor: url({{SITE_PATH}}/static/img/hand_down.png) 60 90, pointer;
 }
 .tile.hand_left {
-  cursor: url(SITE_PATH/static/img/hand_left.png) 10 60, pointer;
+  cursor: url({{SITE_PATH}}/static/img/hand_left.png) 10 60, pointer;
 }
 .tile.unclickable {
   cursor: default;