add statuscafe

content/_index.md

@@ -9,4 +9,7 @@ Hey! My name is CJ, and welcome to my little space on the internet. I just share
 Alright, enjoy looking around. Feel free to [reach out to me](@/contact/_index.md). 
 
 :evergreen_tree: :evergreen_tree: \*escapes and goes into the [forest](@/secrets/forest/index.md)* :evergreen_tree: :evergreen_tree:
+
+<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=just_cj" defer></script>
+
 <canvas id="rendering_canvas"/>

sass/style.scss

@@ -112,3 +112,16 @@ p {
   color: colours.$text;
 }
 
+// Statuscafe
+#statuscafe {
+    padding: .5em;
+    background-color: black;
+    color: colours.$text;
+    border: 2px solid colours.$h1;
+}
+#statuscafe-username {
+    margin-bottom: .5em;
+}
+#statuscafe-content {
+    margin: 0 1em 0.5em 1em;
+}