diff --git a/blog/content/_index.md b/blog/content/_index.md index 2c5087c..7c62ed0 100644 --- a/blog/content/_index.md +++ b/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 diff --git a/blog/content/about_me/_index.md b/blog/content/about_me/_index.md index c37fe6e..947b334 100644 --- a/blog/content/about_me/_index.md +++ b/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. - -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. +## 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. diff --git a/blog/content/blog/first_blog.md b/blog/content/blog/first_blog.md deleted file mode 100644 index 3fdf711..0000000 --- a/blog/content/blog/first_blog.md +++ /dev/null @@ -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. - diff --git a/blog/content/blog/first_blog/html_image.png b/blog/content/blog/first_blog/html_image.png new file mode 100644 index 0000000..0684edb Binary files /dev/null and b/blog/content/blog/first_blog/html_image.png differ diff --git a/blog/content/blog/first_blog/index.md b/blog/content/blog/first_blog/index.md new file mode 100644 index 0000000..2901932 --- /dev/null +++ b/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. +
+ +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. diff --git a/blog/content/blog/first_blog/output.gif b/blog/content/blog/first_blog/output.gif new file mode 100644 index 0000000..53be2f3 Binary files /dev/null and b/blog/content/blog/first_blog/output.gif differ diff --git a/blog/content/blog/first_blog/website_image.png b/blog/content/blog/first_blog/website_image.png new file mode 100644 index 0000000..3bec0e3 Binary files /dev/null and b/blog/content/blog/first_blog/website_image.png differ diff --git a/blog/content/projects/_index.md b/blog/content/projects/_index.md new file mode 100644 index 0000000..18415d4 --- /dev/null +++ b/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. + + diff --git a/blog/sass/style.scss b/blog/sass/style.scss index efd9fd1..ce76550 100644 --- a/blog/sass/style.scss +++ b/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; } diff --git a/blog/static/main.js b/blog/static/main.js index bbe4944..94f2eda 100644 --- a/blog/static/main.js +++ b/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); diff --git a/blog/templates/base.html b/blog/templates/base.html index 3cd8e90..594f331 100644 --- a/blog/templates/base.html +++ b/blog/templates/base.html @@ -22,9 +22,9 @@ diff --git a/blog/templates/blog-page.html b/blog/templates/blog-page.html index 75d9eac..ac14a29 100644 --- a/blog/templates/blog-page.html +++ b/blog/templates/blog-page.html @@ -1,7 +1,6 @@ {% extends "base.html" %} {% block content %} - <- back to posts

{{ page.title }}