e

Catniped · Nov 11, 2023 · 51c6af6 · 51c6af6
1 parent e138a57
commit 51c6af6
Show file tree

Hide file tree

Showing 6 changed files with 136 additions and 7 deletions.
diff --git a/blog.html b/blog.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="style.css" />
+    <link rel="stylesheet" type="text/css" href="styles/style.css" />
     <title>Catniped - Blog</title>
   </head>
   <body style="background-color: rgb(82, 82, 138); margin: 0 0 0 0;">
@@ -15,8 +15,9 @@
     </div><br>
 
     <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
-      <p id="title">Cruhular is my favorite word</p><p id="content">cruhularly enough i havent written a backend for this site yet so no actual blogposts for now :P</p><br>
+      <p id="title">the journey to 3D printing metal - part 1</p><p id="content">3D printing metals, ceramics, sugar, chocolate, and all other kinds of weird powdered substances cheaply at home! the first blog post about "the grungler", a binder jetting 3D printer developed by me and a few friends.</p><br>
     </div><br>
+
 
   </body>
 </html>
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="style.css" />
+    <link rel="stylesheet" type="text/css" href="styles/style.css" />
     <title>Catniped - Home</title>
   </head>
   <body style="background-color: rgb(82, 82, 138); margin: 0 0 0 0;">
@@ -15,10 +15,10 @@
     </div>
 
     <div style="display: flex; align-items: center; margin-left: 10%; margin-top: 10%;">
-        <p class="title" style="margin-right: 0.5vw; margin-bottom: 0; margin-top: 0;">Hi, im Catniped</p>
+        <p class="title" style="margin-right: 0.5vw; margin-bottom: 0; margin-top: 0;">Hi, i'm Catniped</p>
         <img class="image1" style="margin-bottom: 0;" src="https://cdn.discordapp.com/attachments/1117747399356583989/1129380857132625980/Untitled37_20230625230043.png" alt="My pfp"> 
     </div>
-    <p class="subtext" style="margin-left: 10%; margin-top: 0.1svw;">this website was NOT tested on anything other than my ultrawide, so itll propably be bonk</p>
+    <p class="subtext" style="margin-left: 10%; margin-top: 0.1svw;">mobile users begone</p>
     <br>
 
     <hr class="divider1">

diff --git a/posts/grungler1.html b/posts/grungler1.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../styles/style.css" />
+    <title>Catniped - Home</title>
+  </head>
+  <body style="background-color: rgb(82, 82, 138); margin: 0 0 0 0;">
+
+    <div class="navbar">
+      <a href="index.html">Homepage</a>
+      <a class="active" href="blog.html">Blog</a>
+      <a href="projects.html">Projects</a>
+    </div>
+
+    <div style="display: flex; align-items: center; margin-left: 10%; margin-top: 5%;">
+        <p class="title" style="margin-right: 0.5vw; margin-bottom: 0; margin-top: 0;">the journey to 3D printing metal - part 1</p>
+    </div>
+    <p class="subtext" style="margin-left: 10%; margin-top: 0.1svw;">3D printing metals, ceramics, sugar, chocolate...</p>
+    <p class="content">sometimes you just gotta compensate. which is exactly what i did when i realised i would not be able to purchase a decent cnc mill to produce metal parts without financially undermining myself (this ended up not being true, and at the time of writing this the parts for my mill are on their way :3).<br><br>
+      this lead me to start researching metal 3D printing (with a big budget concern in mind). at first i tried looking at how much a homemade SLM setup would cost me, and immediately abandoned that when i realised that i would have to circulate fucking argon gas thru the chamber if i wanted to do it without blowing my whole house up, for which i definitely dont have the budget nor the capabilities to do. not even counting the pure cost of the laser in, which could easily make just the machine cost over 2k euro.<br><br>
+      i didnt give up however, and studied every metal 3D printing method i could find. out of the many that exist, theres basically only 2 processes of which the raw cost is low enough for me to attempt:<br>
+      1. binder jetting<br>
+      2. electron beam melting<br><br>
+      electron beam melting is a pretty interesting one, as the electron gun is a pretty cheap device to diy, compared a high power laser, which would remove a very significant part of the cost compared to SLM. however, thinking about the 20kV you need to generate a sufficiently powerful beam, along with the ionizing radiation which such a device would emit, made me not a big fan of this process.<br><br>
+      here is where binder jetting comes in. binder jetting, or 3DP as some call it, is a pretty amazing process, which involves using a inkjet printer printhead to place a liquid binder onto a powder bed, bonding the powder particles together into a desired 3D part. the best part is that, compared to other additive manufacturing processes, you can print basically anything, aslong as you find a powdered form of it and a suitable binder (or you can make your own).<br><br>
+      now that i knew what process i can use to acomplish my task, it was time to design the machine, and solve all the little problems and steps along the way. huge thanks to Dragonator from <a href="https://ytec3d.com/">ytec3D</a>, as his <a href="">Oasis 3DP project</a>, along with all the other resources provided by them and the ytec3D forum, were some of the most helpful things i could have ever asked for. i also saved a ton of money on the printhead thanks to them selling <a>HP45 connectors on tindie</a>, so i didnt have to buy a bulk amount of them from the manufacturer. 
+
+    </p>
+    <br>
+
+    <hr class="divider1">
+
+    <center>
+        <p class="subtext">bottom text</p>
+    </center>
+  </body>
+</html>
diff --git a/posts/templatearticle.html b/posts/templatearticle.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="../styles/style.css" />
+    <title>Catniped - Home</title>
+  </head>
+  <body style="background-color: rgb(82, 82, 138); margin: 0 0 0 0;">
+
+    <div class="navbar">
+      <a href="index.html">Homepage</a>
+      <a class="active" href="blog.html">Blog</a>
+      <a href="projects.html">Projects</a>
+    </div>
+
+    <div style="display: flex; align-items: center; margin-left: 10%; margin-top: 5%;">
+        <p class="title" style="margin-right: 0.5vw; margin-bottom: 0; margin-top: 0;">Title</p>
+    </div>
+    <p class="subtext" style="margin-left: 10%; margin-top: 0.1svw;">subtitle</p>
+    <p class="content"> Lorem ipsum dolor sit amet, consectetur dipiscing elit. Sed iaculis ante nisl. Suspendisse ut dignissim neque. Mauris ut eros metus. Vivamus et elit pellentesque, volutpat sapien vel, placerat sem. In hac habitasse platea dictumst. Aliquam nunc enim, convallis id felis non, lobortis varius ipsum. Sed aliquet maximus bibendum. Praesent in auctor eros. Sed venenatis gravida lectus, vitae tempus risus vestibulum id. Cras iaculis dapibus erat. In consectetur eu tellus ac fermentum.<br><br>
+        Vivamus et quam pellentesque sem mattis iaculis quis nec diam. Mauris ac accumsan ante, a convallis ligula. Nullam vitae congue est, nec malesuada lorem. Praesent eu lacus id ipsum auctor fringilla vitae nec dolor. Integer tempus, lectus sit amet pretium finibus, lacus felis fringilla dolor, eget fermentum sem justo at dui. Quisque metus ipsum, gravida et arcu eu, porttitor accumsan libero. Maecenas eleifend hendrerit dui quis sollicitudin. Integer laoreet, ante quis vehicula tempor, dui nulla lacinia nunc, congue ultricies ligula massa ac tellus. Nam tincidunt sit amet erat vitae semper.<br><br>
+        Vivamus eu volutpat nunc. Praesent id nunc neque. Aliquam erat volutpat. Sed mattis hendrerit erat eu efficitur. Etiam est nunc, ultricies at nulla ac, commodo suscipit metus. Quisque ut lorem justo. Nam convallis quam sem, a venenatis augue mollis in.</p>
+    <br>
+
+    <hr class="divider1">
+
+    <center>
+        <p class="subtext">bottom text</p>
+    </center>
+  </body>
+</html>
diff --git a/projects.html b/projects.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="style.css" />
+    <link rel="stylesheet" type="text/css" href="styles/style.css" />
     <title>Catniped - Projects</title>
   </head>
   <body style="background-color: rgb(82, 82, 138); margin: 0 0 0 0;">
