no png, just color

javascript/lunar.js

@@ -1,3 +1,6 @@
 import * as Moon from 'lunarphase-js';
 
 const phase = Moon.getLunarPhase();
+function writePhase(){
+  document.write(phase);
+}

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%;

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 %}