Compare commits

...

25 Commits

Author SHA1 Message Date
Xavi
f6e54f87f6 added deploy script 2023-02-19 22:43:51 -08:00
Xavi
305f58dd8b Added .gitignore 2023-02-19 22:43:44 -08:00
Xavi
73044b89f0 Delete old html 2023-02-19 22:35:17 -08:00
Xavi
6bbe5a1210 Added peertube link 2023-02-19 11:05:01 -08:00
Xavi
90a71a6674 Updated dates 2023-02-19 11:04:54 -08:00
Xavi
6fe1e4d2c6 Edit CSS to include code block 2023-02-19 09:26:40 -08:00
Xavi
1af1ef39f6 Added Self Centeralizing and Cloudflare Post 2023-02-19 09:26:29 -08:00
Xavi
60547d713c Added favicon 2023-02-19 08:59:14 -08:00
Xavi
ff9128bb77 Added previous images 2023-02-19 08:58:26 -08:00
Xavi
c86c858448 Added Finally post 2023-02-19 08:58:05 -08:00
Xavi
9c14327da9 Added Picky Pasta Post 2023-02-19 00:39:00 -08:00
Xavi
7d402d4c10 Added Online! Image and changed index.html links 2023-02-18 23:39:49 -08:00
Xavi
c9bf98cb2c 404 CSS added and modified tots_heading css 2023-02-18 23:38:23 -08:00
Xavi
865d1668cd Added tags and Categories 2023-02-18 23:38:15 -08:00
Xavi
79da22ba37 Added Online! post 2023-02-18 23:37:04 -08:00
Xavi
8b107d63db Added Shortcode for Embedding Images 2023-02-18 23:35:47 -08:00
Xavi
21138c416c Added "Bottom of the Stack Post" 2023-02-18 12:55:34 -08:00
Xavi
0430cd237b New tab for External URL 2023-02-18 12:50:10 -08:00
Xavi
2982078069 Added Description and Date Format 2023-02-18 12:49:44 -08:00
Xavi
18987052ec Edit Header and footer 2023-02-18 11:32:32 -08:00
Xavi
540921de33 Edit single.html
Linked CSS
Added tots post divs
2023-02-18 11:31:08 -08:00
Xavi
fa6fac80ca Edit list.html
Linked CSS
Displays full post on list pages (ie. _index.md)
2023-02-18 11:29:24 -08:00
Xavi
fd09502b88 Edited default theme files 2023-02-17 23:05:17 -08:00
Xavi
4552907ca4 Added Xavi's Hobbies current homepage and css 2023-02-17 23:02:05 -08:00
Xavi
5dbbed3a6b Added Xavi theme 2023-02-17 23:01:30 -08:00
38 changed files with 635 additions and 521 deletions

6
.gitignore vendored Normal file
View File

@ -0,0 +1,6 @@
# local deploy
deploy.local
# ignore public dir
public/

View File

@ -1,15 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title>Car Restoration</title>
</head>
<body>
<h1> This Page is Under Construction </h1>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

View File

@ -1,15 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title>Circuit Design</title>
</head>
<body>
<h1> This Page is Under Construction </h1>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

View File

