a lot of stuff

blog/content/_index.md

@@ -8,5 +8,10 @@ title = "CJ Satnarine"
 ## 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)
+- [ArtStation](https://www.artstation.com/cjsatnarine) (I don't even use this but I guess maybe in the future I will)
+- [Instagram](https://www.instagram.com/cjsatnarine/) (I'm not on there so often)
 
+## Contact me at:
+- `.just_cj` : Discord
+- `satnarinecj101@gmail.com` : E-mail
 <canvas id="rendering_canvas"/>

blog/content/about_me/_index.md

@@ -2,10 +2,9 @@
 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.
+## Something.
-
-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.
 
+### Something something.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 <canvas id="rendering_canvas"/>
 

blog/content/blog/first_blog.md

@@ -1,9 +0,0 @@
-+++
-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.    
-
-## In the beginning...
-This website project started as a plain, unstyled HTML file that had many changes. 
-

blog/content/blog/first_blog/index.md

@@ -0,0 +1,23 @@
++++
+title = "First blog post: Website Stuff"
+date = "2025-03-21"
++++
+This is the first blog post I have made here, or any where for that matter. The entire purpose of this blog was to test out how it would be to write one.
+
+## In the beginning...
+This website project started as a plain, unstyled HTML file that had a couple of changes occasionally. 
+![html_image](html_image.png)
+
+## The Head
+The idea for the head came from a project I was working on (a [tiny renderer](https://github.com/CJSatnarine/tiny_renderer)), where a wireframe render inspired me to add a rotating wireframe furry wolf head to my personal website. 
+<center><img src="output.gif" width="640" height="360"/></center>
+
+To accomplish this, I created a wolf head in Blender and exported it in a Wavefront .obj format. I used [Three.js](https://threejs.org/) to render the wolf head on the website. This version of the website is where I also started using CSS. 
+
+I should note that this was the first time I was working with JavaScript and CSS, and if it wasn't for some amazing people guiding me and answering my questions, I would have probably not made it this far. To deploy this website, I used Vite. 
+
+## Zola
+I love using markdown. I prefer it over most other markup languages, and I write most of my notes in it. When I found out I could use markdown for web dev, I started to replace my previous website design to use Zola (mostly so I can get help from a friend that uses/recommended it). This took me about a week to do, somehow. 
+
+## What next? 
+I plan on uploading more work onto here: projects, devlogs, art or animations, and more blogs.

blog/content/projects/_index.md

@@ -0,0 +1,10 @@
++++
+template = "index.html"
+title = "Projects"
++++
+## Something.
+
+### Something something.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<canvas id="rendering_canvas"/>
+

blog/sass/style.scss

@@ -76,10 +76,14 @@ ul li {
   color: colours.$text;
 }
 
-p {
+#text, p {
   color: colours.$text;
 }
 
+code {
+  color: colours.$pink;
+}
+
 li {
   color: colours.$white;
 }

blog/static/main.js

@@ -14,7 +14,7 @@ const renderer = new THREE.WebGLRenderer({
     canvas: document.querySelector('#rendering_canvas'),
 });
 renderer.setPixelRatio(window.devicePixelRatio);
-renderer.setSize(window.innerWidth, window.innerHeight);
+renderer.setSize(window.innerWidth, window.innerHeight); // Maybe I should change the size of this eventually, sometimes it's too big.
 renderer.setAnimationLoop(animate);
 document.body.appendChild(renderer.domElement);
 

blog/templates/base.html

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

blog/templates/blog-page.html

@@ -1,7 +1,6 @@
 {% extends "base.html" %}
 
 {% block content %}
-<a href="{{ get_url(path='@/blog/_index.md') }}"> <- back to posts</a>
 <h1 id="title" class="title">
     {{ page.title }}
 </h1>