i need to sleep

blog/config.toml

@@ -12,6 +12,8 @@ build_search_index = false
 # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
 highlight_code = true
 
+render_emoji = true
+
 [extra]
 # Put all your custom variables here
 site_name = "CJ Satnarine"

blog/content/_index.md

@@ -2,20 +2,11 @@
 template = "index.html"
 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.
+<center><p><span id="vaxandi_forritari"> vaxandi forritari </span> | <span id="aspiring_graphics_programmer"> aspiring graphics programmer </span> |  <span id="amateur_linguist"> amateur linguist </span> | <span id="wannabe_game_developer"> wannabe game developer </span> | <span id="exploring_animator"> exploring animator </span> | <span id="music_enjoyer"> music enjoyer </span></p></center>
 
-> "In the language of love, words are our soul. We are language - these ruins, our palaces."
 
-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.
+## Check out my stuff on: 
-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.
+- [GitHub](https://github.com/CJSatnarine) (All my coding projects are here)
-
+- [YouTube](https://www.youtube.com/@CJSatnarine) (I'll upload something soon, probably)
-```java
-class Main {
-    public static void main(String[] args) {
-        System.out.println("Hello World!");
-    } 
-}
-```
 
 <canvas id="rendering_canvas"/>
-

blog/content/about_me/_index.md

@@ -0,0 +1,11 @@
++++
+template = "index.html"
+title = "Hey! I'm CJ!"
++++
+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.
+
+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="rendering_canvas"/>
+

blog/content/blog/_index.md

@@ -4,5 +4,3 @@ sort_by = "date"
 template = "blog.html"
 page_template = "blog-page.html"
 +++
-
-amogus

blog/content/blog/another.md

@@ -1,10 +0,0 @@
-+++
-title = "testing second blog"
-date = "2025-03-14"
-+++
-
-This is the second blog post I have made here. 
-
-### Interesting facts. 
-There are no interesting facts. 
-[This is a link to my GitHub.](https://github.com/CJSatnarine)

blog/content/blog/first_blog.md

@@ -1,10 +1,9 @@
 +++
-title = "testing first blog"
+title = "First blog post about how this website came to be."
 date = "2025-03-14"
 +++
+This is the first blog post I have made here, or any where for that matter. I am terrible at web development, and I reckon that if it wasn't for the help of some amazing, experienced people, I wouldn't have made it this far.    
 
-This is the first blog post I have made here. 
+## In the beginning...
+This website project started as a plain, unstyled HTML file that had many changes. 
 
-### Interesting facts. 
-There are no interesting facts. 
-[This is a link to my GitHub.](https://github.com/CJSatnarine)

blog/sass/colours.scss

@@ -4,13 +4,28 @@
 $white: #FFFFFF;
 $black: #000000;
 $purple: #962FFE;
-$voilet: #1e001e;
 $pink: #FFA0E3;
 $periwinkle: #EBD7FF;
 $yoghurt: #d1e6ff;
+$red: #FF3030;
+$orange: #FF7930;
+$yellow: #FFF530;
+$green: #45FF30;
+$cyan: #30FFEA;
+$blue: #30A9FF;
 
-// Properties? I'm unsure what to call this. 
+// Properties.  
 $background: $black;
 $blockquote: $pink;
 $text: $periwinkle;
 $links: $purple;
+$dates: $purple;
+
+// Headings. 
+$h1: $purple;
+$h2: $blue;
+$h3: $green;
+$h4: $yellow;
+$h5: $orange;
+$h6: $red;
+

blog/sass/style.scss

@@ -5,16 +5,6 @@ body {
   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,
@@ -24,18 +14,78 @@ a:active {
   text-decoration: none;
 }
 
+// Headers. 
 h1 {
-  color: colours.$purple;
+  font-size: 2.5em;
+  color: colours.$h1;
+}
+
+h2 {
+  color: colours.$h2;
+}
+
+h3 {
+  color: colours.$h3;
+}
+
+h4 {
+  color: colours.$h4;
+}
+
+h5 {
+  color: colours.$h5;
+}
+
+h6 {
+  color: colours.$h6;
+}
+
+#vaxandi_forritari {
+  color: colours.$h1;
+}
+
+#aspiring_graphics_programmer {
+  color: colours.$h2;
+}
+
+#amateur_linguist {
+  color: colours.$h3;
+}
+
+#wannabe_game_developer {
+  color: colours.$h4;
+}
+
+#exploring_animator {
+  color: colours.$h5;
+}
+
+#music_enjoyer {
+  color:colours.$h6;
+}
+
+#subtitle {
+  color: colours.$dates;
 }
 
 blockquote>p {
   color: colours.$blockquote;
 }
 
+ul li {
+  color: colours.$text;
+}
+
 p {
   color: colours.$text;
 }
 
-center {
+li {
-  color: colours.$purple;
+  color: colours.$white;
+}
+
+hr {
+  background: linear-gradient(to right, colours.$h1, colours.$h2, colours.$h3, colours.$h4, colours.$h5, colours.$h6);
+  height: 5px;
+  border: 0;
 }

blog/templates/base.html

@@ -22,9 +22,10 @@
 </head>
 
 <nav>
-    <p><a href="{{ get_url(path='@/_index.md') }}">Home</a>.</p>
+    <a href="{{ get_url(path='@/_index.md') }}">Home </a>
-
+    <a href="{{ get_url(path='@/blog/_index.md') }}">Posts</a>.
-    <p><a href="{{ get_url(path='@/blog/_index.md') }}">Posts</a>.</p>
+    <a href="{{ get_url(path='@/about_me/_index.md') }}">About Me</a>.
+    <hr>
 </nav>
 
 <body>

blog/templates/blog-page.html

@@ -1,11 +1,11 @@
 {% extends "base.html" %}
 
 {% block content %}
-
+<a href="{{ get_url(path='@/blog/_index.md') }}"> <- back to posts</a>
-<h1 class="title">
+<h1 id="title" class="title">
     {{ page.title }}
 </h1>
 
-<p class="subtitle"><strong>{{ page.date }}</strong></p>
+<h3 id="subtitle" class="subtitle"><strong>{{ page.date }}</strong></h3>
 {{ page.content | safe }}
 {% endblock content %}

blog/templates/blog.html

@@ -7,7 +7,7 @@
 
 <ul>
     {% for page in section.pages %}
-    <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+    <li><a id="blog_colour" href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
     {% endfor %}
 </ul>