diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..342796d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+style.css
+style.css.map
+
+*.tar.gz
diff --git a/bin/publish b/bin/publish
new file mode 100755
index 0000000..d8ecb20
--- /dev/null
+++ b/bin/publish
@@ -0,0 +1,16 @@
+#!/bin/zsh
+
+# Clean artifacts
+rm style.css
+rm style.css.map
+rm billros.si.tar.gz
+
+# Generate css
+sass style.scss style.css
+
+# Tar it up
+tar czf billros.si.tar.gz index.html style.css
+
+# Upload it
+open https://hpanel.hostinger.com/hosting/billros.si/website/import-website
+
diff --git a/style.css b/style.css
deleted file mode 100644
index 328f483..0000000
--- a/style.css
+++ /dev/null
@@ -1,29 +0,0 @@
-body {
-  margin: 0px;
-  background-color: #5b0605;
-}
-
-header {
-  display: flex;
-  justify-content: space-between;
-  /*width: 100%;*/
-  padding: 20px 2%;
-  /*border-bottom: 2px solid #972308;
-  background-color: #FFE5B4;*/
-}
-
-.logo {
-  font-family: 'Edu VIC WA NT Beginner', cursive;
-  font-size: 36pt;
-  color: #e0a94a;
-  filter: drop-shadow(3px 4px 0px #db832a);
-  text-decoration: underline dotted;
-}
-
-ul {
-  margin: 0%;
-}
-
-nav>ul>li {
-  display: inline;
-}
diff --git a/style.scss b/style.scss
new file mode 100644
index 0000000..4ec60e2
--- /dev/null
+++ b/style.scss
@@ -0,0 +1,35 @@
+$font-edu-vic: 'Edu VIC WA NT Beginner', cursive;
+
+$color-bg:          #2b0202;
+$color-logo:        #e0a94a;
+$color-logo-shadow: #db832a;
+
+body {
+  margin: 0px;
+  background-color: $color-bg;
+  color: white;
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  padding: 20px 2%;
+}
+
+.logo {
+  font-family: $font-edu-vic; 
+  font-size: 36pt;
+  color: $color-logo;
+  filter: drop-shadow(3px 4px 0px $color-logo-shadow);
+  text-decoration: underline dotted;
+}
+
+nav {
+  ul {
+    margin: 0%;
+    li {
+      display: inline;
+    }
+  }
+}
+