Deploy CJSatnarine/CJSatnarine.github.io to CJSatnarine/CJSatnarine.github.io:gh-pages

2025-08-14 07:55:03 +00:00
commit dce765feea
36 changed files with 3528 additions and 0 deletions
--- a/blog/first-blog/html_image.png
+++ b/blog/first-blog/html_image.png
--- a/blog/first-blog/index.html
+++ b/blog/first-blog/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>CJ Satnarine</title>
+
+    <link rel="stylesheet" href="/style.css" />
+    <link href='https://fonts.googleapis.com/css?family=Roboto Mono' rel='stylesheet'>
+
+    <script type="importmap">
+    {
+        "imports": {
+            "three": "https://cdn.jsdelivr.net/npm/three@0.174.0/build/three.module.js",
+            "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.174.0/examples/jsm/"
+            }
+    }
+    </script>
+
+    <script type="module" src="/main.js"></script>
+    <script type="module" src="/window.js"></script>
+</head>
+
+<nav>
+    <a href="https://cjsatnarine.github.io/">Home</a>
+    <span id="text"> | </span><a href="https://cjsatnarine.github.io/blog/"><strike>Rants</strike> Posts</a>
+    <span id="text"> | </span><a href="https://cjsatnarine.github.io/projects/">My Stuff</a>
+    <span id="text"> | </span><a href="https://cjsatnarine.github.io/stuff_I_like/">Stuff I Like</a>
+    <hr>
+</nav>
+
+<body>
+    <section class="section">
+        <div class="container">
+            
+<h1 id="title" class="title">
+    First blog post: Website Stuff
+</h1>
+
+<h3 id="subtitle" class="subtitle"><strong>[CJ Satnarine] | 2025-03-21 </strong></h3>
+<p>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.</p>
+<h2 id="in-the-beginning">In the beginning...</h2>
+<p>This website project started as a plain, unstyled HTML file that had a couple of changes occasionally.
+<img src="https://cjsatnarine.github.io/blog/first-blog/html_image.png" alt="html_image" /></p>
+<h2 id="the-head">The Head</h2>
+<p>The idea for the head came from a project I was working on (a <a href="https://github.com/CJSatnarine/tiny_renderer">tiny renderer</a>), where a wireframe render inspired me to add a rotating wireframe furry wolf head to my personal website.</p>
+<center><img src="output.gif" width="640" height="360"/></center>
+<p>To accomplish this, I created a wolf head in Blender and exported it in a Wavefront .obj format. I used <a href="https://threejs.org/">Three.js</a> to render the wolf head on the website. This version of the website is where I also started using CSS.</p>
+<p>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.</p>
+<h2 id="zola">Zola</h2>
+<p>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.</p>
+<h2 id="what-next">What next?</h2>
+<p>I plan on uploading more work onto here: projects, devlogs, art or animations, and more blogs.</p>
+
+
+        </div>
+    </section>
+</body>
+
+<footer id="footer">
+    <center>
+        <a href="https://evilr.ing/cjsatnarine/previous">&lt;</a>
+        <a href="https://evilr.ing">EVILRING</a>
+        <a href="https://evilr.ing/cjsatnarine/next">&gt;</a>
+        <p> Made with <a href="https://www.getzola.org/">Zola</a></p>
+    </center>
+</footer>
+
+</html>
--- a/blog/first-blog/output.gif
+++ b/blog/first-blog/output.gif
--- a/blog/first-blog/website_image.png
+++ b/blog/first-blog/website_image.png