diff --git a/blog/config.toml b/blog/config.toml
index b99e696..2875760 100644
--- a/blog/config.toml
+++ b/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"
diff --git a/blog/content/_index.md b/blog/content/_index.md
index 99c27d2..2c5087c 100644
--- a/blog/content/_index.md
+++ b/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.
+
vaxandi forritari | aspiring graphics programmer | amateur linguist | wannabe game developer | exploring animator | music enjoyer
-> "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.
-Currently, I'm spending a lot of my time learning a lot of things relating to my interests. You can check out my Github to see what I'm up to.
-
-```java
-class Main {
- public static void main(String[] args) {
- System.out.println("Hello World!");
- }
-}
-```
+## Check out my stuff on:
+- [GitHub](https://github.com/CJSatnarine) (All my coding projects are here)
+- [YouTube](https://www.youtube.com/@CJSatnarine) (I'll upload something soon, probably)
-
diff --git a/blog/content/about_me/_index.md b/blog/content/about_me/_index.md
new file mode 100644
index 0000000..c37fe6e
--- /dev/null
+++ b/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 Github to see what I'm up to.
+
+
+
diff --git a/blog/content/blog/_index.md b/blog/content/blog/_index.md
index 0565224..72bc989 100644
--- a/blog/content/blog/_index.md
+++ b/blog/content/blog/_index.md
@@ -4,5 +4,3 @@ sort_by = "date"
template = "blog.html"
page_template = "blog-page.html"
+++
-
-amogus
diff --git a/blog/content/blog/another.md b/blog/content/blog/another.md
deleted file mode 100644
index 73bb3bf..0000000
--- a/blog/content/blog/another.md
+++ /dev/null
@@ -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)
diff --git a/blog/content/blog/first_blog.md b/blog/content/blog/first_blog.md
index dd096f3..3fdf711 100644
--- a/blog/content/blog/first_blog.md
+++ b/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)
diff --git a/blog/sass/colours.scss b/blog/sass/colours.scss
index 4173d3e..5a1f7c7 100644
--- a/blog/sass/colours.scss
+++ b/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;
+
diff --git a/blog/sass/style.scss b/blog/sass/style.scss
index e130f1d..efd9fd1 100644
--- a/blog/sass/style.scss
+++ b/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;
}
-blockquote > p {
+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 {
- color: colours.$purple;
+li {
+ 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;
}
diff --git a/blog/templates/base.html b/blog/templates/base.html
index e11cd9f..3cd8e90 100644
--- a/blog/templates/base.html
+++ b/blog/templates/base.html
@@ -22,9 +22,10 @@
@@ -41,7 +42,7 @@
<EVILRING>
-