diff --git a/static/lunar.js b/javascript/lunar.js
similarity index 60%
rename from static/lunar.js
rename to javascript/lunar.js
index 97f0d72..f32ee4f 100644
--- a/static/lunar.js
+++ b/javascript/lunar.js
@@ -1,3 +1,6 @@
 import * as Moon from 'lunarphase-js';
 
 const phase = Moon.getLunarPhase();
+function writePhase(){
+  document.write(phase);
+}
diff --git a/sass/style.scss b/sass/style.scss
index e750a90..5af7373 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -7,8 +7,8 @@
 }
 
 body {
-    //background: #0d181c;
-    background-image: url('siteBackground.png');
+    background: #061115;
+    //background-image: url('siteBackground.png');
     color: #d9d7d6;
     font-family: 'Cascadia Code', sans-serif;
     font-size: 100%;
diff --git a/templates/index.html b/templates/index.html
index 0593083..9a368fd 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,6 +27,6 @@ Hey I'm Gallant, I work with mostly Rust.
   </ul>
 </div>
 <div>
-  
+  <script src="/lunar.js"> writePhase();</script>
 </div>
 {% endblock content %}