@ -1,106 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title>Cooking</title>
</head>
<body>
<h1> This Page is Under Construction </h1>
<h3 style="margin-bottom: 0px"> Tots Posts </h3>
<div class="tots_post">
<h3 class="entry_heading">Picky Pasta Person makes Pesto Ravioli</h3>
<h5 class="tots_date_category"> 2022-06-09 - Cooking - Pasta </h5>
<h4>Ingredients and Equipment Needed</h4>
<strong class="cooking_heading">Dough</strong>
<ul class="cooking_list">
<li> Rolling pin or pasta roller <strong>[something to smoosh the dough into a sheet]</strong></li>
<li> <em>2 cups</em> of all purpose flour</li>
<li> <em>1/2 teaspoon</em> kosher salt</li>
<li> <em>3</em> eggs</li>
<li> <em>2</em> egg yolks</li>
</ul>
<strong class="cooking_heading">Pesto Sauce</strong>
<ul class="cooking_list">
<li> Blender/Food processor <strong>[maybe a SUPER fast chopper man with a knife]</strong></li>
<li> <em>1 cup</em> basil</li>
<li> <em>3 cloves</em> of garlic</li>
<li> <em>1/3 cup</em> grated Parmesan</li>
<li> <em>1/2 teaspoon</em> kosher salt</li>
<li> <em>1/3 cup</em> of olive oil</li>
</ul>
<strong class="cooking_heading">Ravioli Filling</strong>
<ul class="cooking_list">
<li> <em>12 ounces</em> of ricotta</li>
<li> <em>1/2 cup</em> shredded mozzarella</li>
</ul>
<h4>Recipe</h4>
<strong class="cooking_heading">Make the dough first beacuse it needs to sit for 30 minutes</strong>
<ol class="cooking_list">
<li> Mix flour and salt together </li>
<li> Beat eggs and egg yolks and add to the flour</li>
<li> Mix until fully incorporated then knead for about 10 minutes- should be firm but not too grainy</li>
<li> Wrap in plastic wrap and let sit for 30 minutes </li>
</ol>
<strong class="cooking_heading">While dough sits start with the Pesto Sauce needed for the filling</strong>
<ol class="cooking_list">
<li> Combine all the pesto ingredients into blender/food processor and let'er rip<strong>[I used a blender and just make sure it doesn't pur&eacute;e the mixture]</strong></li>
<li> That's it, make sure it tastes good by making sure it doesn't need some extra salt</li>
</ol>
<strong class="cooking_heading">Making the Filling</strong>
<ol class="cooking_list">
<li>Mix your pesto, the ricotta, and the mozzarella together</li>
<li>That's it! Cooking is easy-peazy</li>
</ol>
<strong class="cooking_heading">Back to the dough and putting everything together</strong>
<ol class="cooking_list">
<li> Use the pasta roller or rolling pin to flatten the dough into a sheet <strong>[add some flour to your rolling device so the dough doesn't get stuck or sticky]</strong></li>
<li> Cut out ravioli sized squares <strong>[whatever your heart says that size is]</strong></li>
<li> Put a dollop of your filling in the middle of one of your squares</li>
<li> Very lightly wet the edges of the square with the dollop and another square<strong>[makes the edges sticky again]</strong></li>
<li> Lay the undolloped square on top the dolloped square and gently pinch the edges together </li>
<li> Then use a fork to smoosh the edges more and give them a classic ravioli look</li>
<li> Bring a pot of water to a boil and cook a few of the ravioli at a time for about 4 minutes <strong>[they can stick together if they touch while cooking which isn't too big of a deal but crowding is generally a bad idea from my xp]</strong></li>
<li> Then plate and add a tiny bit of butter and Parmesan. </li>
<li>Eat the food</li>
</ol>
<h4>Log</h4>
<p>I really dislike dried pasta. I feel like a lot of recipes say to cook pasta <i><em>al dente</em></i> but, if dried, you get a hard, chalky, stale center. I also think that making your own pasta dough is typically fast, easy, and tastes infinitely better.</p>
<p>Given this is my first <em>Cooking</em> post <strong>[my first anything other than Web Development post actually]</strong>, I'll preface it with my experience with cooking <strong>[or the lack thereof]</strong>. In all honesty, I just recently started cooking regularly. In the past I would get inspired to cook something but get discouraged when it didn't turn out as good as I wanted <strong>[even if the liars in my life said it was good]</strong>, and would go back to grabbing Taco Bell after work. Recently I decided that cooking should be approached like any other skill - starting at the basics and following guides until you gain the knowledge and confidence to experiment <strong>[and filled with feeling like you are terrible regardless of how much you progress]</strong>. So because I still am very much a beginner, I'll be following a lot of online recipes until I gain the confidence to refactor dishes for myself.</p>
<p>With that out of the way, I'll continue onto one of the meals I made this week.</p>
<p>I found a recipe for <a href="https://frugalnovice.com/homemade-pesto-ravioli/" target="_blank" rel="noopener noreferrer">Easy Homemade Pesto Ravioli</a> which used store bought pesto sauce and the link to the ravioli dough 404'd. So because I knew I wanted to make my own dough <strong>[given my rant at the start]</strong> I thought why not keep everything <em>Homemade</em>, including the pesto sauce. </p>
<p>So I found the recipe for <a href="https://saltandbaker.com/how-to-make-ravioli/" target="_blank" rel="noopener noreferrer">ravioli dough</a> and <a href="https://damndelicious.net/2014/07/05/easy-homemade-pesto/" target="_blank" rel="noopener noreferrer">pesto sauce</a> and put all three of these recipes together.</p>
<p> It turned out pretty tasty and I especially like having the light butter as the sauce topping as I always felt the whole point of ravioli was to have the flavor come from the stuffing and not the sauce on top.</p>
<p>I realize how stupid I am now for not taking pictures of the process so you can judge if you think it looks good but uhhh... yeah. I didn't take any pictures so I guess you just have to trust me that it was good.</p>
</div>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

View File

@ -1,15 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title>Music</title>
</head>
<body>
<h1> This Page is Under Construction </h1>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

265
tots.html
View File

@ -1,265 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title> Top of the Stack </title>
</head>
<body>
<h2 class="tots_heading">Top of the Stack</h2>
<div class="tots_post">
<h3 class="entry_heading">Self Centralizing?</h3>
<h5 class="tots_date_category"> 2022-06-24 - Home Server - Remote Access </h5>
<p> I have been pretty busy the last couple of days getting my home server configured. The reason I'm converting my old workstation to a server is because I recently purchased a pretty beefy laptop. I've recently found myself in need of more mobile computing power for projects and recreation <strong>[as much as I love my Thinkpad X220, it doesn't cut it when I am trying to get some games in with the boys]</strong>. </p>
<p> This week I did quite a bit of research on software that would allow me to be more self sufficient <strong>[in a digital sense, won't be any help if the grid goes down]</strong>. I was able to install some software <strong>[with some troubleshooting]</strong> but have yet to test them enough to conclude whether they are overkill for my purposes. A summary of what I've done
<ul>
<li> Install Hypervisor - <em>Proxmox</em> </li>
<li> Purchase and reconfigure storage for redundancy and increased capacity</li>
<li> Install and configure a remote work environment</li>
<li> Install a NAS OS to trial - <em>Open Media Vault</em></li>
</ul>
</p>
<p> I'll do a quick rundown of all these points.</p>
<h4>Hypervisor</h4>
<p>A <a href="https://www.redhat.com/en/topics/virtualization/what-is-a-hypervisor" target="_blank" rel="noopener noreferrer">hypervisor</a>, from my understanding, is the software that hosts and manages the guest OSs <strong>[guest OS is the fancy way of saying virtual machine/container/etc]</strong>. There are Type 1 and Type 2 hypervisors. Type 2 is software like <a href="https://www.virtualbox.org" target="_blank" rel="noopener noreferrer">Virtual Box</a> that run on top of another OS. For example, you have Windows installed and would like to try out Linux. You can install VirtualBox <i>ON</i> Windows and install Linux within VirtualBox. The point is the Virtualbox has to go through Windows to interact with the bare metal. A Type 1 hypervisor <i>IS</i> the OS that is running without other software between it and the bare metal. That's why Type 1 hypervisors are sometimes called bare metal hypervisors. The benefits of a Type 1 hypervisor is less overhead supporting the host OS as the software is typically extremely lightweight.</p>
<p>I settled on using <a href="https://www.proxmox.com/en/" target="_blank" rel="noopener noreferrer">Proxmox</a> which is a bare metal hypervisor. This is so I can stage and deploy a good number of containers and VMs without being throttled by the host OS. Additionally, Proxmox is an open-source project which is always a plus <strong>[pretty close to a must in my book]</strong>.</p>
<h4>Storage</h4>
<p> My old tower had <em>two 512 GB SSDs</em> for the main partitions for both my Linux <strong>[which was my daily driver during the pandemic]</strong> and Windows <strong>[which was basically just for games]</strong> install. It also had a <em>1TB HDD</em> which was used for storage on my Linux install. </p>
<p>Because I want to implement a self-hosted cloud storage solution and/or a media server, I wanted not only to increase the capacity, but also wanted to implement some redundancy in case of a drive failure. So I went out and got myself <em>two more 4TB HDDs</em>. I actually 3d printed two hard drive caddies for my case that I found on <a href="https://www.thingiverse.com/thing:4712276" target="_blank" rel="noopener noreferrer">Thingiverse</a>. I had another two 2.5 inch drive caddies that where meant for a different case but I just secured them where I could fit them with some zip ties.</p>
<p> So storage in total currently consists of <em>two 512 GB SSDs</em> - one that will be used as a <em>boot partition for my hypervisor</em> and the other will be used as a <em>cache</em>, <em>scratch</em>, or <em>boot partition</em> for the guest OSs - <em>two 4TB HDDs</em> - which will be configured to be a single 4TB mirrored volume for data storage <strong>[basically this means the data will be written twice, once on each drive, to ensure that failure of one drive wont lead to any data loss]</strong> - and <em>one 1TB HDD</em> - which will just be used for slow, low priority data <strong>[no redundancy, no speed, kinda the odd one out]</strong>.</p>
<p>I implemented the redundancy listed above using <em>ZFS</em>. <a href="https://www.redhat.com/en/topics/virtualization/what-is-a-hypervisor" target="_blank" rel="noopener noreferrer">ZFS</a> is a filesystem which allows for the disks to be collected into <em>storage pools</em> which then can be divided cleanly into distinct sets of data. I find myself always returning to this <a href="https://www.youtube.com/watch?v=mLbtJQmfumI" target="_blank" rel="noopener noreferrer">video</a> by <em>Linda Kateley</em> that explains the system extremely clearly.</p>
<p> Here are the list of commands I used to create the configuration mentioned above. </p>
<pre class="code_block">zpool create fastpool /dev/sda
zpool create safepool mirror /dev/sdb /dev/sdc
zpool create badpool /dev/sdd</pre>
<p>I created three pools, one called <em>fastpool</em> - which is the other SSD that isn't my boot drive for Proxmox - another called <em>safepool</em> - which is the mirrored 4TB storage pool - and <em>badpool</em> - which is the one that is neither fast nor redundant.</p>
<h4>Installed Operating Systems</h4>
<p>I fired up two guest operating systems to get myself started. One is an Arch Linux installation that copies my dot files from my old workstation. This just means that my configuration - window manager, terminal emulator, keybindings, etc - are transferred from my old daily driver. The other is a instance of Open Media Vault where I'll be storing my data <strong>[media server data?]</strong>.</p>
<p>For the workstation install I downloaded the Arch Linux ISO and uploaded it to <em>homeserv</em> through the Proxmox web gui <strong>[which is reached on port 8006 by default]</strong>. I chose to make this a container because they are a little more lightweight and I don't plan on doing any intense computing on it. I'll have to delve deeper into the significant difference between VM and CT are in the future.</p>
<p> I'll give the details on the OpenMediaVault installation in a later post because there are some bugs in the installer that required some interesting workarounds <strong>[and this post is 300000 lines long and a day late sooooo....]</strong>.</p>
<p> I'll try to write up some guides this weekend to document the entire process while its still fresh in my mind. </p>
</div>
<div class="tots_post">
<h3 class="entry_heading">Cloudflare Died!</h3>
<h5 class="tots_date_category"> 2022-06-21 - Web Development - Administration </h5>
<p> What unfortunate timing! I was about to writing up this post when I lost access to my VPS because Cloudflare went down. <a href="https://blog.cloudflare.com/cloudflare-outage-on-june-21-2022/" target="_blank" rel="noopener noreferrer">Here</a> is the <em>Cloudflare</em> postmortem where they discuss what happened.</p>
<p> It looks like they where trying to "[roll] out a change to standardize [their] <em>BGP</em>" and, from my understanding <strong>[which I would take with about a cup of salt]</strong>, moved the reject condition above "site-local terms". So the request would be rejected before being able to reach <a href="https://www.cloudflare.com/learning/cdn/glossary/origin-server/" target="_blank" rel="noopener noreferrer">origin servers</a> <strong>[as opposed to an edge or caching server]</strong>.</p>
<p> I might look more into BGP because I don't know about it at all. One for the stack I suppose. </p>
</div>
<div class="tots_post">
<h3 class="entry_heading">Finally Creating a HomeLab</h3>
<h5 class="tots_date_category"> 2022-06-16 - Home Lab - Administration </h5>
<p> I am currently in the process of setting up my home lab and am using my old computer as my new server. The plan is to make an environment where I can mess with all things networking and delve into self hosting <strong>[the more in my control, the less I can blame anyone else when everything explodes]</strong>.</p>
<p> In addition to configuring and researching the new server <strong>[or old server depending on how you look at it]</strong>, I've got some other projects brewing at the moment. I've been experimenting with creating a remote computing workspace that I can access from outside my network. I am also resurrecting my 3d printer that has been idle for about a year. I'll go into my setup and the modifications I've made to the stock <em>Ender 3 Pro</em> that I have.</p>
<p> Also here is something that I made today. </p>
<img class="resize" src="./images/crab.jpg" alt="Welded Crab" />
<p> I don't want to give to much info away but long story short I had a class on welding today where I made this little crab. I've never welded before today and it was pretty cool. Defiantly a lot more to explore and learn on that front. </p>
<p> Hope that holds you over till Monday! </p>
</div>
<div class="tots_post">
<h3 class="entry_heading">Picky Pasta Person makes Pesto Ravioli</h3>
<h5 class="tots_date_category"> 2022-06-09 - Cooking - Pasta </h5>
<h4>Ingredients and Equipment Needed</h4>
<strong class="cooking_heading">Dough</strong>
<ul class="cooking_list">
<li> Rolling pin or pasta roller <strong>[something to smoosh the dough into a sheet]</strong></li>
<li> <em>2 cups</em> of all purpose flour</li>
<li> <em>1/2 teaspoon</em> kosher salt</li>
<li> <em>3</em> eggs</li>
<li> <em>2</em> egg yolks</li>
</ul>
<strong class="cooking_heading">Pesto Sauce</strong>
<ul class="cooking_list">
<li> Blender/Food processor <strong>[maybe a SUPER fast chopper man with a knife]</strong></li>
<li> <em>1 cup</em> basil</li>
<li> <em>3 cloves</em> of garlic</li>
<li> <em>1/3 cup</em> grated Parmesan</li>
<li> <em>1/2 teaspoon</em> kosher salt</li>
<li> <em>1/3 cup</em> of olive oil</li>
</ul>
<strong class="cooking_heading">Ravioli Filling</strong>
<ul class="cooking_list">
<li> <em>12 ounces</em> of ricotta</li>
<li> <em>1/2 cup</em> shredded mozzarella</li>
</ul>
<h4>Recipe</h4>
<strong class="cooking_heading">Make the dough first beacuse it needs to sit for 30 minutes</strong>
<ol class="cooking_list">
<li> Mix flour and salt together </li>
<li> Beat eggs and egg yolks and add to the flour</li>
<li> Mix until fully incorporated then knead for about 10 minutes- should be firm but not too grainy</li>
<li> Wrap in plastic wrap and let sit for 30 minutes </li>
</ol>
<strong class="cooking_heading">While dough sits start with the Pesto Sauce needed for the filling</strong>
<ol class="cooking_list">
<li> Combine all the pesto ingredients into blender/food processor and let'er rip<strong>[I used a blender and just make sure it doesn't pur&eacute;e the mixture]</strong></li>
<li> That's it, make sure it tastes good by making sure it doesn't need some extra salt</li>
</ol>
<strong class="cooking_heading">Making the Filling</strong>
<ol class="cooking_list">
<li>Mix your pesto, the ricotta, and the mozzarella together</li>
<li>That's it! Cooking is easy-peazy</li>
</ol>
<strong class="cooking_heading">Back to the dough and putting everything together</strong>
<ol class="cooking_list">
<li> Use the pasta roller or rolling pin to flatten the dough into a sheet <strong>[add some flour to your rolling device so the dough doesn't get stuck or sticky]</strong></li>
<li> Cut out ravioli sized squares <strong>[whatever your heart says that size is]</strong></li>
<li> Put a dollop of your filling in the middle of one of your squares</li>
<li> Very lightly wet the edges of the square with the dollop and another square<strong>[makes the edges sticky again]</strong></li>
<li> Lay the undolloped square on top the dolloped square and gently pinch the edges together </li>
<li> Then use a fork to smoosh the edges more and give them a classic ravioli look</li>
<li> Bring a pot of water to a boil and cook a few of the ravioli at a time for about 4 minutes <strong>[they can stick together if they touch while cooking which isn't too big of a deal but crowding is generally a bad idea from my xp]</strong></li>
<li> Then plate and add a tiny bit of butter and Parmesan. </li>
<li>Eat the food</li>
</ol>
<h4>Log</h4>
<p>I really dislike dried pasta. I feel like a lot of recipes say to cook pasta <i><em>al dente</em></i> but, if dried, you get a hard, chalky, stale center. I also think that making your own pasta dough is typically fast, easy, and tastes infinitely better.</p>
<p>Given this is my first <em>Cooking</em> post <strong>[my first anything other than Web Development post actually]</strong>, I'll preface it with my experience with cooking <strong>[or the lack thereof]</strong>. In all honesty, I just recently started cooking regularly. In the past I would get inspired to cook something but get discouraged when it didn't turn out as good as I wanted <strong>[even if the liars in my life said it was good]</strong>, and would go back to grabbing Taco Bell after work. Recently I decided that cooking should be approached like any other skill - starting at the basics and following guides until you gain the knowledge and confidence to experiment <strong>[and filled with feeling like you are terrible regardless of how much you progress]</strong>. So because I still am very much a beginner, I'll be following a lot of online recipes until I gain the confidence to refactor dishes for myself.</p>
<p>With that out of the way, I'll continue onto one of the meals I made this week.</p>
<p>I found a recipe for <a href="https://frugalnovice.com/homemade-pesto-ravioli/" target="_blank" rel="noopener noreferrer">Easy Homemade Pesto Ravioli</a> which used store bought pesto sauce and the link to the ravioli dough 404'd. So because I knew I wanted to make my own dough <strong>[given my rant at the start]</strong> I thought why not keep everything <em>Homemade</em>, including the pesto sauce. </p>
<p>So I found the recipe for <a href="https://saltandbaker.com/how-to-make-ravioli/" target="_blank" rel="noopener noreferrer">ravioli dough</a> and <a href="https://damndelicious.net/2014/07/05/easy-homemade-pesto/" target="_blank" rel="noopener noreferrer">pesto sauce</a> and put all three of these recipes together.</p>
<p> It turned out pretty tasty and I especially like having the light butter as the sauce topping as I always felt the whole point of ravioli was to have the flavor come from the stuffing and not the sauce on top.</p>
<p>I realize how stupid I am now for not taking pictures of the process so you can judge if you think it looks good but uhhh... yeah. I didn't take any pictures so I guess you just have to trust me that it was good.</p>
</div>
<div class="tots_post">
<h3 class="entry_heading">Online!</h3>
<h5 class="tots_date_category"> 2022-06-06 - Web Development - Administration </h5>
<p> Hopefully you can see this because that means that I didn't mess anything up when updating the site! I'll quickly recap what I did over the last week and clarify what's in the pipeline for this upcoming week.</p>
<p>So I ended up destroying and remaking the <a href="https://www.vultr.com/" target="_blank" rel="noopener noreferrer">Vultr</a> VPS <strong>[Virtual Private Server if I didn't clarify that previously]</strong> so that I could have a fresh, clean environment to start messing around in. I decided to go with their smallest, and cheapest plan to start things off <strong>[I think it can handle the traffic that I expect to start "pouring" in]</strong>.</p>
<img class="resize" src="./images/vultr_1.png" alt="Vultr Pricing" />
<figcaption>Vultr Cloud Pricing</figcaption>
<p>I found this <a href="https://www.youtube.com/watch?v=-B-4RG8Q0aw" target="_blank" rel="noopener noreferrer">video</a> that explained how to calculate how much needed bandwidth I needed to budget for. Again I don't think I need much <strong>[something tells me I'm the only one checking in on this website 100 times a day]</strong>. I stuck with a <a href="https://www.debian.org/" target="_blank" rel="noopener noreferrer">Debian</a> distribution for no reason in particular other than it's what I used previously on other VPSs <strong>[if your unfamiliar with Linux and Linux distributions I'll make some intro to Linux guides in the future that'll explain all the common nerd jargon]</strong>.</p>
<p>I grabbed the domain name from <a href="https://www.dynadot.com/" target="_blank" rel="noopener noreferrer">dynadot</a> and changed the DNS records to have it point to the IP of the VPS. I'll write up a full guide for this in a bit <strong>[honestly it's pretty easy]</strong>. I then installed nGinx, changed the config files to point to the html/css files, and started the service <strong>[kinda skipped the nitty gritty but again, guide incoming]</strong>. </p>
<p>I was able to visit the site at this point from a client device but still had to set up <a href="https://www.ssl.com/faqs/what-is-https/" target="_blank" rel="noopener noreferrer">SSL</a> <strong>[Secure Sockets Layer]</strong> so that the connection was encrypted. Apparently it was pretty uncommon in the past to have encrypted connections on personal websites but that was changed with the help of the <a href="https://www.eff.org/" target="_blank" rel="noopener noreferrer">EFF</a> with <a href="https://letsencrypt.org/" target="_blank" rel="noopener noreferrer">let's encrypt</a> which offers free, open certificates <strong>[pretty cool of them honestly]</strong>. To make things even easier they also provide a python script(?) called <a href="https://certbot.eff.org/" target="_blank" rel="noopener noreferrer">certbot</a> which automates the process of obtaining one of these ssl certificates. After I ran it I got the cool green lock icon in the address bar and was feeling pretty cool myself! <strong>:)</strong></p>
<p> Those were the major updates for this week. Next week I'll be looking into hosting a git server to upload my code <strong>[including anything that I create for this website ie. html/css/scripting stuff]</strong> and a git visualiser. Hosting a git server seems easy enough but finding the right visualiser might need a bit more research. Right now the most promising candidate is <a href="https://codemadness.org/stagit.html" target="_blank" rel="noopener noreferrer">stagit</a> which is a static git page generator. Hope that works out.</p>
<p> The stretch goal for this week is the possibility to host videos with <strong>[maybe?]</strong> a <a href="https://joinpeertube.org/" target="_blank" rel="noopener noreferrer">peertube</a> instance. Not sure how much of a pain and/or the bandwidth limitations will throttle the experience too much but it sounds useful to post, even short, videos demonstrating processes explicitly <strong>[if a picture is 1000 words than what does that make a video]</strong>.</p>
<p> That's the update for the week.</p>
<p> Next <em>TODOS! <strong>[Can be updated throughout the week]</strong></em></p>
<ul>
<li> <input type="checkbox" class="todos"> Look into hosting git server</li>
<li><input type="checkbox" class="todos"> Set up gitolite for git permissions</li>
<li><input type="checkbox" class="todos"> Set up stagit for git visualization</li>
<li><input type="checkbox" class="todos"> Possibly Peertube for embedded videos</li>
</ul>
</div>
<div class="tots_post">
<h3 class="entry_heading">Bottom of the Stack</h3>
<h5 class="tots_date_category"> 2022-06-02 - Web Development - html/css </h5>
<p> I'll start things off with the <em>design goals</em> of this very website and what <em>I have done so far</em> to get things going. </p>
<p> Unless things have changed drastically by the time you read this <strong>[which I doubt it has]</strong>, it should be a fairly vanilla 1995 World Wide Web experience.
There are a couple reasons I chose to go this route. </p>
<p>Aside from the glaring hurdle that is my complete lack of any formal or informal web development experience, I like keeping the <a href="https://homepage.cs.uri.edu/~thenry/resources/unix_art/ch01s06.html" target="_blank" rel="noopener noreferrer">UNIX philosophy</a> in mind when working on my projects <strong>[although manipulated to mean exactly what I want it to mean at any given time]</strong>.
For those unfamiliar, the basic principle is to design programs to <em>do one thing and one thing well</em>.
I want this website to be a place where I throw my ideas into the void and can reference them later <strong>[and maybe share some of that knowledge to the few that find themselves here]</strong>.
Although fun, interactive, dynamic features would be cool to look at, I think it, ultimately, restricts my ability to complete this goal effectively.</p>
<p> That isn't to say that I am completely against adding any scripting for the sake of learning or experimenting <strong>[this IS a hobby website after all]</strong>, but I do want to be able to quickly document my progress without too much thought on aesthetic <strong>[aside from some font colors]</strong>. </p>
<p> But let me get down to brass tacks, what have I done so far. </p>
<p> Well if I am being completely honest, we aren't even online yet.
I bought a domain name from <a href="https://www.dynadot.com/" target="_blank" rel="noopener noreferrer">dynadot</a> and have a <a href="https://www.vultr.com/" target="_blank" rel="noopener noreferrer">Vultr</a> VPS <strong>[hosting some other things at the moment]</strong>, but haven't set anything else up.
I'll look up some guides tomorrow <strong>[famous last words]</strong> to see how to get us up and running. </p>
<p> So that's what I haven't done.
<em>What I have done</em> is started getting comfortable with <em>HTML/CSS</em>.
I have written in other markup languages like Markdown and LaTeX so it wasn't too painful to pick up but getting used to syntax is something you can't really rush <strong>[maybe you can but I can't]</strong>. </p>
<p> So, a few of the things I've learned so far: <p>
<ol>
<li>Basic HTML structure ie. Defining a page with <em>"&lt;!DOCTYPE html&gt;"</em> as well as <em>&lt;head&gt;</em>, <em>&lt;body&gt;</em>, and <em>&lt;html&gt;</em> tags.</li>
<li>Other Basic HTML tags ie. <em>&lt;p&gt;</em>, <em>&lt;strong&gt;</em>, <em>&lt;em&gt;</em>, etc.</li>
<li> How to link to a style sheet <strong>[a cascading one to be exact]</strong> with <br/><em>&lt;link rel="stylesheet" type="text/css" href="$(LOCATION OF THE STYLE SHEET)" /&gt;</em></li>
<li>Defining specific tags with <em>id</em>, ie. <em>id="name_of_tag"</em></li>
<li> Basic CSS syntax </li>
<li> Referencing specific tags by id with <em>#$(ID_NAME)</em> </li>
</ol>
<p> Next <em>TODOS! <strong>[Can be updated throughout the week]</strong></em></p>
<ul>
<li> <input type="checkbox" class="todos"> Link Domain Name to VPS</li>
<li><input type="checkbox" class="todos"> nGinx, WHAT IS THAT?</li>
<li> <input type="checkbox" class="todos"> Look into hosting git server</li>
<li><input type="checkbox" class="todos"> Set up gitolite for git permissions</li>
<li><input type="checkbox" class="todos"> Set up stagit for git visualization</li>
<li><input type="checkbox" class="todos"> Possibly Peertube for embedded videos</li>
</ul>
</div>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

View File

@ -1,95 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" />
<title>Web Development</title>
</head>
<body>
<h1> This Page is Under Construction </h1>
<h3 style="margin-bottom: 0px"> Tots Posts </h3>
<div class="tots_post">
<h3 class="entry_heading">Online!</h3>
<h5 class="tots_date_category"> 2022-06-06 - Web Development - Administration </h5>
<p> Hopefully you can see this because that means that I didn't mess anything up when updating the site! I'll quickly recap what I did over the last week and clarify what's in the pipeline for this upcoming week.</p>
<p>So I ended up destroying and remaking the <a href="https://www.vultr.com/" target="_blank" rel="noopener noreferrer">Vultr</a> VPS <strong>[Virtual Private Server if I didn't clarify that previously]</strong> so that I could have a fresh, clean environment to start messing around in. I decided to go with their smallest, and cheapest plan to start things off <strong>[I think it can handle the traffic that I expect to start "pouring" in]</strong>.</p>
<img class="resize" src="./images/vultr_1.png" alt="Vultr Pricing" />
<figcaption>Vultr Cloud Pricing</figcaption>
<p>I found this <a href="https://www.youtube.com/watch?v=-B-4RG8Q0aw" target="_blank" rel="noopener noreferrer">video</a> that explained how to calculate how much needed bandwidth I needed to budget for. Again I don't think I need much <strong>[something tells me I'm the only one checking in on this website 100 times a day]</strong>. I stuck with a <a href="https://www.debian.org/" target="_blank" rel="noopener noreferrer">Debian</a> distribution for no reason in particular other than it's what I used previously on other VPSs <strong>[if your unfamiliar with Linux and Linux distributions I'll make some intro to Linux guides in the future that'll explain all the common nerd jargon]</strong>.</p>
<p>I grabbed the domain name from <a href="https://www.dynadot.com/" target="_blank" rel="noopener noreferrer">dynadot</a> and changed the DNS records to have it point to the IP of the VPS. I'll write up a full guide for this in a bit <strong>[honestly it's pretty easy]</strong>. I then installed nGinx, changed the config files to point to the html/css files, and started the service <strong>[kinda skipped the nitty gritty but again, guide incoming]</strong>. </p>
<p>I was able to visit the site at this point from a client device but still had to set up <a href="https://www.ssl.com/faqs/what-is-https/" target="_blank" rel="noopener noreferrer">SSL</a> <strong>[Secure Sockets Layer]</strong> so that the connection was encrypted. Apparently it was pretty uncommon in the past to have encrypted connections on personal websites but that was changed with the help of the <a href="https://www.eff.org/" target="_blank" rel="noopener noreferrer">EFF</a> with <a href="https://letsencrypt.org/" target="_blank" rel="noopener noreferrer">let's encrypt</a> which offers free, open certificates <strong>[pretty cool of them honestly]</strong>. To make things even easier they also provide a python script(?) called <a href="https://certbot.eff.org/" target="_blank" rel="noopener noreferrer">certbot</a> which automates the process of obtaining one of these ssl certificates. After I ran it I got the cool green lock icon in the address bar and was feeling pretty cool myself! <strong>:)</strong></p>
<p> Those were the major updates for this week. Next week I'll be looking into hosting a git server to upload my code <strong>[including anything that I create for this website ie. html/css/scripting stuff]</strong> and a git visualiser. Hosting a git server seems easy enough but finding the right visualiser might need a bit more research. Right now the most promising candidate is <a href="https://codemadness.org/stagit.html" target="_blank" rel="noopener noreferrer">stagit</a> which is a static git page generator. Hope that works out.</p>
<p> The stretch goal for this week is the possibility to host videos with <strong>[maybe?]</strong> a <a href="https://joinpeertube.org/" target="_blank" rel="noopener noreferrer">peertube</a> instance. Not sure how much of a pain and/or the bandwidth limitations will throttle the experience too much but it sounds useful to post, even short, videos demonstrating processes explicitly <strong>[if a picture is 1000 words than what does that make a video]</strong>.</p>
<p> That's the update for the week.</p>
<p> Next <em>TODOS! <strong>[Can be updated throughout the week]</strong></em></p>
<ul>
<li> <input type="checkbox" class="todos"> Look into hosting git server</li>
<li><input type="checkbox" class="todos"> Set up gitolite for git permissions</li>
<li><input type="checkbox" class="todos"> Set up stagit for git visualization</li>
<li><input type="checkbox" class="todos"> Possibly Peertube for embedded videos</li>
</ul>
</div>
<div class="tots_post">
<h3 class="entry_heading">Bottom of the Stack</h3>
<h5 class="tots_date_category"> 2022-06-02 - Web Development - html/css </h5>
<p> I'll start things off with the <em>design goals</em> of this very website and what <em>I have done so far</em> to get things going. </p>
<p> Unless things have changed drastically by the time you read this <strong>[which I doubt it has]</strong>, it should be a fairly vanilla 1995 World Wide Web experience.
There are a couple reasons I chose to go this route. </p>
<p>Aside from the glaring hurdle that is my complete lack of any formal or informal web development experience, I like keeping the <a href="https://homepage.cs.uri.edu/~thenry/resources/unix_art/ch01s06.html" target="_blank" rel="noopener noreferrer">UNIX philosophy</a> in mind when working on my projects <strong>[although manipulated to mean exactly what I want it to mean at any given time]</strong>.
For those unfamiliar, the basic principle is to design programs to <em>do one thing and one thing well</em>.
I want this website to be a place where I throw my ideas into the void and can reference them later <strong>[and maybe share some of that knowledge to the few that find themselves here]</strong>.
Although fun, interactive, dynamic features would be cool to look at, I think it, ultimately, restricts my ability to complete this goal effectively.</p>
<p> That isn't to say that I am completely against adding any scripting for the sake of learning or experimenting <strong>[this IS a hobby website after all]</strong>, but I do want to be able to quickly document my progress without too much thought on aesthetic <strong>[aside from some font colors]</strong>. </p>
<p> But let me get down to brass tacks, what have I done so far. </p>
<p> Well if I am being completely honest, we aren't even online yet.
I bought a domain name from <a href="https://www.dynadot.com/" target="_blank" rel="noopener noreferrer">dynadot</a> and have a <a href="https://www.vultr.com/" target="_blank" rel="noopener noreferrer">Vultr</a> VPS <strong>[hosting some other things at the moment]</strong>, but haven't set anything else up.
I'll look up some guides tomorrow <strong>[famous last words]</strong> to see how to get us up and running. </p>
<p> So that's what I haven't done.
<em>What I have done</em> is started getting comfortable with <em>HTML/CSS</em>.
I have written in other markup languages like Markdown and LaTeX so it wasn't too painful to pick up but getting used to syntax is something you can't really rush <strong>[maybe you can but I can't]</strong>. </p>
<p> So, a few of the things I've learned so far: <p>
<ol>
<li>Basic HTML structure ie. Defining a page with <em>"&lt;!DOCTYPE html&gt;"</em> as well as <em>&lt;head&gt;</em>, <em>&lt;body&gt;</em>, and <em>&lt;html&gt;</em> tags.</li>
<li>Other Basic HTML tags ie. <em>&lt;p&gt;</em>, <em>&lt;strong&gt;</em>, <em>&lt;em&gt;</em>, etc.</li>
<li> How to link to a style sheet <strong>[a cascading one to be exact]</strong> with <br/><em>&lt;link rel="stylesheet" type="text/css" href="$(LOCATION OF THE STYLE SHEET)" /&gt;</em></li>
<li>Defining specific tags with <em>id</em>, ie. <em>id="name_of_tag"</em></li>
<li> Basic CSS syntax </li>
<li> Referencing specific tags by id with <em>#$(ID_NAME)</em> </li>
</ol>
<p> Next <em>TODOS! <strong>[Can be updated throughout the week]</strong></em></p>
<ul>
<li> <input type="checkbox" class="todos"> Link Domain Name to VPS</li>
<li><input type="checkbox" class="todos"> nGinx, WHAT IS THAT?</li>
<li> <input type="checkbox" class="todos"> Look into hosting git server</li>
<li><input type="checkbox" class="todos"> Set up gitolite for git permissions</li>
<li><input type="checkbox" class="todos"> Set up stagit for git visualization</li>
<li><input type="checkbox" class="todos"> Possibly Peertube for embedded videos</li>
</ul>
</div>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

View File

View File

@ -0,0 +1,8 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
description:
categories:
tags:
---

5
xavishobbies/config.toml Normal file
View File

@ -0,0 +1,5 @@
baseURL = 'https://xavishobbies.org/'
languageCode = 'en-us'
title = 'Xavis Hobbies'
theme='xavis'

View File

@ -0,0 +1,5 @@
---
title: "Cooking"
date: 2023-02-18T23:55:38-08:00
---

View File

@ -0,0 +1,140 @@
---
title: "Picky_Pasta_Person_makes_Pesto_Ravioli"
date: 2022-06-09T23:47:52-08:00
description: Cooking - Pasta
categories: ["Top_of_the_Stack"]
---
#### Ingredients and Equipment Needed
**Dough**
- Rolling pin or pasta roller **\[something to smoosh the dough into a
sheet\]**
- *2 cups* of all purpose flour
- *1/2 teaspoon* kosher salt
- *3* eggs
- *2* egg yolks
{{< line_break >}}
**Pesto Sauce**
- Blender/Food processor **\[maybe a SUPER fast chopper man with a
knife\]**
- *1 cup* basil
- *3 cloves* of garlic
- *1/3 cup* grated Parmesan
- *1/2 teaspoon* kosher salt
- *1/3 cup* of olive oil
{{< line_break >}}
**Ravioli Filling**
- *12 ounces* of ricotta
- *1/2 cup* shredded mozzarella
{{< line_break >}}
#### Recipe
**Make the dough first beacuse it needs to sit for 30 minutes**
1. Mix flour and salt together
2. Beat eggs and egg yolks and add to the flour
3. Mix until fully incorporated then knead for about 10 minutes- should
be firm but not too grainy
4. Wrap in plastic wrap and let sit for 30 minutes
{{< line_break >}}
**While dough sits start with the Pesto Sauce needed for the filling**
1. Combine all the pesto ingredients into blender/food processor and
let\'er rip**\[I used a blender and just make sure it doesn\'t purée
the mixture\]**
2. That\'s it, make sure it tastes good by making sure it doesn\'t need
some extra salt
{{< line_break >}}
**Making the Filling**
1. Mix your pesto, the ricotta, and the mozzarella together
2. That\'s it! Cooking is easy-peazy
{{< line_break >}}
**Back to the dough and putting everything together**
1. Use the pasta roller or rolling pin to flatten the dough into a
sheet **\[add some flour to your rolling device so the dough
doesn\'t get stuck or sticky\]**
2. Cut out ravioli sized squares **\[whatever your heart says that size
is\]**
3. Put a dollop of your filling in the middle of one of your squares
4. Very lightly wet the edges of the square with the dollop and another
square**\[makes the edges sticky again\]**
5. Lay the undolloped square on top the dolloped square and gently
pinch the edges together
6. Then use a fork to smoosh the edges more and give them a classic
ravioli look
7. Bring a pot of water to a boil and cook a few of the ravioli at a
time for about 4 minutes **\[they can stick together if they touch
while cooking which isn\'t too big of a deal but crowding is
generally a bad idea from my xp\]**
8. Then plate and add a tiny bit of butter and Parmesan.
9. Eat the food
{{< line_break >}}
#### Log
I really dislike dried pasta. I feel like a lot of recipes say to cook
pasta **al dente** but, if dried, you get a hard, chalky, stale center.
I also think that making your own pasta dough is typically fast, easy,
and tastes infinitely better.
Given this is my first *Cooking* post **\[my first anything other than
Web Development post actually\]**, I\'ll preface it with my experience
with cooking **\[or the lack thereof\]**. In all honesty, I just
recently started cooking regularly. In the past I would get inspired to
cook something but get discouraged when it didn\'t turn out as good as I
wanted **\[even if the liars in my life said it was good\]**, and would
go back to grabbing Taco Bell after work. Recently I decided that
cooking should be approached like any other skill - starting at the
basics and following guides until you gain the knowledge and confidence
to experiment **\[and filled with feeling like you are terrible
regardless of how much you progress\]**. So because I still am very much
a beginner, I\'ll be following a lot of online recipes until I gain the
confidence to refactor dishes for myself.
With that out of the way, I\'ll continue onto one of the meals I made
this week.
I found a recipe for [Easy Homemade Pesto
Ravioli](https://frugalnovice.com/homemade-pesto-ravioli/)
which used store bought pesto sauce and the
link to the ravioli dough 404\'d. So because I knew I wanted to make my
own dough **\[given my rant at the start\]** I thought why not keep
everything *Homemade*, including the pesto sauce.
So I found the recipe for [ravioli
dough](https://saltandbaker.com/how-to-make-ravioli/)
and [pesto sauce](https://damndelicious.net/2014/07/05/easy-homemade-pesto/)
and put all three of these recipes together.
It turned out pretty tasty and I especially like having the light butter
as the sauce topping as I always felt the whole point of ravioli was to
have the flavor come from the stuffing and not the sauce on top.
I realize how stupid I am now for not taking pictures of the process so
you can judge if you think it looks good but uhhh\... yeah. I didn\'t
take any pictures so I guess you just have to trust me that it was good.

View File

@ -0,0 +1,5 @@
---
title: "Home_Lab"
date: 2023-02-19T08:21:03-08:00
---

View File

@ -0,0 +1,31 @@
---
title: "Finally_Creating_a_Homelab"
date: 2022-06-16T08:20:43-08:00
description: Home Lab - Administration
categories: ["Top_of_the_Stack"]
tags: ["Home Lab", "Administration"]
---
I am currently in the process of setting up my home lab and am using my
old computer as my new server. The plan is to make an environment where
I can mess with all things networking and delve into self hosting
**\[the more in my control, the less I can blame anyone else when
everything explodes\]**.
In addition to configuring and researching the new server **\[or old
server depending on how you look at it\]**, I\'ve got some other
projects brewing at the moment. I\'ve been experimenting with creating a
remote computing workspace that I can access from outside my network. I
am also resurrecting my 3d printer that has been idle for about a year.
I\'ll go into my setup and the modifications I\'ve made to the stock
*Ender 3 Pro* that I have.
Also here is something that I made today.
{{< image_sc "/crab.jpg" "Welded Crab" "Welded Crab" >}}
I don\'t want to give to much info away but long story short I had a
class on welding today where I made this little crab. I\'ve never welded
before today and it was pretty cool. Defiantly a lot more to explore and
learn on that front.
Hope that holds you over till Monday!

View File

@ -0,0 +1,128 @@
---
title: "Self_centralizing"
date: 2022-06-24T09:08:58-08:00
description: Home Server - Remote Access
categories: ["Top_of_the_Stack"]
tags: ["Home Server", "Remote Access"]
---
I have been pretty busy the last couple of days getting my home server
configured. The reason I\'m converting my old workstation to a server is
because I recently purchased a pretty beefy laptop. I\'ve recently found
myself in need of more mobile computing power for projects and
recreation **\[as much as I love my Thinkpad X220, it doesn\'t cut it
when I am trying to get some games in with the boys\]**.
This week I did quite a bit of research on software that would allow me
to be more self sufficient **\[in a digital sense, won\'t be any help if
the grid goes down\]**. I was able to install some software **\[with
some troubleshooting\]** but have yet to test them enough to conclude
whether they are overkill for my purposes. A summary of what I\'ve done
- Install Hypervisor - *Proxmox*
- Purchase and reconfigure storage for redundancy and increased
capacity
- Install and configure a remote work environment
- Install a NAS OS to trial - *Open Media Vault*
I\'ll do a quick rundown of all these points.
#### Hypervisor
A
[hypervisor](https://www.redhat.com/en/topics/virtualization/what-is-a-hypervisor),
from my understanding, is the software that
hosts and manages the guest OSs **\[guest OS is the fancy way of saying
virtual machine/container/etc\]**. There are Type 1 and Type 2
hypervisors. Type 2 is software like [Virtual
Box](https://www.virtualbox.org) that run on top of another OS. For example,
you have Windows installed and would like to try out Linux. You can
install VirtualBox *ON* Windows and install Linux within VirtualBox. The
point is the Virtualbox has to go through Windows to interact with the
bare metal. A Type 1 hypervisor *IS* the OS that is running without
other software between it and the bare metal. That\'s why Type 1
hypervisors are sometimes called bare metal hypervisors. The benefits of
a Type 1 hypervisor is less overhead supporting the host OS as the
software is typically extremely lightweight.
I settled on using
[Proxmox](https://www.proxmox.com/en/)
which is a bare metal hypervisor. This is so
I can stage and deploy a good number of containers and VMs without being
throttled by the host OS. Additionally, Proxmox is an open-source
project which is always a plus **\[pretty close to a must in my
book\]**.
#### Storage
My old tower had *two 512 GB SSDs* for the main partitions for both my
Linux **\[which was my daily driver during the pandemic\]** and Windows
**\[which was basically just for games\]** install. It also had a *1TB
HDD* which was used for storage on my Linux install.
Because I want to implement a self-hosted cloud storage solution and/or
a media server, I wanted not only to increase the capacity, but also
wanted to implement some redundancy in case of a drive failure. So I
went out and got myself *two more 4TB HDDs*. I actually 3d printed two
hard drive caddies for my case that I found on
[Thingiverse.](https://www.thingiverse.com/thing:4712276)
I had another two 2.5 inch drive caddies
that where meant for a different case but I just secured them where I
could fit them with some zip ties.
So storage in total currently consists of *two 512 GB SSDs* - one that
will be used as a *boot partition for my hypervisor* and the other will
be used as a *cache*, *scratch*, or *boot partition* for the guest OSs -
*two 4TB HDDs* - which will be configured to be a single 4TB mirrored
volume for data storage **\[basically this means the data will be
written twice, once on each drive, to ensure that failure of one drive
wont lead to any data loss\]** - and *one 1TB HDD* - which will just be
used for slow, low priority data **\[no redundancy, no speed, kinda the
odd one out\]**.
I implemented the redundancy listed above using *ZFS*.
[ZFS](https://www.redhat.com/en/topics/virtualization/what-is-a-hypervisor)
is a filesystem which allows for the disks to
be collected into *storage pools* which then can be divided cleanly into
distinct sets of data. I find myself always returning to this
[video](https://www.youtube.com/watch?v=mLbtJQmfumI)
by *Linda Kateley* that explains the system
extremely clearly.
Here are the list of commands I used to create the configuration
mentioned above.
``` code_block
zpool create fastpool /dev/sda
zpool create safepool mirror /dev/sdb /dev/sdc
zpool create badpool /dev/sdd
```
I created three pools, one called *fastpool* - which is the other SSD
that isn\'t my boot drive for Proxmox - another called *safepool* -
which is the mirrored 4TB storage pool - and *badpool* - which is the
one that is neither fast nor redundant.
#### Installed Operating Systems
I fired up two guest operating systems to get myself started. One is an
Arch Linux installation that copies my dot files from my old
workstation. This just means that my configuration - window manager,
terminal emulator, keybindings, etc - are transferred from my old daily
driver. The other is a instance of Open Media Vault where I\'ll be
storing my data **\[media server data?\]**.
For the workstation install I downloaded the Arch Linux ISO and uploaded
it to *homeserv* through the Proxmox web gui **\[which is reached on
port 8006 by default\]**. I chose to make this a container because they
are a little more lightweight and I don\'t plan on doing any intense
computing on it. I\'ll have to delve deeper into the significant
difference between VM and CT are in the future.
I\'ll give the details on the OpenMediaVault installation in a later
post because there are some bugs in the installer that required some
interesting workarounds **\[and this post is 300000 lines long and a day
late sooooo\....\]**.
I\'ll try to write up some guides this weekend to document the entire
process while its still fresh in my mind.

View File

@ -0,0 +1,5 @@
---
title: "Web_Development"
date: 2023-02-18T12:01:59-08:00
---

View File

@ -0,0 +1,75 @@
---
title: "Bottom_of_the_Stack"
date: 2022-06-02T11:39:24-08:00
description: Web Development - html/css
categories: ["Top_of_the_Stack"]
tags: ["Web Development","HTML/CSS"]
---
I\'ll start things off with the *design goals* of this very website and
what *I have done so far* to get things going.
Unless things have changed drastically by the time you read this
**\[which I doubt it has\]**, it should be a fairly vanilla 1995 World
Wide Web experience. There are a couple reasons I chose to go this
route.
Aside from the glaring hurdle that is my complete lack of any formal or
informal web development experience, I like keeping the [UNIX
philosophy](https://homepage.cs.uri.edu/~thenry/resources/unix_art/ch01s06.html)
in mind when working on my projects
**\[although manipulated to mean exactly what I want it to mean at any
given time\]**. For those unfamiliar, the basic principle is to design
programs to *do one thing and one thing well*. I want this website to be
a place where I throw my ideas into the void and can reference them
later **\[and maybe share some of that knowledge to the few that find
themselves here\]**. Although fun, interactive, dynamic features would
be cool to look at, I think it, ultimately, restricts my ability to
complete this goal effectively.
That isn\'t to say that I am completely against adding any scripting for
the sake of learning or experimenting **\[this IS a hobby website after
all\]**, but I do want to be able to quickly document my progress
without too much thought on aesthetic **\[aside from some font
colors\]**.
But let me get down to brass tacks, what have I done so far.
Well if I am being completely honest, we aren\'t even online yet. I
bought a domain name from
[dynadot](https://www.dynadot.com/)
and have a
[Vultr](https://www.vultr.com/)
VPS **\[hosting some other things at the
moment\]**, but haven\'t set anything else up. I\'ll look up some guides
tomorrow **\[famous last words\]** to see how to get us up and running.
So that\'s what I haven\'t done. *What I have done* is started getting
comfortable with *HTML/CSS*. I have written in other markup languages
like Markdown and LaTeX so it wasn\'t too painful to pick up but getting
used to syntax is something you can\'t really rush **\[maybe you can but
I can\'t\]**.
So, a few of the things I\'ve learned so far:
1. Basic HTML structure ie. Defining a page with *\"\<!DOCTYPE
html\>\"* as well as *\<head\>*, *\<body\>*, and *\<html\>* tags.
2. Other Basic HTML tags ie. *\<p\>*, *\<strong\>*, *\<em\>*, etc.
3. How to link to a style sheet **\[a cascading one to be exact\]**
with\
*\<link rel=\"stylesheet\" type=\"text/css\" href=\"\$(LOCATION OF
THE STYLE SHEET)\" /\>*
4. Defining specific tags with *id*, ie. *id=\"name_of_tag\"*
5. Basic CSS syntax
6. Referencing specific tags by id with *#\$(ID_NAME)*
Next *TODOS! **\[Can be updated throughout the week\]***
- Link Domain Name to VPS
- nGinx, WHAT IS THAT?
- Look into hosting git server
- Set up gitolite for git permissions
- Set up stagit for git visualization
- Possibly Peertube for embedded videos

View File

@ -0,0 +1,26 @@
---
title: "Cloudflare_Died"
date: 2022-06-21T09:03:44-08:00
description: Web Development - Administration
categories: ["Top_of_the_Stack"]
tags: ["Web Development", "Administration"]
---
What unfortunate timing! I was about to writing up this post when I lost
access to my VPS because Cloudflare went down.
[Here](https://blog.cloudflare.com/cloudflare-outage-on-june-21-2022/)
is the *Cloudflare* postmortem where they
discuss what happened.
It looks like they where trying to \"\[roll\] out a change to
standardize \[their\] *BGP*\" and, from my understanding **\[which I
would take with about a cup of salt\]**, moved the reject condition
above \"site-local terms\". So the request would be rejected before
being able to reach [origin
servers](https://www.cloudflare.com/learning/cdn/glossary/origin-server/)
**\[as opposed to an edge or caching
server\]**.
I might look more into BGP because I don\'t know about it at all. One
for the stack I suppose.

View File

@ -0,0 +1,90 @@
---
title: "Online!"
date: 2022-06-06T12:58:09-08:00
description: Web Development - Administration
categories: ["Top_of_the_Stack"]
tags: ["Web Development","Administration"]
---
Hopefully you can see this because that means that I didn\'t mess
anything up when updating the site! I\'ll quickly recap what I did over
the last week and clarify what\'s in the pipeline for this upcoming
week.
So I ended up destroying and remaking the
[Vultr](https://www.vultr.com/)
VPS **\[Virtual Private Server if I didn\'t
clarify that previously\]** so that I could have a fresh, clean
environment to start messing around in. I decided to go with their
smallest, and cheapest plan to start things off **\[I think it can
handle the traffic that I expect to start \"pouring\" in\]**.
{{< image_sc "/vultr_1.png" "Vultr Pricing" "Vultr Cloud Pricing" >}}
I found this
[video](https://www.youtube.com/watch?v=-B-4RG8Q0aw)
that explained how to calculate how much
needed bandwidth I needed to budget for. Again I don\'t think I need
much **\[something tells me I\'m the only one checking in on this
website 100 times a day\]**. I stuck with a
[Debian](https://www.debian.org/)
distribution for no reason in particular
other than it\'s what I used previously on other VPSs **\[if your
unfamiliar with Linux and Linux distributions I\'ll make some intro to
Linux guides in the future that\'ll explain all the common nerd
jargon\]**.
I grabbed the domain name from
[dynadot](https://www.dynadot.com/)
and changed the DNS records to have it point
to the IP of the VPS. I\'ll write up a full guide for this in a bit
**\[honestly it\'s pretty easy\]**. I then installed nGinx, changed the
config files to point to the html/css files, and started the service
**\[kinda skipped the nitty gritty but again, guide incoming\]**.
I was able to visit the site at this point from a client device but
still had to set up
[SSL](https://www.ssl.com/faqs/what-is-https/)
**\[Secure Sockets Layer\]** so that the
connection was encrypted. Apparently it was pretty uncommon in the past
to have encrypted connections on personal websites but that was changed
with the help of the [EFF](https://www.eff.org/)
with [let\'s
encrypt](https://letsencrypt.org/)
which offers free, open certificates
**\[pretty cool of them honestly\]**. To make things even easier they
also provide a python script(?) called
[certbot](https://certbot.eff.org/)
which automates the process of obtaining one
of these ssl certificates. After I ran it I got the cool green lock icon
in the address bar and was feeling pretty cool myself! **:)**
Those were the major updates for this week. Next week I\'ll be looking
into hosting a git server to upload my code **\[including anything that
I create for this website ie. html/css/scripting stuff\]** and a git
visualiser. Hosting a git server seems easy enough but finding the right
visualiser might need a bit more research. Right now the most promising
candidate is
[stagit](https://codemadness.org/stagit.html)
which is a static git page generator. Hope
that works out.
The stretch goal for this week is the possibility to host videos with
**\[maybe?\]** a [peertube](https://joinpeertube.org/)
instance. Not sure how much of a pain and/or
the bandwidth limitations will throttle the experience too much but it
sounds useful to post, even short, videos demonstrating processes
explicitly **\[if a picture is 1000 words than what does that make a
video\]**.
That\'s the update for the week.
Next *TODOS! **\[Can be updated throughout the week\]***
- Look into hosting git server
- Set up gitolite for git permissions
- Set up stagit for git visualization
- Possibly Peertube for embedded videos

8
xavishobbies/deploy Executable file
View File

@ -0,0 +1,8 @@
#!/bin/sh
USER=
HOST=
DIR=
hugo && rsync -avz --delete public/ ${USER}@${HOST}:${DIR}
exit 0

View File

@ -1,8 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" type="text/css" href="./css/style.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="shortcut icon" type="image/ico" href="./images/nuke.ico" /> <link rel="shortcut icon" type="image/ico" href="/nuke.ico" />
<title> Xavi's Hobbies </title> <title> Xavi's Hobbies </title>
</head> </head>
<body> <body>
@ -30,9 +30,9 @@
</div> </div>
<div class="text_block"> <div class="text_block">
<h3 class="entry_heading"> <a href=./tots.html>Top of the Stack</a></h3> <h3 class="entry_heading"> <a href="/categories/top_of_the_stack/">Top of the Stack</a></h3>
<p> <a href=./tots.html> Top of the Stack </a> <strong>[aka tots]</strong> is my rantings of the most recent things that I have been working on. <p> <a href="/categories/top_of_the_stack/"> Top of the Stack </a> <strong>[aka tots]</strong> is my rantings of the most recent things that I have been working on.
You'll see pretty quickly how many projects get buried under my inability to stay focused and my lack of follow-through. You'll see pretty quickly how many projects get buried under my inability to stay focused and my lack of follow-through.
To make sure that this website is not one of those things, Top of the Stack will be updated at least bi-weekly <strong>[twice a week not every two weeks]</strong> on <em>Mondays</em> and <em>Thursdays</em>, even if it is to just say that I have spent all my free time getting jealous of people on youtube doing/creating cool things instead of actually just doing the things. To make sure that this website is not one of those things, Top of the Stack will be updated at least bi-weekly <strong>[twice a week not every two weeks]</strong> on <em>Mondays</em> and <em>Thursdays</em>, even if it is to just say that I have spent all my free time getting jealous of people on youtube doing/creating cool things instead of actually just doing the things.
</div> </div>
@ -40,25 +40,27 @@
<div class="text_block"> <div class="text_block">
<h3 id="hobbies_heading" class="entry_heading"> <a href=#hobbies_heading>Hobbies</a></h3> <h3 id="hobbies_heading" class="entry_heading"> <a href=#hobbies_heading>Hobbies</a></h3>
<h4 class="hobby_heading"><a href="web_development.html">Web Development</a></h4> <h4 class="hobby_heading"><a href="/web_development">Web Development</a></h4>
<p class="description"> Guides and tots posts on developing and expanding this very website.</p> <p class="description"> Guides and tots posts on developing and expanding this very website.</p>
<h4 class="hobby_heading"><a href="circuit_design.html">Circuit Design and Fabrication</a></h4> <h4 class="hobby_heading"><a href="/circuit_design">Circuit Design and Fabrication</a></h4>
<p class="description">Guides and tots posts on circuit design. I have some formal education but, as with everything, I end up forgetting a lot of it with time. This should cover theory <strong>[like running through labs from the Art of Electronics]</strong> as well as pcb fabrication <strong>[with things like KiCAD and PCB milling]</strong>.</p> <p class="description">Guides and tots posts on circuit design. I have some formal education but, as with everything, I end up forgetting a lot of it with time. This should cover theory <strong>[like running through labs from the Art of Electronics]</strong> as well as pcb fabrication <strong>[with things like KiCAD and PCB milling]</strong>.</p>
<h4 class="hobby_heading"><a href="cooking.html">Cooking</a></h4> <h4 class="hobby_heading"><a href="/cooking">Cooking</a></h4>
<p class="description">Watch me turn the best, freshest ingredients into absolute slop. I'll post links of the recipes I try and photos of my shot at it.</p> <p class="description">Watch me turn the best, freshest ingredients into absolute slop. I'll post links of the recipes I try and photos of my shot at it.</p>
<h4 class="hobby_heading"><a href="music.html">Music</a></h4> <h4 class="hobby_heading"><a href="/music">Music</a></h4>
<p class="description"> I'll post my banjo dittys and what methods I use to make people who don't play instruments think that I am good. I mostly play clawhammer banjo. I particularly like songs from the mountains of Appalachia.<p> <p class="description"> I'll post my banjo dittys and what methods I use to make people who don't play instruments think that I am good. I mostly play clawhammer banjo. I particularly like songs from the mountains of Appalachia.<p>
<h4 class="hobby_heading"><a href="/home_lab">Home Lab</a></h4>
<p class="description"> What if the world explodes and I can't make a NERF Turret that shoots people in the face. Better make sure I'm ready.
<h4 class="hobby_heading"><a href="car_restoration.html">Car "Restoration"</a></h4> <h4 class="hobby_heading"><a href="/car_restoration">Car "Restoration"</a></h4>
<p class="description"> Oh boy, am I way over my head on this one. I'll post how I chose to destroy my 1985 Nissan 300z for the week. I have no idea what I am doing here. What is a camshaft?</p> <p class="description"> Oh boy, am I way over my head on this one. I'll post how I chose to destroy my 1985 Nissan 300z for the week. I have no idea what I am doing here. What is a camshaft?</p>
</div> </div>
<div class="text_block"> <div class="text_block">
<h4 id="git_link" style="margin-top: 0px;"><a href=./git>Code</h4> <h4 id="git_link" style="margin-top: 0px;"><a href=./git>Code</h4>
<h4 id="peertube_link"><a href=#peertube_link>Videos [Coming Soon]</h4> <h4 id="peertube_link"><a href="https://video.xavishobbies.org">Videos</h4>
</div> </div>
</body> </body>
</html> </html>

View File

@ -0,0 +1,2 @@
<img class="resize" src="{{ .Get 0 }}" alt="{{ .Get 1 }}" />
<figcaption>{{ .Get 2 }}</figcaption>

View File

@ -0,0 +1 @@
<br />

View File

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View File

Before

Width:  |  Height:  |  Size: 178 KiB

After

Width:  |  Height:  |  Size: 178 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -0,0 +1,2 @@
+++
+++

View File

@ -0,0 +1,6 @@
{{ define "main" }}
<h2 class="tots_heading"> 404 </h2>
<p> Sorry :( </p>
{{ end }}

View File

@ -0,0 +1 @@
<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener noreferrer"{{ end }}>{{ .Text | safeHTML }}</a>

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
</body>
</html>

View File

@ -0,0 +1,24 @@
{{ define "main" }}
<h2 class="tots_heading"> {{ .Title }}</h2>
{{ .Content }}
{{ range where .Site.Pages "Params.categories" "intersect" (slice "Guides") }}
{{ .Content }}
{{ end }}
<h3 style="margin-bottom: 0px"> Tots Posts </h3>
{{ range where .Pages "Params.categories" "intersect" (slice "Top_of_the_Stack") }}
<div class="tots_post">
<h3 class="entry_heading">{{ .Title }}</h3>
<h5 class="tots_date_category"> {{ .Lastmod.Format "2006-01-02" }} - {{ .Description }}</h5>
{{ .Content }}
</div>
{{ end }}
{{ end }}

View File

@ -0,0 +1,11 @@
{{ define "main" }}
<div class="tots_post">
<h3 class="entry_heading">{{ .Title }}</h3>
<h5 class="tots_date_category"> {{ .Lastmod.Format "2006-01-02" }} - {{ .Description }}</h5>
<p>{{ .Content }}</p>
</div>
{{ end }}

View File

@ -0,0 +1,2 @@
<footer> <a href="{{ .Site.BaseURL }}/index.html">Home</a> </footer>

View File

@ -0,0 +1,5 @@
<head>
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}/css/style.css" />
<link rel="shortcut icon" type="image/ico" href="/nuke.ico" />
<title> {{ .Title }} </title>
</head>

View File

@ -83,6 +83,19 @@ code{
padding: 3px; padding: 3px;
} }
.language-code_block{
white-space: pre-line;
margin-left:1em;
margin-right:1em;
display: block;
color: white;
font-size: 12px;
font-weight: 500;
background: #444444;
border-radius: 5px;
padding: 3px;
}
.code_block{ .code_block{
white-space: pre-line; white-space: pre-line;
margin-left:1em; margin-left:1em;
@ -136,6 +149,7 @@ img.resize{
/* tots.html */ /* tots.html */
.tots_heading { .tots_heading {
margin-bottom: 30px; margin-bottom: 30px;
padding-left: 0px;
} }
.entry_heading{ .entry_heading{

View File

@ -0,0 +1,12 @@
# theme.toml template for a Hugo theme
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
name = "Xavis"
description = ""
homepage = "https://xavishobbies.org/"
tags = []
features = []
min_version = "0.41.0"
[author]
name = "Xavi"