From b01504d1425e5782c8a9ab43927a0b48d80408c6 Mon Sep 17 00:00:00 2001
From: CJSatnarine <satnarinecj101@gmail.com>
Date: Thu, 20 Mar 2025 06:12:26 -0400
Subject: [PATCH] lots of things

---
 blog/content/_index.md    | 13 +++++++++++-
 blog/sass/colours.scss    |  7 +++++++
 blog/sass/extra.scss      | 35 -------------------------------
 blog/sass/style.scss      | 43 +++++++++++++++++++++++++++++++++++++++
 blog/templates/base.html  |  8 +++++---
 blog/templates/index.html |  9 ++++----
 6 files changed, 71 insertions(+), 44 deletions(-)
 create mode 100644 blog/sass/colours.scss
 delete mode 100644 blog/sass/extra.scss
 create mode 100644 blog/sass/style.scss

diff --git a/blog/content/_index.md b/blog/content/_index.md
index 8af596e..58b52c7 100644
--- a/blog/content/_index.md
+++ b/blog/content/_index.md
@@ -4,7 +4,18 @@ title = "CJ Satnarine"
 +++
 Hey... I'm CJ! But you can call me CJ... As you can tell, this website is currently under construction. I'll be updating it slowly as I learn more web development. I'm remaking this website with [Zola](https://www.getzola.org/) because I want to write blogs and devlogs in the future.
 
+> "In the language of love, words are our soul. We are language - these ruins, our palaces."
+
+<p id="test"> testing testing </p>
+
 Any way, I'm an aspriring graphics programmer from Waterloo, Ontario. I've got a few weird interests in linguistics, history, maths, 3D animation, game development, and art.
 Currently, I'm spending a lot of my time learning a lot of things relating to my interests. You can check out my <a href="https://github.com/CJSatnarine" target="_blank">Github</a> to see what I'm up to.
-
 <canvas id="canvas"/>
+
+```java
+class Main {
+    public static void main(String[] args) {
+        System.out.println("Hello World!");
+    } 
+}
+```
diff --git a/blog/sass/colours.scss b/blog/sass/colours.scss
new file mode 100644
index 0000000..bbad4a7
--- /dev/null
+++ b/blog/sass/colours.scss
@@ -0,0 +1,7 @@
+// This is inspired by the husqy theme on monkeytype.com (https://github.com/monkeytypegame/monkeytype/blob/master/frontend/static/themes/husqy.css). 
+
+$background: #000000;
+$white: #FFFFFF;
+$purple: #962FFE;
+$pink: #ffa0e3;
+$text: #EBD7FF;
diff --git a/blog/sass/extra.scss b/blog/sass/extra.scss
deleted file mode 100644
index 077f59a..0000000
--- a/blog/sass/extra.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-body {
-    background-color: black;
-    font-family: 'Roboto Mono';
-}
-
-#construction {
-    position: absolute;
-    color: whitesmoke;
-    top: 10px;
-    width: 100%;
-    text-align: center;
-    z-index: 100;
-    display: block;
-}
-
-a:link,
-a:visited,
-a:hover,
-a:active {
-    color: rgb(150, 47, 254);
-    background-color: transparent;
-    text-decoration: none;
-}
-
-h1 {
-    color: rgb(150, 47, 254);
-}
-
-p {
-    color: white;
-}
-
-center {
-    color: rgb(150, 47, 254);
-}
diff --git a/blog/sass/style.scss b/blog/sass/style.scss
new file mode 100644
index 0000000..80936eb
--- /dev/null
+++ b/blog/sass/style.scss
@@ -0,0 +1,43 @@
+@use "colours.scss";
+
+body {
+  background-color: colours.$background;
+  font-family: 'Roboto Mono';
+}
+
+#construction {
+  position: absolute;
+  color: whitesmoke;
+  top: 10px;
+  width: 100%;
+  text-align: center;
+  z-index: 100;
+  display: block;
+}
+
+a:link,
+a:visited,
+a:hover,
+a:active {
+  color: colours.$purple;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+h1 {
+  color: colours.$purple;
+}
+
+p {
+  color: colours.$text;
+}
+
+// Shortcodes can be used to customise markdown stuff. 
+
+#test {
+  color: colours.$pink;
+}
+
+center {
+  color: colours.$purple;
+}
diff --git a/blog/templates/base.html b/blog/templates/base.html
index 56eb2b4..65dca21 100644
--- a/blog/templates/base.html
+++ b/blog/templates/base.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8">
     <title>{{ config.extra.site_name }}</title>
 
-    <link rel="stylesheet" href="/extra.css" />
+    <link rel="stylesheet" href="/style.css" />
     <link href='https://fonts.googleapis.com/css?family=Roboto Mono' rel='stylesheet'>
 
     <script type="importmap">
@@ -24,9 +24,11 @@
 <body>
     <section class="section">
         <div class="container">
-            {% block content %} {% endblock %}
-
+            {% block content %}
             <p><a href="{{ get_url(path='@/blog/_index.md') }}">Posts</a>.</p>
+
+            {% endblock %}
+
         </div>
     </section>
 </body>
diff --git a/blog/templates/index.html b/blog/templates/index.html
index 221d128..e04b061 100644
--- a/blog/templates/index.html
+++ b/blog/templates/index.html
@@ -1,10 +1,9 @@
 {% extends "base.html" %}
 
 {% block content %}
-    <h1 class="title">
-        {{ section.title }}
-    </h1>
-
-    <p>{{ section.content | safe }}</p>
+<h1 class="title">
+    {{ section.title }}
+</h1>
 
+<p>{{ section.content | safe }}</p>
 {% endblock content %}