CJSatnarine/cjsatnarine.space
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
GitHub Actions
2025-08-14 07:55:03 +00:00
commit dce765feea
36 changed files with 3528 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
blog/first-blog/index.html Normal file
View File

@@ -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>