diff --git a/dist/base.html b/dist/base.html
index f07f097..9a24a32 100644
--- a/dist/base.html
+++ b/dist/base.html
@@ -11,8 +11,49 @@
         <script src="/static/js/vue-material.min.js"></script>
         <script src="/static/js/axios.min.js"></script>
         {% block head %}{% end %}
+        <style>
+body {
+    background-color: white;
+    padding: 6px;
+}
+
+.md-table {
+    height: 80%;
+}
+
+#footer {
+    text-align: center;
+    color: white;
+    display: block;
+    vertical-align: middle;
+    min-height: 16px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    position: absolute;
+    background-color: #448aff54;
+}
+
+#footer, #footer a {
+    color: rgba(0, 0, 0, .40);
+    transition: color 0.5s ease;
+}
+
+#footer:hover, #footer:hover a {
+    color: rgba(0, 0, 0, .87);
+}
+
+#footer:hover a {
+    text-decoration: underline;
+}
+
+{% block style %}{% end %}
+        </style>
     </head>
     <body>
         {% block body %}{% end %}
+        <md-toolbar md-elevation="0" id="footer">
+            footer
+        </md-toolbar>
     </body>
 </html>
diff --git a/dist/diff.html b/dist/diff.html
index 419ebe2..0c339b4 100644
--- a/dist/diff.html
+++ b/dist/diff.html
@@ -73,16 +73,4 @@ var app = new Vue({
 });
 
 </script>
-<style>
-
-body {
-    background-color: white;
-    padding: 6px;
-}
-
-.md-table {
-    height: 80%;
-}
-
-</style>
 {% end %}
diff --git a/dist/history.html b/dist/history.html
index 7a5219b..cd64ce0 100644
--- a/dist/history.html
+++ b/dist/history.html
@@ -95,21 +95,13 @@ var app = new Vue({
 });
 
 </script>
-<style>
+{% end %}
 
-body {
-    background-color: white;
-    padding: 6px;
-}
-
-.md-table {
-    height: 80%;
-}
+{% block style %}
 
 .placeholder {
     width: 36px;
     display: inline-block;
 }
 
-</style>
 {% end %}
diff --git a/dist/index.html b/dist/index.html
index 5cfe690..f8f8e8f 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -104,16 +104,4 @@ var app = new Vue({
 });
 
 </script>
-<style>
-
-body {
-    background-color: white;
-    padding: 6px;
-}
-
-.md-table {
-    height: 80%;
-}
-
-</style>
 {% end %}
diff --git a/dist/schedule.html b/dist/schedule.html
index 0b15829..c2bdeac 100644
--- a/dist/schedule.html
+++ b/dist/schedule.html
@@ -200,15 +200,12 @@ var app = new Vue({
 });
 
 </script>
-<style>
+{% end %}
+
+{% block style %}
 
 body {
-    background-color: white;
-    padding: 12px 20px 12px 20px;
-}
-
-.md-table {
-    height: 80%;
+    padding: 12px 20px 12px 20px !important;
 }
 
 .home-icon {
@@ -223,5 +220,4 @@ body {
     min-height: 350px;
 }
 
-</style>
 {% end %}
