Xavi/xavishobbies
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Delete old html

Browse Source
This commit is contained in:
Xavi 2023-02-19 22:35:17 -08:00
parent 6bbe5a1210
commit 73044b89f0
12 changed files with 0 additions and 740 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
car_restoration.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>Car Restoration</title>
</head>
<body>
<h1> This Page is Under Construction </h1>
<footer> <a href="./index.html">Home</a> </footer>
</body>
</html>

15
circuit_design.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>

106
cooking.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>

165
css/style.css
View File

@ -1,165 +0,0 @@
body{
max-width:850px;
margin-left: auto;
margin-right: auto;
background: black;
color: #aa8400;
font-family: monospace;
font-size: 15px;
font-weight: 525;
position:relative;
line-height: 20px;
}
h1{
color: #c19600;
}
h2{
font-size: 25px;
color: #ff00e5;
padding-left: 10px;
}
h3{
font-size: 20px;
color: #00BD97;
}
h4{
font-size: 16px;
color: #8a589b;
}
h5{
font-size: 12px;
color: #CC85DE;
}
h6{
color: #c19600;
}
a{
color: #00BD97;
text-decoration: inherit;
}
a:hover{
color: purple;
}
em{
color: #ff00e5;
font: inherit;
}
strong{
color: #07AC00;
}
table, th, td {
padding-left: 5px;
padding-right: 5px;
border: 1px solid
}
footer{
text-align: center;
}
figcaption{
text-align:center;
font-size: 13px;
max-width: 100%;
}
code{
color: white;
font-size: 12px;
font-weight: 500;
background: #444444;
border-radius: 5px;
padding: 3px;
}
.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;
}
img.resize{
display: block;
max-width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.text_block{
margin-top: 30px;
padding: 10px;
border-style: dashed;
border-width: 1px;
}
.tots_post{
margin-top: 30px;
padding: 10px;
border-style: dashed;
border-width: 1px;
}
.hobby_heading{
margin-bottom: 0px;
}
.cooking_list{
margin-top: 0px;
margin-bottom: 20px;
}
.description{
margin-top: 0px;
}
/* tots.html */
.tots_heading {
margin-bottom: 30px;
}
.entry_heading{
margin-top: 0px;
margin-bottom: 0px;
}
.tots_date_category{
margin-top: 0px;
margin-bottom: 0px;
}
#ascii_site_heading{
color: #ff00e5;
}
@media all and (max-width: 850px){
#ascii_site_heading{
display: none;
}
}
@media all and (min-width: 851px){
#text_site_heading{
display: none;
}
}

BIN
images/cloudflare_death.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 34 KiB

BIN
images/crab.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 178 KiB

BIN
images/nuke.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

BIN
images/vultr_1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

64
index.html
View File

@ -1,64 +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> Xavi's Hobbies </title>
</head>
<body>
<h2 id="text_site_heading">Xavi's Hobbies</h2>
<pre id="ascii_site_heading" style="text-align: center;">
_ __ _ _ __ __ __ __ _
| |/ /___ __ __(_| )_____ / / / /___ / /_ / /_ (_)__ _____
| / __ `/ | / / /|// ___/ / /_/ / __ \/ __ \/ __ \/ / _ \/ ___/
/ / /_/ /| |/ / / (__ ) / __ / /_/ / /_/ / /_/ / / __(__ )
/_/|_\__,_/ |___/_/ /____/ /_/ /_/\____/_.___/_.___/_/\___/____/
</pre>
<div class="text_block">
<h3 id="about_heading" class="entry_heading"> <a href=#about_heading>About</a> </h3>
<p> Xavi's Hobbies is a place were I <strong>[Xavi]</strong> document the things that I do.
The goal is to have a centralized place where I can document the info that I spend weeks learning and forget in 2 minutes.
I try to create detailed <em>step by step guides</em> so that whoever stumbles upon this can try anything I do out for themselves.
<em>ONE BIG CAVEAT!</em>
I have NO IDEA what I am doing.
So <em>try these things at your own peril</em>.
I'll try to add references and explanations as to why I did the things I did but that is <em>not a guarantee</em> of <em>success</em> or <em>safety</em> or... anything at all really. </p>
<p> Feel free to use anything from this website and have fun! </p>
</div>
<div class="text_block">
<h3 class="entry_heading"> <a href=./tots.html>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.
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.
</div>
<div class="text_block">
<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>
<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>
<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>
<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>
<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="car_restoration.html">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>
</div>
<div class="text_block">
<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>
</div>
</body>
</html>

15
music.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>

95
web_development.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>