lots of things

2025-03-20 06:12:26 -04:00
parent 655c1a6b2b
commit b01504d142
6 changed files with 71 additions and 44 deletions
--- 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!");
+    } 
+}
+```
--- a/blog/sass/colours.scss
+++ 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;
--- a/blog/sass/extra.scss
+++ b/blog/sass/extra.scss
@@ -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);
-}
--- a/blog/sass/style.scss
+++ 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;
+}
--- 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>
--- a/blog/templates/index.html
+++ b/blog/templates/index.html
@@ -6,5 +6,4 @@
 </h1>

 <p>{{ section.content | safe }}</p>
-
 {% endblock content %}