@@ -12,7 +12,51 @@
       <a href="index.html">Homepage</a>
       <a href="blog.html">Blog</a>
       <a class="active" href="projects.html">Projects</a>
-    </div>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">the grungler / affordable powder 3DP </p><p id="content">a cheap 3D printer utilizing the binder jetting/3DP process, which allows for printing of a huge amount of materials via proper binder/powder material combinations.</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">full project rapid prototyping @ home</p><p id="content">working on getting a small machine shop in my home along with stocking various parts, to allow for rapid prototyping of full projects, where i will be able to mill, assemble, and print pcbs, parts, and other things, to finish projects without having to order anything.</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">mist iot </p><p id="content">older project i made for my school. a full closed loop system with a client, server backend, and firmware to allow for iot data collection and processing tailored for my needs. </p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">discord bots</p><p id="content">constellation bot, archiver bot, nugglink (made obsolete by carbons rewrite), catpixel/catpixel reimagined, skort/blahaj, and a few other little ones</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">stellar </p><p id="content">a fully custom keyboard designed by me, featuring a 65% layout, screen, and custom riscv firmware. *put on hold as i wait for my mill to arrive so i can dfm.</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">groove </p><p id="content">riscv low power lightweight wireless custom mouse based on the model o, to forever satisfy my needs </p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">unnamed custom fdm printer </p><p id="content">awd rapid prototyping fdm printer, with a custom control board system to make wiring cuter and allow for more options. inspired by the annex k3, hevort, vzbots. possibly gonna have a custom machined extruder/hotend too?</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">inventory management system </p><p id="content">a custom inventory management system to help organize part clutter and track my stock+help me order parts and manage boms for projects. integrations with electronic bins, spoolman, moonraker, printers, etc. to fully streamline the project building process</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">homelab </p><p id="content">homelab stuff for nas, hosting shop/home related services, and some other stuff. i currently run an old hp proliant dl320 g5p with 2x 500gb sata drives, a tplink switch/router, mounted on a small rack. plan to get some more powerful hardware, ups, and a bigger disk shelf soon</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">x style frame octocopter build </p><p id="content">octocopter thingamabob, so i can race with my dad and experiment with automated flights/missions</p><br>
+    </div><br>
+
+    <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container">
+      <p id="title">portfolio/personal website </p><p id="content">you are here! :3</p><br>
+    </div><br>
 
   </body>
 </html>
diff --git a/style.css → styles/style.css b/style.css → styles/style.css
@@ -13,6 +13,19 @@
 	font-size: 1vw;
 }
 
+.content {
+	-webkit-text-fill-color: aliceblue;
+	font-family: Poppins;
+	font-size: 1.5vw;
+	margin-left: 10%;
+	margin-right: 10%;
+	margin-top: 0.1svw;
+}
+
+a {
+	-webkit-text-fill-color: rgb(192, 158, 232);
+}
+
 .image1 {
 	height: 5%;
 	width: 5%;