142 files changed, 307 insertions, 157 deletions
diff --git a/README.md b/README.md
index fb9a9fd..fb9a9fd 100644..100755
--- a/README.md
+++ b/README.md
diff --git a/articles/library.html b/articles/library.html
new file mode 100755
index 0000000..87527c5
--- /dev/null
+++ b/articles/library.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+	<head>
+		<title>Personal Library</title>
+		<link rel='stylesheet' type='text/css' href='/css/bootstrap.css'>
+		<meta charset='utf-8'/>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	</head>
+
+	<body><a name="top"></a>
+		<section id="navbar" style="padding-top: 0">
+			<div class="navbar" "navbar-inverse">
+				<div class="navbar-inner">
+					<div class="container" style="width: auto;">
+						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+							<span class="icon-bar"></span>
+							<span class="icon-bar"></span>
+							<span class="icon-bar"></span>
+						</a>
+						<a class="brand" href="https://tylerhoang.xyz/index.html">Tyler's Website</a>
+						<div class="nav-collapse">
+							<ul class="nav">
+								<li><a href="#cooking">Cooking</a></li>
+								<li><a href="#music">Music</a></li>
+								<li><a href="#conclusion">Conclusion</a></li>
+							</ul>
+						</div><!-- /.nav-collapse -->
+					</div>
+				</div><!-- /navbar-inner -->
+			</div><!-- /navbar -->
+
+			<center>
+				<h1><img src="/img/static/book2.gif">&nbsp;<blink><span style="color:#ff6000">P</span><span style="color:#ffbf00">e</span><span style="color:#dfff00">r</span><span style="color:#80ff00">s</span><span style="color:#20ff00">o</span><span style="color:#00ff40">n</span><span style="color:#00ff9f">a</span><span style="color:#00ffff">l</span><span style="color: transparent;text-shadow: none;">&nbsp;</span><span style="color:#0040ff">L</span><span style="color:#2000ff">i</span><span style="color:#7f00ff">b</span><span style="color:#df00ff">r</span><span style="color:#ff00bf">a</span><span style="color:#ff0060">r</span><span style="color:#ff0000">y</span></blink><img src='/img/static/Image_Book.gif'></h1>
+				<p>I'm not going to pretend that I'm an avid reader, but I do read sometimes, so here's a few books that I own.</p>
+			</center>
+			<section id="cooking" style="padding-top: 0">
+				<div class="page-header">
+					<div class="well">
+						<h1>Cooking</h1>
+					</div>
+					<center>
+						<img src="/img/static/mchammer.gif">
+						<img src="/img/static/mchammer.gif">
+						<img src="/img/static/mchammer.gif">
+					</center>
+				</div>
+				<h3>French</h3>
+				<h4><i>Mastering the Art of French Cooking</i> by Julia Childs</h4>
+				One of the best cookbooks ever made. The reason why I list this cookbook first is because it's a must read for any aspiring home and professional chef out there. Be wary though, this book isn't small; it's super dense and filled with basically anything you can think of regarding cooking. Think of it as the encyclopedia of cooking. This isn't just a recipe book, it's a guide on how to become a better chef, with detailed explanations and illustrations of techniques. I've referenced this book many times when I don't know what to make for dinner, and everytime the dish turns out amazing.
+				<figure>
+					<img src="/img/static/masterfrench.webp" width="250px">
+				</figure>
+				<h3>American</h3>
+				<h4><i>The Food Lab</i> by J. Kenji Lopez-Alt</h4>
+				Another must-read book for any aspiring chef that wants to understand cooking at a scientific level. Say what you want about Kenji, but this book is the real deal. Super dense and chock-full of amazing recipes and information to help you succeed in the kitchen. Honestly, I'd probably even call this book a modernized version of Julia Child's book, because it really is more of an encyclopedia than just a cookbook. Anything you want to learn about cooking, <i>The Food Lab</i> probably has it. There's a lot of information in this book, but don't feel like you have to read all of it, because I sure as hell didn't. Just look at the things that interest you.
+				<figure>
+					<img src="/img/static/foodlab.webp" width="250px">
+				</figure>
+				<h3>Chinese</h3>
+				<h4><i>Mastering the Art of Chinese Cooking</i> by Eileen Yin-Fei Lo</h4>
+				My knowledge of Chinese cooking is limited to say the least, but I glanced over this book when trying to find Chinese cookbooks and a lot of the material in there look delicious. Hundreds of recipe, and lots of backstory about the culture of Chinese cooking and it's history. I'll definitely reference back to this book again in the future when I eventually start tackling authentic Chinese cuisine.
+				<figure>
+					<img src="/img/static/masterchinese.webp" width="250px">
+				</figure>
+				<h4><i>Complete Chinese Cookbook</i> by Ken Hom</h4>
+				I actually haven't read this book yet, but I saw this book recommended everywhere for people trying to get into Chinese cooking, so it must be pretty good. Again, like the above cookbooks, it doesn't seem to just be a recipe book, but an entire guide on understanding food at a deeper level.
+				<figure>
+					<img src="/img/static/completechinese.webp" width="250px">
+				</figure>
+				<h3>Japanese</h3>
+				<h4><i>Tokyo Cult Recipes</i> by Maori Murota</h4>
+				I also haven't read this book yet either, but my friend had a copy and he recommended that I check it out. Lots of pictures, lots of text, and lots of recipes.
+				<figure>
+					<img src="/img/static/tokyorecipes.webp" width="250px">
+				</figure>
+			</section>
+
+			<section id="music" style="padding-top: 0">
+				<div class="page-header">
+					<div class="well">
+						<h1>Music</h1>
+					</div>
+					<center>
+						<img src="/img/static/dancing_girl.gif">
+						<img src="/img/static/dancing_girl.gif">
+						<img src="/img/static/dancing_girl.gif">
+					</center>
+				</div>
+				<h3>Piano</h3>
+				<h4><i>Jazz Piano Method</i> by Mark Davis</h4>
+				This book has everything you need as a total beginner to start your journey as a jazz pianist. It's not a long book at all, but that doesn't mean that you should rush through it. The book has tons of excercises and pratice, so make sure to get really good at those before moving on. I reckon it might even take you a whole year to learn everything that this small book has to offer. Take your time with the book, and don't get frustrated if the excercises seem too hard and too cumbersome, because they are. You just have to develop that muscle memory by going through these excercises everyday.
+				<figure>
+					<img src="/img/static/jazzpianomethod.webp" width="250px">
+				</figure>
+				<h4><i>Jazz Piano - Methods and Songbook for professional playing</i> by Kent Hewitt</h4>
+				This was the first jazz piano book that I bought, and I liked it very much. It's not quite as profssional or polished as the Mark Davis book, but the content in it is amazing. Hewitt puts a lot of soul in this book and he gives you everything you need as a beginner to build up a solid foundation. The way he explains things in his book is very simple to grasp, and he makes learning fun. Don't just rely on this book for your entire journey though. Like the Mark Davis book, this book is for beginners, and once you start to get better you're going to have to rely on just listening to more jazz and improving yourself by playing.
+				<figure>
+					<img src="/img/static/jazzpianokent.webp" width="250px">
+				</figure>
+				<h3>Fake Books</h3>
+				<h4><i>The Real Book 6th Edition</i></h4>
+				This book is by no means perfect and has many inaccuracies but it's basically the industry standard for anyone that wants to learn jazz. If people could only buy a single fake book and go with it, then this book is most definitely the one. Don't rely too much on <i>The Real Book</i> though, or any fake book for that matter. Use it as a guide to learn melodies and then try to memorize the chord progression and embellish the melody without looking at the book.
+				<figure>
+					<img src="/img/static/realbook.webp" width="250px">
+				</figure>
+				<h4><i>The Disney Fake Book</i></h4>
+				Disney songs are super fun to play, and this book gives you a whole bunch of them to play and jam out. Keep in mind though. that some songs are written in alternate keys. For example, <i>Someday My Prince Will Come</i> is normally written in the key of BbMaj, but in the <i>Disney Fake Book</i>, the song is written in the key of FMaj, which I guess is easier? Anyways, just keep that in mind, and you'll be fine.
+				<figure>
+					<img src="/img/static/disneyfake.webp" width="250px">
+				</figure>
+			</section>
+			<div class="text-center">
+				<a href="#top">Back to top of page</a>
+			</div>
+
+			<!--			<div class='text-center'>
+	   <embed name='music' src='mmt.mp3' loop='true' hidden='true' autoplay='true' id="music">
+	   </div> -->
+
+	</body>
+	<html lang="en">
diff --git a/articles/software.html b/articles/software.html
index d5aebaf..b4266e8 100755
--- a/articles/software.html
+++ b/articles/software.html
@@ -1,120 +1,117 @@
 <!DOCTYPE html>
 <html lang='en'>
 
-	<head>
-		<title>Software and Hardware</title>
-		<link rel='stylesheet' type='text/css' href='/css/bootstrap.css'>
-		<meta charset='utf-8'/>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	</head>
+    <head>
+        <title>Software and Hardware</title>
+        <link rel='stylesheet' type='text/css' href='/css/bootstrap.css'>
+        <meta charset='utf-8'/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
 
-	<body><a name="top"></a>
-		<section id="navbar" style="padding-top: 0">
-			<div class="navbar" "navbar-inverse">
-				<div class="navbar-inner">
-					<div class="container" style="width: auto;">
-						<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-							<span class="icon-bar"></span>
-							<span class="icon-bar"></span>
-							<span class="icon-bar"></span>
-						</a>
-						<a class="brand" href="https://tylerhoang.xyz/index.html">Tyler's Website</a>
-						<div class="nav-collapse">
-							<ul class="nav">
-								<li><a href="#hardware">Hardware</a></li>
-								<li><a href="#software">Software</a></li>
-								<li><a href="#conclusion">Conclusion</a></li>
-							</ul>
-						</div><!-- /.nav-collapse -->
-					</div>
-				</div><!-- /navbar-inner -->
-			</div><!-- /navbar -->
+    <body><a name="top"></a>
+        <section id="navbar" style="padding-top: 0">
+            <div class="navbar" "navbar-inverse">
+                <div class="navbar-inner">
+                    <div class="container" style="width: auto;">
+                        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                        </a>
+                        <a class="brand" href="https://tylerhoang.xyz/index.html">Tyler's Website</a>
+                        <div class="nav-collapse">
+                            <ul class="nav">
+                                <li><a href="#hardware">Hardware</a></li>
+                                <li><a href="#software">Software</a></li>
+                                <li><a href="#conclusion">Conclusion</a></li>
+                            </ul>
+                        </div><!-- /.nav-collapse -->
+                    </div>
+                </div><!-- /navbar-inner -->
+            </div><!-- /navbar -->
 
-			<center>
-				<img src="/img/test/TypingComputer.gif">&nbsp;
-				<img src='/img/test/computer3.gif'>
-				<h1><blink><span style="color:#ff4900">S</span><span style="color:#ff9200">o</span><span style="color:#ffdb00">f</span><span style="color:#dbff00">t</span><span style="color:#92ff00">w</span><span style="color:#49ff00">a</span><span style="color:#00ff00">r</span><span style="color:#00ff49">e</span><span style="color: transparent;text-shadow: none;">&nbsp;</span><span style="color:#00ffdb">a</span><span style="color:#00dbff">n</span><span style="color:#0092ff">d</span><br><span style="color:#0000ff">H</span><span style="color:#4900ff">a</span><span style="color:#9200ff">r</span><span style="color:#db00ff">d</span><span style="color:#ff00db">w</span><span style="color:#ff0092">a</span><span style="color:#ff0049">r</span><span style="color:#ff0000">e</span>
-</blink></h1>
-				<p>A lot of people like to know what hardware and software that I run on a day-to-day basis, so here it is.</p>
-			</center>
-			<section id="hardware" style="padding-top: 0">
-				<div class="page-header">
-					<div class="well">
-						<h1>Hardware</h1>
-					</div>
-					<center>
-						<img src="/img/test/mchammer.gif">
-						<img src="/img/test/mchammer.gif">
-						<img src="/img/test/mchammer.gif">
-					</center>
-				</div>
-				<h4>Laptop</h4><p>I use a Lenovo Thinkpad W530 as my daily driver. I bought it for like $250 on eBay, one of the best purchases I've ever made. Super sturdy, good build, and very customizable for a laptop.</p>
-				<figure>
-					<img src="/img/test/w530.jpg" width=350>
-				</figure>
-				<h4>Mouse</h4><p>I've been using a trackball mouse for close to six-months now, and I've gotten pretty used to it. I opted for the Logitech M570, although I might consider upgrading it in the near future. Before I switched to using trackballs, I mostly used the Microsoft Wheel Mouse Optical, no real problems with it, and super cheap too.</p>
-				<figure>
-					<img src="/img/test/m570.jpg" width=250>
-					<img src="/img/test/wmo.jpg" width=250>
-					<figcaption>M570 on left, WMO on right.</figcaption>
-				</figure>
-				<h4>Digital Audio Player</h4><p>I use the HiBy R3 Pro as my music player of choice, and for $200, it's probably the best bang for your buck in this price range. Decent and intuitive OS, fantastic sound quality, and build quality makes it feels like a premium product. Uses a microSD card, USB type-C, and has 3.5 out and 2.5 balance out.</p>
-				<h4>In-Ear Monitors</h4><p>BlON BL03 are the best in-ear monitors I have ever heard, and I can't honestly say that I need any more. I'm not an audiophile by any stretch of the imagination, and the BLONS combined with the R3 Pro satisfies all of my audio player needs. A lot of people recommend that you buy aftermarket tips though, and they're completely right. The stock tips on the BLONS are completely awful. I bought the Spinfits CP100s and they feel super comfortable.</p>
-				<figure>
-					<img src="/img/test/dap.jpg" width=250>
-				</figure>
-			</section>
+            <center>
+                <img src="/img/static/TypingComputer.gif">&nbsp;
+                <img src='/img/static/computer3.gif'>
+                <h1><blink><span style="color:#ff4900">S</span><span style="color:#ff9200">o</span><span style="color:#ffdb00">f</span><span style="color:#dbff00">t</span><span style="color:#92ff00">w</span><span style="color:#49ff00">a</span><span style="color:#00ff00">r</span><span style="color:#00ff49">e</span><span style="color: transparent;text-shadow: none;">&nbsp;</span><span style="color:#00ffdb">a</span><span style="color:#00dbff">n</span><span style="color:#0092ff">d</span><br><span style="color:#0000ff">H</span><span style="color:#4900ff">a</span><span style="color:#9200ff">r</span><span style="color:#db00ff">d</span><span style="color:#ff00db">w</span><span style="color:#ff0092">a</span><span style="color:#ff0049">r</span><span style="color:#ff0000">e</span>
+                    </blink></h1>
+                    <p>A lot of people like to know what hardware and software that I run on a day-to-day basis, so here it is.</p>
+            </center>
+            <section id="hardware" style="padding-top: 0">
+                <div class="page-header">
+                    <div class="well">
+                        <h1>Hardware</h1>
+                    </div>
+                    <center>
+                        <img src="/img/static/mchammer.gif">
+                        <img src="/img/static/mchammer.gif">
+                        <img src="/img/static/mchammer.gif">
+                    </center>
+                </div>
+                <h4>Laptop</h4><p>I use a Lenovo Thinkpad W530 as my daily driver. I bought it for like $250 on eBay, one of the best purchases I've ever made. Super sturdy, good build, and very customizable for a laptop.</p>
+                <figure>
+                    <img src="/img/static/w530.webp" width=350>
+                </figure>
+                <h4>Mouse</h4><p>I've been using a trackball mouse for close to six-months now, and I've gotten pretty used to it. I opted for the Logitech M570, although I might consider upgrading it in the near future. Before I switched to using trackballs, I mostly used the Microsoft Wheel Mouse Optical, no real problems with it, and super cheap too.</p>
+                <figure>
+                    <img src="/img/static/m570.webp" width=250>
+                    <img src="/img/static/wmo.webp" width=250>
+                    <figcaption>M570 on left, WMO on right.</figcaption>
+                </figure>
+                <h4>Digital Audio Player</h4><p>I use the HiBy R3 Pro as my music player of choice, and for $200, it's probably the best bang for your buck in this price range. Decent and intuitive OS, fantastic sound quality, and build quality makes it feels like a premium product. Uses a microSD card, USB type-C, and has 3.5 out and 2.5 balance out.</p>
+                <h4>In-Ear Monitors</h4><p>BlON BL03 are the best in-ear monitors I have ever heard, and I can't honestly say that I need any more. I'm not an audiophile by any stretch of the imagination, and the BLONS combined with the R3 Pro satisfies all of my audio player needs. A lot of people recommend that you buy aftermarket tips though, and they're completely right. The stock tips on the BLONS are completely awful. I bought the Spinfits CP100s and they feel super comfortable.</p>
+                <figure>
+                    <img src="/img/static/dap.webp" width=250>
+                </figure>
+            </section>
 
-			<section id="software" style="padding-top: 0">
-				<div class="page-header">
-					<div class="well">
-						<h1>Software</h1>
-					</div>
-					<center>
-						<img src="/img/test/dancing_girl.gif">
-						<img src="/img/test/dancing_girl.gif">
-						<img src="/img/test/dancing_girl.gif">
-					</center>
-				</div>
-				<h2>Main</h2>
-				<h4>Operating System</h4><p>I use Artix Linux, which is basically the same thing as Arch Linux without systemd. I don't inherently have anything against systemd, and if anything I think systemd made my life pretty easy, but it didn't take long for me to get used to OpenRC. OpenRC has a pretty fast startup time too.</p>
-				<h4>Terminal</h4><p>I use st (simple terminal) by the suckless guys. More specifically, I use the fork made by Luke Smith which you can download <a href="https://github.com/lukesmithxyz/st">here</a>.</p>
-				<h4>Web Browser</h4><p>Honestly I change web browsers pretty frequently, but I tend to use Firefox-based browsers the most. Currently I'm using Librewolf, before that I used Firefox, but for many reasons I have decided to boycott Firefox along with any Mozilla product. Although I guess using Librewolf is kind of cheating since it's based on Firefox. Also, make sure to at least install uBlock Origin and Decentraleyes to make browsing the web that much more enjoyable.</p>
-				<h4>Text-editor</h4><p>Emacs.</p><br><p>JUST KIDDING LOL, WHO EVEN USES EMACS?! I use vim, and most of the software that I use also uses vim bindings. I used emacs for like a month and while I didn't hate it, I was already too used to vim and eventually I came crawling back.</p>
-				<h4>Window Manager</h4><p>I use herbstluftwm, a manual tiling window manager. Don't let the word manual scare you though, because as with anything, a week with it and you'll get used to it. I also highly suggest bspwm also. They all basically do the same thing anyways.</p>
-				<h2>Utilities</h2>
-				<h4>File Manager</h4><p>Vifm. Dual-pane file manager (similar to midnight commander), and uses vim bindings by default. Super customizable config file, and overall works really well. Downside is by default it doesn't have image previews like ranger does, but you can use <a href="https://github.com/cirala/vifmimg">this script</a> to get them working.</p>
-				<h4>Mail Client</h4><p>Neomutt. Curses based terminal mail client that can be a pain to setup your accounts with. Luckily, Luke Smith has a great <a href="https://github.com/lukesmithxyz/mutt-wizard">script</a> that makes adding accounts extremely easy and pain-free. If you don't like using terminal-based mail clients though, no shame in using Thunderbird; it's what I used for quite a while.</p>
-				<h4>Music Player</h4><p>Ever since I got my DAP and IEMs, I actually rarely listen to music on my laptop anymore, but when I do, I use mpd + ncmpcpp. For the uninitiated, mpd is a music server that requires a client to interact with; that's where ncmpcpp comes in. Really great combo, ncmpcpp also has a killer built-in tag editor. I also use "beet" to organize my expansive music library.</p>
-				<h4>Video Player</h4><p>mpv is my video player of choice. Lightweight, lots of customizability, and tons of scripts available for it to enhance your experience. It used to be that mpv was Linux only, but I hear mpv.net is a pretty decent windows implementation of it. You could also use VLC too I guess, but give mpv a try first.</p>
-				<h4>RSS Reader</h4><p>Newsboat is a great minimal terminal RSS reader. A lot of people don't know what an RSS feed is, and it's truly quite a shame. Most sites that give updates often have an RSS feed, so take advantage of them. Unified updates all from one program, no need to make an account or sign up for a newsletter.</p>
-				<h4>Torrent Client</h4><p>Transmission via the web interface. Web interface is a bit limited in terms of customizability, but to be perfectly honest, I've been using the web client for like four years now and I haven't had a major problem that couldn't be fixed in a matter of minutes. Deluge is also a great torrent client if you're on Windows.</p>
-				<h4>Image Viewer</h4><p>Sxiv is all you need. Fast, minimal, functional. Feh is also a good option, but why use that when sxiv exists.</p>
-				<h4>PDF Viewer</h4><p>Zathura is great. Minimal, and loads pdfs instantaneously. Mupdf is also a good option, although I think Zathura supports more formats since it's somewhat modular.</p>
-				<h4>Image Editing</h4><p>GIMP for more involved projects, imagemagick for small simple tasks. You'd be surprised at the crazy things that imagemagick can do. Sometimes I also use Krita if I'm drawing.</p>
-				<h4>Video Editing</h4><p>Openshot and Kdenlive are all great GUI-based options for video editing. Although if you don't need to do anything fancy, and just need to transcode or crop or splice, ffmpeg on the command line works fine for that sorta stuff.</p>
-				<h4>Office and Writing Documents</h4><p>I just use LibreOffice if I need to use spreadsheets or make slides/presentations. Simple to use, and while a bit bloated I guess, it gets the job done. Although for preparing documents, I prefer to use LaTeX. It can be pretty hard to get used to at first, so search engines are your best friend when figuring out how to use LaTeX. The effort is worth it though, as you'll be rewarded with gorgeous looking documents and automatically formatted bibliographies.</p>
-			</section>
-			<section id="conclusion" style="padding-top: 0">
-				<div class="page-header">
-					<div class="well">
-						<h1>Conclusion</h1>
-					</div>
-					<center>
-						<img src="/img/test/dancing_baby.gif">
-						<img src="/img/test/dancing_baby.gif">
-						<img src="/img/test/dancing_baby.gif">
-					</center>
-				</div>
-				If you haven't noticed already, all of the software that I use are free and open source software. Software that respects my freedom to use and share, and freedom of privacy. Using libre/free software will liberate you, and ultimately will stop you being chained down by proprietary software and corporation that don't have your best interests in mind. Proprietary services/programs like Discord, Amazon, Steam, Google (Chrome) only exist to extort your personal information and sell your data to the highest bidder. Stop using proprietary software and switch to libre software NOW!
-			</section>
-			<div class="text-center">
-				<a href="#top">Back to top of page</a>
-			</div>
-
-			<!--			<div class='text-center'>
-	   <embed name='music' src='mmt.mp3' loop='true' hidden='true' autoplay='true' id="music">
-	   </div> -->
-
-	</body>
-	<html lang="en">
+            <section id="software" style="padding-top: 0">
+                <div class="page-header">
+                    <div class="well">
+                        <h1>Software</h1>
+                    </div>
+                    <center>
+                        <img src="/img/static/dancing_girl.gif">
+                        <img src="/img/static/dancing_girl.gif">
+                        <img src="/img/static/dancing_girl.gif">
+                    </center>
+                </div>
+                <h2>Main</h2>
+                <h4>Operating System</h4><p>I use Artix Linux, which is basically the same thing as Arch Linux without systemd. I don't inherently have anything against systemd, and if anything I think systemd made my life pretty easy, but it didn't take long for me to get used to OpenRC. OpenRC has a pretty fast startup time too.</p>
+                <h4>Terminal</h4><p>I use st (simple terminal) by the suckless guys. More specifically, I use the fork made by Luke Smith which you can download <a href="https://github.com/lukesmithxyz/st">here</a>.</p>
+                <h4>Web Browser</h4><p>Honestly I change web browsers pretty frequently, but I tend to use Firefox-based browsers the most. Currently I'm using Brave as Mozilla keeps destroying Firefox and making it crap with every update. For that reason and many others I have decided to boycott Firefox along with any Mozilla product. Also, make sure to at least install uBlock Origin and Decentraleyes to make browsing the web that much more enjoyable (although Brave comes with a pretty good ads and tracking blocker by default.</p>
+                <h4>Text-editor</h4><p>Emacs.</p><br><p>Just kidding! What am I, an insane person? I use vim, and most of the software that I use also uses vim bindings. I used emacs for like a month and while I didn't hate it, it didn't work with my workflow. Maybe I would've liked it more if I was a developer and optimized my workflow, but I'm not. I was already too used to vim and eventually I came crawling back.</p>
+                <h4>Window Manager</h4><p>I use <a href=http://github.com/tyhoang/dwm>dwm</a>. Before that I used herbstluftwm, a manual tiling window manager. Don't let the word manual scare you though, because as with anything, a week with it and you'll get used to it. I also highly suggest bspwm and i3 also. They all basically do the same thing anyways.</p>
+                <h2>Utilities</h2>
+                <h4>File Manager</h4><p>Vifm. Dual-pane file manager (similar to midnight commander), and uses vim bindings by default. Super customizable config file, and overall works really well. Downside is by default it doesn't have image previews like ranger does, but you can use <a href="https://github.com/cirala/vifmimg">this script</a> to get them working.</p>
+                <h4>Mail Client</h4><p>Neomutt. Curses based terminal mail client that can be a pain to setup your accounts with. Luckily, Luke Smith has a great <a href="https://github.com/lukesmithxyz/mutt-wizard">script</a> that makes adding accounts extremely easy and pain-free. If you don't like using terminal-based mail clients though, no shame in using Thunderbird; it's what I used for quite a while.</p>
+                <h4>XMPP Client</h4><p>Gajim for Linux, Conversations for Android. Both come with OMEMO support, and nothing else really compares to this combo. As for iPhone users, I have no recommendations, but apparently Siskin IM is pretty decent; Chatsecure is also another option, but I don't think it's as good.</p>
+                <h4>Voice Chatting</h4><p>I use Mumble when I want to talk with my friends. I also sometimes have to resort to using Discord because some normie colleagues of mine use it and I can't realistically get them all to switch over to XMPP and Mumble.</p>
+                <h4>Music Player</h4><p>Ever since I got my DAP and IEMs, I actually rarely listen to music on my laptop anymore, but when I do, I use mpd + ncmpcpp. For the uninitiated, mpd is a music server that requires a client to interact with; that's where ncmpcpp comes in. Really great combo, ncmpcpp also has a killer built-in tag editor. I also use "beet" to organize my expansive music library.</p>
+                <h4>Video Player</h4><p>mpv is my video player of choice. Lightweight, lots of customizability, and tons of scripts available for it to enhance your experience. It used to be that mpv was Linux only, but I hear mpv.net is a pretty decent windows implementation of it. You could also use VLC too I guess, but give mpv a try first.</p>
+                <h4>RSS Reader</h4><p>Newsboat is a great minimal terminal RSS reader. A lot of people don't know what an RSS feed is, and it's truly quite a shame. Most sites that give updates often have an RSS feed, so take advantage of them. Unified updates all from one program, no need to make an account or sign up for a newsletter.</p>
+                <h4>Torrent Client</h4><p>Transmission via the web interface. Web interface is a bit limited in terms of customizability, but to be perfectly honest, I've been using the web client for like four years now and I haven't had a major problem that couldn't be fixed in a matter of minutes. Deluge is also a great torrent client if you're on Windows.</p>
+                <h4>Image Viewer</h4><p>Sxiv is all you need. Fast, minimal, functional. Feh is also a good option, but why use that when sxiv exists.</p>
+                <h4>PDF Viewer</h4><p>Zathura is great. Minimal, and loads pdfs instantaneously. Mupdf is also a good option, although I think Zathura supports more formats since it's somewhat modular.</p>
+                <h4>Image Editing</h4><p>GIMP for more involved projects, imagemagick for small simple tasks. You'd be surprised at the crazy things that imagemagick can do. Sometimes I also use Krita if I'm drawing.</p>
+                <h4>Video Editing</h4><p>Openshot and Kdenlive are all great GUI-based options for video editing. Although if you don't need to do anything fancy, and just need to transcode or crop or splice, ffmpeg on the command line works fine for that sorta stuff.</p>
+                <h4>Office and Writing Documents</h4><p>I just use LibreOffice if I need to use spreadsheets or make slides/presentations. Simple to use, and while a bit bloated I guess, it gets the job done. Although for preparing documents, I prefer to use LaTeX. It can be pretty hard to get used to at first, so search engines are your best friend when figuring out how to use LaTeX. The effort is worth it though, as you'll be rewarded with gorgeous looking documents and automatically formatted bibliographies.</p>
+            </section>
+            <section id="conclusion" style="padding-top: 0">
+                <div class="page-header">
+                    <div class="well">
+                        <h1>Conclusion</h1>
+                    </div>
+                    <center>
+                        <img src="/img/static/dancing_baby.gif">
+                        <img src="/img/static/dancing_baby.gif">
+                        <img src="/img/static/dancing_baby.gif">
+                    </center>
+                </div>
+                If you haven't noticed already, all of the software that I use are free and open source software. Software that respects my freedom to use and share, and freedom of privacy. Using libre/free software will liberate you, and ultimately will stop you being chained down by proprietary software and corporation that don't have your best interests in mind. Proprietary services/programs like Discord, Amazon, Steam, Google (Chrome) only exist to extort your personal information and sell your data to the highest bidder. Stop using proprietary software and switch to libre software NOW!
+            </section>
+            <div class="text-center">
+                <a href="#top">Back to top of page</a>
+            </div>
+    </body>
+</html lang="en">
diff --git a/css/bootstrap.css b/css/bootstrap.css
index 45dfff4..271555c 100755
--- a/css/bootstrap.css
+++ b/css/bootstrap.css
@@ -2293,7 +2293,7 @@ table th[class*="span"],
   *margin-right: .3em;
   line-height: 14px;
   vertical-align: text-top;
-  background-image: url("../img/glyphicons-halflings.png");
+  background-image: url("../img/static/glyphicons-halflings.png");
   background-position: 14px 14px;
   background-repeat: no-repeat;
 }
@@ -6220,7 +6220,7 @@ body {
   -webkit-font-smoothing: none;
 <!--  background: white; -->
   background: linear-gradient(to bottom right, blue, red) top left;
-  background: url('../img/starwars.gif') top left; 
+  background: url('../img/bg/starwars.webp') top left; 
 
 }
 
@@ -6232,7 +6232,7 @@ body {
 }
 
 .navbar-inner {
-  background: #000000 url('../img/stars.gif') top left;
+  background: #000000 url('../img/static/stars.gif') top left;
   border-bottom: 1px solid #D4D0C8;
 }
 
@@ -6241,7 +6241,7 @@ body {
 }
 
 .btn-primary {
-  background: #000000 url('../img/rainbow.gif') top left;
+  background: #000000 url('../img/static/rainbow.gif') top left;
 }
 
 legend {
@@ -6313,7 +6313,7 @@ legend {
 
 .hero-unit,
 .well {
-  background: #000000 url('../img/stars.gif') top left;
+  background: #000000 url('../img/static/stars.gif') top left;
   border-style: outset;
   border-width: .25em;
   border-image-source: linear-gradient(45deg, pink, blue, red, purple);
@@ -6333,7 +6333,7 @@ legend {
 }
 
 .progress .bar {
-  background: #c0c0c0 url('../img/progress.gif') top left repeat-x !important;
+  background: #c0c0c0 url('../img/static/progress.gif') top left repeat-x !important;
   border: 1px solid #fff;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
diff --git a/enter.html b/enter.html
index 13147d2..fe42a60 100755
--- a/enter.html
+++ b/enter.html
@@ -12,26 +12,26 @@
         <center>
             <div class="container">
                 <div class="center">
-		    <img src="img/test/gate.gif">
+		    <img src="/img/static/gate.gif">
                     <h1>WELCOME!</h1>
                     <h2>CLICK "ENTER" TO ENTER MY WEBSITE!</h2><br>
                     <h3><a class="btn btn-primary btn-large" href=https://tylerhoang.xyz/index.html>ENTER</a></h3><br>
                     <table cellpadding="2" cellspacing="2">
                         <tr>
                             <td>
-                                <img src="img/test/gpl3.gif">
+                                <img src="/img/static/gpl3.gif">
                             </td>
                             <td>
-                                <img src="img/test/netscape.gif">
+                                <img src="/img/static/netscape.gif">
                             </td>
                             <td>
-                                <img src="img/test/noframes.gif">
+                                <img src="/img/static/noframes.gif">
                             </td>
                             <td>
-                                <img src="img/test/siliconvalley.gif">
+                                <img src="/img/static/siliconvalley.gif">
                             </td>
                             <td>
-                                <img src="img/test/notepad.gif">
+                                <img src="/img/static/madevim.gif">
                             </td>
                         </tr>
                     </table>
diff --git a/favicon.ico b/favicon.ico
index 67df5a9..ae6d991 100755
--- a/favicon.ico
+++ b/favicon.ico
diff --git a/files/resume.pdf b/files/resume.pdf
index 1508208..4e1a96c 100755
--- a/files/resume.pdf
+++ b/files/resume.pdf
diff --git a/img/Flag_of_the_United_States.png b/img/Flag_of_the_United_States.png
deleted file mode 100755
index bd496b7..0000000
--- a/img/Flag_of_the_United_States.png
+++ /dev/null
diff --git a/img/Bgnd.gif b/img/bg/Bgnd.gif
index 3aed9be..3aed9be 100755
--- a/img/Bgnd.gif
+++ b/img/bg/Bgnd.gif
diff --git a/img/bgbluestars9.gif b/img/bg/bgbluestars9.gif
index 830f7e4..830f7e4 100755
--- a/img/bgbluestars9.gif
+++ b/img/bg/bgbluestars9.gif
diff --git a/img/bg/bgbluesurface.gif b/img/bg/bgbluesurface.gif
new file mode 100755
index 0000000..0932a3f
--- /dev/null
+++ b/img/bg/bgbluesurface.gif
diff --git a/img/bg/bgcamo.gif b/img/bg/bgcamo.gif
new file mode 100755
index 0000000..70f692d
--- /dev/null
+++ b/img/bg/bgcamo.gif
diff --git a/img/bg/bglittleflowers.gif b/img/bg/bglittleflowers.gif
new file mode 100755
index 0000000..5e1dcfa
--- /dev/null
+++ b/img/bg/bglittleflowers.gif
diff --git a/img/bg/bgmickey.gif b/img/bg/bgmickey.gif
new file mode 100755
index 0000000..2e464f1
--- /dev/null
+++ b/img/bg/bgmickey.gif
diff --git a/img/bg/bgraindrops.gif b/img/bg/bgraindrops.gif
new file mode 100755
index 0000000..44f8a86
--- /dev/null
+++ b/img/bg/bgraindrops.gif
diff --git a/img/bg/bgsky3.gif b/img/bg/bgsky3.gif
new file mode 100755
index 0000000..0d0c19a
--- /dev/null
+++ b/img/bg/bgsky3.gif
diff --git a/img/bg/bgtinyfl.gif b/img/bg/bgtinyfl.gif
new file mode 100755
index 0000000..c8c85e8
--- /dev/null
+++ b/img/bg/bgtinyfl.gif
diff --git a/img/bg/bgtp.gif b/img/bg/bgtp.gif
new file mode 100755
index 0000000..a3c5e56
--- /dev/null
+++ b/img/bg/bgtp.gif
diff --git a/img/bgwhstars.gif b/img/bg/bgwhstars.gif
index d386b53..d386b53 100755
--- a/img/bgwhstars.gif
+++ b/img/bg/bgwhstars.gif
diff --git a/img/construction.gif b/img/bg/construction.gif
index 9d7ea03..9d7ea03 100755
--- a/img/construction.gif
+++ b/img/bg/construction.gif
diff --git a/img/crane2.gif b/img/bg/crane2.gif
index c7509d1..c7509d1 100755
--- a/img/crane2.gif
+++ b/img/bg/crane2.gif
diff --git a/img/flames.gif b/img/bg/flames.gif
index 480f5ca..480f5ca 100755
--- a/img/flames.gif
+++ b/img/bg/flames.gif
diff --git a/img/journal_bk.gif b/img/bg/journal_bk.gif
index 8aeefbc..8aeefbc 100755
--- a/img/journal_bk.gif
+++ b/img/bg/journal_bk.gif
diff --git a/img/bg/marble.jpg b/img/bg/marble.jpg
new file mode 100755
index 0000000..e1811bd
--- /dev/null
+++ b/img/bg/marble.jpg
diff --git a/img/microfab.gif b/img/bg/microfab.gif
index 4cdf0aa..4cdf0aa 100755
--- a/img/microfab.gif
+++ b/img/bg/microfab.gif
diff --git a/img/bg/oreo.png b/img/bg/oreo.png
new file mode 100755
index 0000000..1a80017
--- /dev/null
+++ b/img/bg/oreo.png
diff --git a/img/pigeons.gif b/img/bg/pigeons.gif
index af8eaec..af8eaec 100755
--- a/img/pigeons.gif
+++ b/img/bg/pigeons.gif
diff --git a/img/bg/pinksatin.gif b/img/bg/pinksatin.gif
new file mode 100755
index 0000000..30d9372
--- /dev/null
+++ b/img/bg/pinksatin.gif
diff --git a/img/purple.jpg b/img/bg/purple.jpg
index b9db233..b9db233 100755
--- a/img/purple.jpg
+++ b/img/bg/purple.jpg
diff --git a/img/smoking-skull.gif b/img/bg/smoking-skull.gif
index 6f880ad..6f880ad 100755
--- a/img/smoking-skull.gif
+++ b/img/bg/smoking-skull.gif
diff --git a/img/bg/starwars.webp b/img/bg/starwars.webp
new file mode 100755
index 0000000..4f8a988
--- /dev/null
+++ b/img/bg/starwars.webp
diff --git a/img/stonewal.gif b/img/bg/stonewal.gif
index 1acb58f..1acb58f 100755
--- a/img/stonewal.gif
+++ b/img/bg/stonewal.gif
diff --git a/img/tomjerry.gif b/img/bg/tomjerry.gif
index 467f161..467f161 100755
--- a/img/tomjerry.gif
+++ b/img/bg/tomjerry.gif
diff --git a/img/bg/white-pat.jpg b/img/bg/white-pat.jpg
new file mode 100755
index 0000000..d0fbc12
--- /dev/null
+++ b/img/bg/white-pat.jpg
diff --git a/img/women_bg.GIF b/img/bg/women_bg.GIF
index 98cf823..98cf823 100755
--- a/img/women_bg.GIF
+++ b/img/bg/women_bg.GIF
diff --git a/img/bgbluesurface.gif b/img/bgbluesurface.gif
deleted file mode 100755
index 95daa83..0000000
--- a/img/bgbluesurface.gif
+++ /dev/null
diff --git a/img/bgcamo.gif b/img/bgcamo.gif
deleted file mode 100755
index 8e95a24..0000000
--- a/img/bgcamo.gif
+++ /dev/null
diff --git a/img/bglittleflowers.gif b/img/bglittleflowers.gif
deleted file mode 100755
index 71492c0..0000000
--- a/img/bglittleflowers.gif
+++ /dev/null
diff --git a/img/bgmickey.gif b/img/bgmickey.gif
deleted file mode 100755
index 1b92044..0000000
--- a/img/bgmickey.gif
+++ /dev/null
diff --git a/img/bgraindrops.gif b/img/bgraindrops.gif
deleted file mode 100755
index 9dfa1b8..0000000
--- a/img/bgraindrops.gif
+++ /dev/null
diff --git a/img/bgsky3.gif b/img/bgsky3.gif
deleted file mode 100755
index b427e9d..0000000
--- a/img/bgsky3.gif
+++ /dev/null
diff --git a/img/bgtinyfl.gif b/img/bgtinyfl.gif
deleted file mode 100755
index a5aac03..0000000
--- a/img/bgtinyfl.gif
+++ /dev/null
diff --git a/img/bgtp.gif b/img/bgtp.gif
deleted file mode 100755
index 8168603..0000000
--- a/img/bgtp.gif
+++ /dev/null
diff --git a/img/glyphicons-halflings-white.png b/img/glyphicons-halflings-white.png
deleted file mode 100755
index 3bf6484..0000000
--- a/img/glyphicons-halflings-white.png
+++ /dev/null
diff --git a/img/glyphicons-halflings.png b/img/glyphicons-halflings.png
deleted file mode 100755
index 79bc568..0000000
--- a/img/glyphicons-halflings.png
+++ /dev/null
diff --git a/img/god.jpg b/img/god.jpg
deleted file mode 100755
index f91c6b7..0000000
--- a/img/god.jpg
+++ /dev/null
diff --git a/img/marble.jpg b/img/marble.jpg
deleted file mode 100755
index 53424dc..0000000
--- a/img/marble.jpg
+++ /dev/null
diff --git a/img/oreo.png b/img/oreo.png
deleted file mode 100755
index 6f5e172..0000000
--- a/img/oreo.png
+++ /dev/null
diff --git a/img/pinksatin.gif b/img/pinksatin.gif
deleted file mode 100755
index 2678217..0000000
--- a/img/pinksatin.gif
+++ /dev/null
diff --git a/img/portrait.jpg b/img/portrait.jpg
deleted file mode 100755
index e5972b9..0000000
--- a/img/portrait.jpg
+++ /dev/null
diff --git a/img/screenshot.png b/img/screenshot.png
index ec4a491..d4e4884 100644..100755
--- a/img/screenshot.png
+++ b/img/screenshot.png
diff --git a/img/starwars.gif b/img/starwars.gif
deleted file mode 100755
index 8837fa9..0000000
--- a/img/starwars.gif
+++ /dev/null
diff --git a/img/test/7upspot.gif b/img/static/7upspot.gif
index 685d522..685d522 100755
--- a/img/test/7upspot.gif
+++ b/img/static/7upspot.gif
diff --git a/img/test/Iexplorer.gif b/img/static/Iexplorer.gif
index f1f7503..f1f7503 100755
--- a/img/test/Iexplorer.gif
+++ b/img/static/Iexplorer.gif
diff --git a/img/static/Image_Book.gif b/img/static/Image_Book.gif
new file mode 100755
index 0000000..7ae5c04
--- /dev/null
+++ b/img/static/Image_Book.gif
diff --git a/img/test/TypingComputer.gif b/img/static/TypingComputer.gif
index 70b4571..70b4571 100755
--- a/img/test/TypingComputer.gif
+++ b/img/static/TypingComputer.gif
diff --git a/img/test/americanflag.gif b/img/static/americanflag.gif
index 3b3ec8e..3b3ec8e 100755
--- a/img/test/americanflag.gif
+++ b/img/static/americanflag.gif
diff --git a/img/test/anipiano.gif b/img/static/anipiano.gif
index 495fa48..495fa48 100755
--- a/img/test/anipiano.gif
+++ b/img/static/anipiano.gif
diff --git a/img/static/bestie.jpg b/img/static/bestie.jpg
new file mode 100755
index 0000000..069b324
--- /dev/null
+++ b/img/static/bestie.jpg
diff --git a/img/static/book2.gif b/img/static/book2.gif
new file mode 100755
index 0000000..61044a0
--- /dev/null
+++ b/img/static/book2.gif
diff --git a/img/test/community.gif b/img/static/community.gif
index 3bed29c..3bed29c 100755
--- a/img/test/community.gif
+++ b/img/static/community.gif
diff --git a/img/static/completechinese.webp b/img/static/completechinese.webp
new file mode 100755
index 0000000..916eb8f
--- /dev/null
+++ b/img/static/completechinese.webp
diff --git a/img/test/computer-01.gif b/img/static/computer-01.gif
index 05e64ed..05e64ed 100755
--- a/img/test/computer-01.gif
+++ b/img/static/computer-01.gif
diff --git a/img/test/computer.gif b/img/static/computer.gif
index 19563b5..19563b5 100755
--- a/img/test/computer.gif
+++ b/img/static/computer.gif
diff --git a/img/test/computer2.gif b/img/static/computer2.gif
index e538e08..e538e08 100755
--- a/img/test/computer2.gif
+++ b/img/static/computer2.gif
diff --git a/img/test/computer3.gif b/img/static/computer3.gif
index 5c7624b..5c7624b 100755
--- a/img/test/computer3.gif
+++ b/img/static/computer3.gif
diff --git a/img/test/construction.gif b/img/static/construction.gif
index 72353f0..72353f0 100755
--- a/img/test/construction.gif
+++ b/img/static/construction.gif
diff --git a/img/construction2_1_.gif b/img/static/construction2_1_.gif
index 2e35ff9..2e35ff9 100755
--- a/img/construction2_1_.gif
+++ b/img/static/construction2_1_.gif
diff --git a/img/test/counter.gif b/img/static/counter.gif
index 8a00ef8..8a00ef8 100755
--- a/img/test/counter.gif
+++ b/img/static/counter.gif
diff --git a/img/test/counter2.gif b/img/static/counter2.gif
index 2df2f99..2df2f99 100755
--- a/img/test/counter2.gif
+++ b/img/static/counter2.gif
diff --git a/img/test/dancing_baby.gif b/img/static/dancing_baby.gif
index 400f3cd..400f3cd 100755
--- a/img/test/dancing_baby.gif
+++ b/img/static/dancing_baby.gif
diff --git a/img/test/dancing_girl.gif b/img/static/dancing_girl.gif
index 785aa69..785aa69 100755
--- a/img/test/dancing_girl.gif
+++ b/img/static/dancing_girl.gif
diff --git a/img/test/dancingmouse.gif b/img/static/dancingmouse.gif
index 5589fc6..5589fc6 100755
--- a/img/test/dancingmouse.gif
+++ b/img/static/dancingmouse.gif
diff --git a/img/static/dap.webp b/img/static/dap.webp
new file mode 100755
index 0000000..f08c438
--- /dev/null
+++ b/img/static/dap.webp
diff --git a/img/static/disneyfake.webp b/img/static/disneyfake.webp
new file mode 100755
index 0000000..1fced58
--- /dev/null
+++ b/img/static/disneyfake.webp
diff --git a/img/test/divider.gif b/img/static/divider.gif
index dfd09df..dfd09df 100755
--- a/img/test/divider.gif
+++ b/img/static/divider.gif
diff --git a/img/test/divider1.gif b/img/static/divider1.gif
index 2beccf8..2beccf8 100755
--- a/img/test/divider1.gif
+++ b/img/static/divider1.gif
diff --git a/img/test/divider2.gif b/img/static/divider2.gif
index e439635..e439635 100755
--- a/img/test/divider2.gif
+++ b/img/static/divider2.gif
diff --git a/img/test/divider3.gif b/img/static/divider3.gif
index 93df94b..93df94b 100755
--- a/img/test/divider3.gif
+++ b/img/static/divider3.gif
diff --git a/img/test/divider4.gif b/img/static/divider4.gif
index 7a1b675..7a1b675 100755
--- a/img/test/divider4.gif
+++ b/img/static/divider4.gif
diff --git a/img/test/drudgesiren.gif b/img/static/drudgesiren.gif
index 6500dc0..6500dc0 100755
--- a/img/test/drudgesiren.gif
+++ b/img/static/drudgesiren.gif
diff --git a/img/test/emailme.gif b/img/static/emailme.gif
index 438eedb..438eedb 100755
--- a/img/test/emailme.gif
+++ b/img/static/emailme.gif
diff --git a/img/static/foodlab.webp b/img/static/foodlab.webp
new file mode 100755
index 0000000..14ba0b5
--- /dev/null
+++ b/img/static/foodlab.webp
diff --git a/img/test/funky.gif b/img/static/funky.gif
index f2a18ad..f2a18ad 100755
--- a/img/test/funky.gif
+++ b/img/static/funky.gif
diff --git a/img/test/gate.gif b/img/static/gate.gif
index 9b6b5a5..9b6b5a5 100755
--- a/img/test/gate.gif
+++ b/img/static/gate.gif
diff --git a/img/static/geocities.jpg b/img/static/geocities.jpg
new file mode 100755
index 0000000..36a1764
--- /dev/null
+++ b/img/static/geocities.jpg
diff --git a/img/static/glyphicons-halflings-white.png b/img/static/glyphicons-halflings-white.png
new file mode 100755
index 0000000..0455fb2
--- /dev/null
+++ b/img/static/glyphicons-halflings-white.png
diff --git a/img/static/glyphicons-halflings.jpg b/img/static/glyphicons-halflings.jpg
new file mode 100755
index 0000000..a1354db
--- /dev/null
+++ b/img/static/glyphicons-halflings.jpg
diff --git a/img/static/god.webp b/img/static/god.webp
new file mode 100755
index 0000000..73c88bd
--- /dev/null
+++ b/img/static/god.webp
diff --git a/img/test/gpl3.gif b/img/static/gpl3.gif
index 8980b54..8980b54 100755
--- a/img/test/gpl3.gif
+++ b/img/static/gpl3.gif
diff --git a/img/static/gpl3.jpg b/img/static/gpl3.jpg
new file mode 100755
index 0000000..84a27ec
--- /dev/null
+++ b/img/static/gpl3.jpg
diff --git a/img/test/hacker.gif b/img/static/hacker.gif
index 1d0f6a9..1d0f6a9 100755
--- a/img/test/hacker.gif
+++ b/img/static/hacker.gif
diff --git a/img/test/heart.gif b/img/static/heart.gif
index 7ff56e3..7ff56e3 100755
--- a/img/test/heart.gif
+++ b/img/static/heart.gif
diff --git a/img/test/hot.gif b/img/static/hot.gif
index b9f2a46..b9f2a46 100755
--- a/img/test/hot.gif
+++ b/img/static/hot.gif
diff --git a/img/test/ie_logo.gif b/img/static/ie_logo.gif
index cebd613..cebd613 100755
--- a/img/test/ie_logo.gif
+++ b/img/static/ie_logo.gif
diff --git a/img/static/jazzpianokent.webp b/img/static/jazzpianokent.webp
new file mode 100755
index 0000000..6c1a1c5
--- /dev/null
+++ b/img/static/jazzpianokent.webp
diff --git a/img/static/jazzpianomethod.webp b/img/static/jazzpianomethod.webp
new file mode 100755
index 0000000..2232acb
--- /dev/null
+++ b/img/static/jazzpianomethod.webp
diff --git a/img/static/m570.webp b/img/static/m570.webp
new file mode 100755
index 0000000..6418577
--- /dev/null
+++ b/img/static/m570.webp
diff --git a/img/static/madevim.gif b/img/static/madevim.gif
new file mode 100755
index 0000000..9bdec5c
--- /dev/null
+++ b/img/static/madevim.gif
diff --git a/img/test/mailkitten.gif b/img/static/mailkitten.gif
index 13b34d2..13b34d2 100755
--- a/img/test/mailkitten.gif
+++ b/img/static/mailkitten.gif
diff --git a/img/static/masterchinese.webp b/img/static/masterchinese.webp
new file mode 100755
index 0000000..9b47169
--- /dev/null
+++ b/img/static/masterchinese.webp
diff --git a/img/static/masterfrench.webp b/img/static/masterfrench.webp
new file mode 100755
index 0000000..3359481
--- /dev/null
+++ b/img/static/masterfrench.webp
diff --git a/img/test/mchammer.gif b/img/static/mchammer.gif
index 5588eb8..5588eb8 100755
--- a/img/test/mchammer.gif
+++ b/img/static/mchammer.gif
diff --git a/img/test/netscape.gif b/img/static/netscape.gif
index e4d865e..e4d865e 100755
--- a/img/test/netscape.gif
+++ b/img/static/netscape.gif
diff --git a/img/test/netscape2.gif b/img/static/netscape2.gif
index 389e376..389e376 100755
--- a/img/test/netscape2.gif
+++ b/img/static/netscape2.gif
diff --git a/img/test/new.gif b/img/static/new.gif
index 3470f28..3470f28 100755
--- a/img/test/new.gif
+++ b/img/static/new.gif
diff --git a/img/test/new2.gif b/img/static/new2.gif
index 6f0dd9d..6f0dd9d 100755
--- a/img/test/new2.gif
+++ b/img/static/new2.gif
diff --git a/img/test/noframes.gif b/img/static/noframes.gif
index 11a7939..11a7939 100755
--- a/img/test/noframes.gif
+++ b/img/static/noframes.gif
diff --git a/img/test/notepad.gif b/img/static/notepad.gif
index b89f3e3..b89f3e3 100755
--- a/img/test/notepad.gif
+++ b/img/static/notepad.gif
diff --git a/img/test/ns_logo.gif b/img/static/ns_logo.gif
index 2608bc0..2608bc0 100755
--- a/img/test/ns_logo.gif
+++ b/img/static/ns_logo.gif
diff --git a/img/static/panda_dancing.gif b/img/static/panda_dancing.gif
new file mode 100755
index 0000000..ce0e71b
--- /dev/null
+++ b/img/static/panda_dancing.gif
diff --git a/img/static/portrait.webp b/img/static/portrait.webp
new file mode 100755
index 0000000..2d84682
--- /dev/null
+++ b/img/static/portrait.webp
diff --git a/img/progress.gif b/img/static/progress.gif
index ee8a4c3..ee8a4c3 100755
--- a/img/progress.gif
+++ b/img/static/progress.gif
diff --git a/img/rainbow.gif b/img/static/rainbow.gif
index baa8ecd..baa8ecd 100755
--- a/img/rainbow.gif
+++ b/img/static/rainbow.gif
diff --git a/img/static/realbook.webp b/img/static/realbook.webp
new file mode 100755
index 0000000..bd51ca6
--- /dev/null
+++ b/img/static/realbook.webp
diff --git a/img/test/sign-in.gif b/img/static/sign-in.gif
index 12c49db..12c49db 100755
--- a/img/test/sign-in.gif
+++ b/img/static/sign-in.gif
diff --git a/img/test/siliconvalley.gif b/img/static/siliconvalley.gif
index dbb7278..dbb7278 100755
--- a/img/test/siliconvalley.gif
+++ b/img/static/siliconvalley.gif
diff --git a/img/test/snoopy.gif b/img/static/snoopy.gif
index 34af01f..34af01f 100755
--- a/img/test/snoopy.gif
+++ b/img/static/snoopy.gif
diff --git a/img/test/spinningearth.gif b/img/static/spinningearth.gif
index a9c999a..a9c999a 100755
--- a/img/test/spinningearth.gif
+++ b/img/static/spinningearth.gif
diff --git a/img/stars.gif b/img/static/stars.gif
index 4e85191..4e85191 100755
--- a/img/stars.gif
+++ b/img/static/stars.gif
diff --git a/img/static/tokyorecipes.webp b/img/static/tokyorecipes.webp
new file mode 100755
index 0000000..effb0eb
--- /dev/null
+++ b/img/static/tokyorecipes.webp
diff --git a/img/test/underconstruction.gif b/img/static/underconstruction.gif
index c0d9067..c0d9067 100755
--- a/img/test/underconstruction.gif
+++ b/img/static/underconstruction.gif
diff --git a/img/usanimatedflag.gif b/img/static/usanimatedflag.gif
index 34ac5e2..34ac5e2 100755
--- a/img/usanimatedflag.gif
+++ b/img/static/usanimatedflag.gif
diff --git a/img/vn-flag1.gif b/img/static/vn-flag1.gif
index c2a200a..c2a200a 100755
--- a/img/vn-flag1.gif
+++ b/img/static/vn-flag1.gif
diff --git a/img/vultr.webp b/img/static/vultr.webp
index 79160e4..79160e4 100755
--- a/img/vultr.webp
+++ b/img/static/vultr.webp
diff --git a/img/static/w530.webp b/img/static/w530.webp
new file mode 100755
index 0000000..96b7c38
--- /dev/null
+++ b/img/static/w530.webp
diff --git a/img/test/wabwalk.gif b/img/static/wabwalk.gif
index 1732304..1732304 100755
--- a/img/test/wabwalk.gif
+++ b/img/static/wabwalk.gif
diff --git a/img/test/webtrips.gif b/img/static/webtrips.gif
index 7442f39..7442f39 100755
--- a/img/test/webtrips.gif
+++ b/img/static/webtrips.gif
diff --git a/img/test/welcome.gif b/img/static/welcome.gif
index 824ad28..824ad28 100755
--- a/img/test/welcome.gif
+++ b/img/static/welcome.gif
diff --git a/img/static/wmo.webp b/img/static/wmo.webp
new file mode 100755
index 0000000..3c750b5
--- /dev/null
+++ b/img/static/wmo.webp
diff --git a/img/static/xmr.png b/img/static/xmr.png
new file mode 100755
index 0000000..3f1bf08
--- /dev/null
+++ b/img/static/xmr.png
diff --git a/img/static/xrp.png b/img/static/xrp.png
new file mode 100755
index 0000000..f857dc7
--- /dev/null
+++ b/img/static/xrp.png
diff --git a/img/test/yahooweek.gif b/img/static/yahooweek.gif
index 0ab75c7..0ab75c7 100755
--- a/img/test/yahooweek.gif
+++ b/img/static/yahooweek.gif
diff --git a/img/test/bestie.jpg b/img/test/bestie.jpg
deleted file mode 100755
index 98cd881..0000000
--- a/img/test/bestie.jpg
+++ /dev/null
diff --git a/img/test/dap.jpg b/img/test/dap.jpg
deleted file mode 100755
index 9a5c2d8..0000000
--- a/img/test/dap.jpg
+++ /dev/null
diff --git a/img/test/geocities.jpg b/img/test/geocities.jpg
deleted file mode 100755
index cfb69bf..0000000
--- a/img/test/geocities.jpg
+++ /dev/null
diff --git a/img/test/gpl3.png b/img/test/gpl3.png
deleted file mode 100755
index 3e9136e..0000000
--- a/img/test/gpl3.png
+++ /dev/null
diff --git a/img/test/m570.jpg b/img/test/m570.jpg
deleted file mode 100755
index e7b6e41..0000000
--- a/img/test/m570.jpg
+++ /dev/null
diff --git a/img/test/w530.jpg b/img/test/w530.jpg
deleted file mode 100755
index 7d8bc7d..0000000
--- a/img/test/w530.jpg
+++ /dev/null
diff --git a/img/test/wmo.jpg b/img/test/wmo.jpg
deleted file mode 100755
index 55ac18b..0000000
--- a/img/test/wmo.jpg
+++ /dev/null
diff --git a/img/white-pat.jpg b/img/white-pat.jpg
deleted file mode 100755
index 6c39abb..0000000
--- a/img/white-pat.jpg
+++ /dev/null
diff --git a/index.html b/index.html
index 0b8fd24..e5fe57d 100755
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
                                 <li><a href="#lifestyle">Lifestyle</a></li>
                                 <li><a href="#personal">Public Sites</a></li>
                                 <li><a href="#misc">Miscellaneous</a></li>
+                                <li><a href="#donate">Donate</a></li>
                                 <li><a href="#contact">Contact</a></li>
                             </ul>
                         </div><!-- /.nav-collapse -->
@@ -34,13 +35,13 @@
         </section>
 
         <center>
-            <img src="img/test/welcome.gif">
-            <h1><img src="img/test/anipiano.gif">&nbsp;<blink><FONT COLOR="#FF0000">T</FONT><FONT COLOR="#FF5A00">y</FONT><FONT COLOR="#FFB400">l</FONT><FONT COLOR="#FFff00">e</FONT><FONT COLOR="#A5ff00">r</FONT><FONT COLOR="#4Bff00">'</FONT><FONT COLOR="#00ff00">s</FONT><FONT COLOR="#00ff5A"> </FONT><FONT COLOR="#00ffB4">W</FONT><FONT COLOR="#00ffff">e</FONT><FONT COLOR="#00B4ff">b</FONT><FONT COLOR="#005Aff">s</FONT><FONT COLOR="#0000ff">i</FONT><FONT COLOR="#4B00ff">t</FONT><FONT COLOR="#A500ff">e</FONT></blink><img src='/img/construction2_1_.gif'></h1>
+            <img src="/img/static/welcome.gif">
+            <h1><img src="/img/static/anipiano.gif">&nbsp;<blink><FONT COLOR="#FF0000">T</FONT><FONT COLOR="#FF5A00">y</FONT><FONT COLOR="#FFB400">l</FONT><FONT COLOR="#FFff00">e</FONT><FONT COLOR="#A5ff00">r</FONT><FONT COLOR="#4Bff00">'</FONT><FONT COLOR="#00ff00">s</FONT><FONT COLOR="#00ff5A"> </FONT><FONT COLOR="#00ffB4">W</FONT><FONT COLOR="#00ffff">e</FONT><FONT COLOR="#00B4ff">b</FONT><FONT COLOR="#005Aff">s</FONT><FONT COLOR="#0000ff">i</FONT><FONT COLOR="#4B00ff">t</FONT><FONT COLOR="#A500ff">e</FONT></blink><img src='/img/static/construction2_1_.gif'></h1>
 
 
-            <img src='/img/usanimatedflag.gif'>
-            <img src='/img/god.jpg' width='150' style="border-radius: 0%";>
-            <img src='/img/vn-flag1.gif'>
+            <img src='/img/static/usanimatedflag.gif'>
+            <img src='/img/static/god.webp' width='150' style="border-radius: 0%";>
+            <img src='/img/static/vn-flag1.gif'>
 
         </center>
 
@@ -50,17 +51,17 @@
                     <h1>About Me</h1>
                 </div>
                 <center>
-                    <img src="img/test/snoopy.gif" width="70">
-                    <img src="img/test/snoopy.gif" width="70">
-                    <img src="img/test/snoopy.gif" width="70">
+                    <img src="/img/static/snoopy.gif" width="70">
+                    <img src="/img/static/snoopy.gif" width="70">
+                    <img src="/img/static/snoopy.gif" width="70">
                     <center>
                         <a href="#top">Back to top of page</a>
                     </center>
                 </center>
             </div>
-            <p>Hi, my name is Tyler, some might know me as Thuy, Tiger, or Train; and welcome to my personal website. Here you'll find various links to services that I host, along with just random things I feel like sharing with people. Please enjoy your stay here.<img src="img/portrait.jpg" width="85" align="right"></p>
+            <p>Hi, my name is Tyler, some might know me as Thuy, Tiger, or Train; and welcome to my personal website. Here you'll find various links to services that I host, along with just random things I feel like sharing with people. Please enjoy your stay here.<img src="img/static/portrait.webp" width="85" align="right"></p>
             <p>I'm Vietnamese and I immigrated to the United States when I was 6, I can speak both languages, although my english is substantially better.</p>
-            <p>I'm 18 years old and currently attending Orange Coast College to get my associate's degree in business administration. My hobbies include cooking, playing jazz piano, and tinkering with servers on Linux. To be quite honest I still don't know what I want to do with my life career-wise, so I'm just kind of riding the wave and getting my associats out of the way since college is basically free for me right now. I was really adamant on becoming a chef, so much so that I applied and got accepted to the Culinary Institute of America, but sadly I couldn't afford the tuition, so that dream is somewhat dead. </p>
+            <p>I'm 18 years old and currently attending Orange Coast College to get my associate's degree in business administration. My hobbies include cooking, playing jazz piano, and tinkering with servers on Linux. To be quite honest I still don't know what I want to do with my life career-wise, so I'm just kind of riding the wave and getting my associate's out of the way since college is basically free for me right now. I was really adamant on becoming a chef, so much so that I applied and got accepted to the Culinary Institute of America, but sadly I couldn't afford the tuition, so that dream is somewhat dead. </p>
 
             <p>I'm also the bandleader of the Tyler Hoang Trio, a jazz trio. The band was just recently formed, so no gigs yet.</p>
         </section>
@@ -71,20 +72,22 @@
                     <h1>Public Sites</h1>
                 </div>
                 <center>
-                    <img src="img/test/mchammer.gif">
-                    <img src="img/test/mchammer.gif">
-                    <img src="img/test/mchammer.gif">
+                    <img src="/img/static/mchammer.gif">
+                    <img src="/img/static/mchammer.gif">
+                    <img src="/img/static/mchammer.gif">
                     <center>
                         <a href="#top">Back to top of page</a>
                     </center>
                 </center>
             </div>
-            <h3>Here are all of the public services that I host for others to use. If you use any of these services, know that I never keep logs, and even if I did, I'm too busy to look through them anyways. All of the software used to host these services are open source also.</h3>
+            <h4>Here are all of the public services that I host for others to use. I do keep logs. Basically, I log your IP address, user-agent, what you looked at, and when. Most of the time though, I'm too busy to look through them anyways, and I only look through them if someone's abusing the services. All of the software used to host these services are open source also.</h4>
             <p><a class="btn btn-primary btn-large" href=https://zoomersrants.xyz>Zoomer's Rants</a> - My personal blog where I talk about politics and technology. I don't update it very often though.
 
 	    <p><a class="btn btn-primary btn-large" href=https://tylerhoang.xyz/searx>Searx</a> - My own public instance of the Searx search-engine. And no, I don't collect any logs or data if you decide to use it.
 
-	    <p><a class="btn btn-primary btn-large" href=https://up.tylerhoang.xyz>Chibisafe</a> - My instance of Chibisafe, a fast and easy to use drag and drop file sharing site..
+	    <p><a class="btn btn-primary btn-large">XMPP</a> - My own XMPP instance with the domain name @tylerhoang.xyz. The server runs on Prosody, and is compliant with XMPP Specifications. Registration is disabled, so please contact me if you'd like an account on here. <a href='https://compliance.conversations.im/server/tylerhoang.xyz'><img src='https://compliance.conversations.im/badge/tylerhoang.xyz'></a> <a href='https://xmpp.net/result.php?domain=tylerhoang.xyz&amp;type=server'><img src='https://xmpp.net/badge.php?domain=tylerhoang.xyz' alt='xmpp.net score' /></a>
+
+	    <p><a class="btn btn-primary btn-large" href=https://up.tylerhoang.xyz>Lainsafe</a> - My instance of Lainsafe, a fast and easy to use drag and drop file sharing site. If someone hosted abusive material on my site, please let me know ASAP so I can take appropriate action.
 
             <p><a class="btn btn-primary btn-large" href=https://yt.tylerhoang.xyz>Invidious</a> - An alternative open source front-end for YouTube.
         </section>
@@ -95,22 +98,22 @@
                     <h1>Lifestyle</h1>
                 </div>
                 <center>
-                    <img src="img/test/dancingmouse.gif" width="90">
-                    <img src="img/test/dancingmouse.gif" width="90">
-                    <img src="img/test/dancingmouse.gif" width="90">
+                    <img src="/img/static/dancingmouse.gif" width="90">
+                    <img src="/img/static/dancingmouse.gif" width="90">
+                    <img src="/img/static/dancingmouse.gif" width="90">
                 </center>
                 <center>
                     <a href="#top">Back to top of page</a>
                 </center>
             </div>
-            <h3>Stuff about my interests.</h3>
+            <h4>Stuff about my interests.</h4>
             <p><a class="btn btn-large" href=https://tylerhoang.xyz/articles/software.html>Software & Equipment</a> - A list of hardware and software that I personally use on my machine.
 
             <p><a class="btn btn-large" href=https://tylerhoang.xyz/articles/music.html>Music Recommendations</a> - My personal list of all the music that I've listened to. I find new music to listen to all the time, and this list might not be up to date, but I'll try and update it somewhat often.</p>
 
             <p><a class="btn btn-large" href=https://tylerhoang.xyz/files/movie.pdf>Movie List and Reviews</a> - A list of movies that my friend Mark and I have watched together. After watching it we grade the movie on a scale of 0 to 3 Stars.</p>
 
-            <p><a class="btn btn-large" href=https://tylerhoang.xyz/library/>Personal Library</a> - A collection of books that I've collected over the years.</p>
+            <p><a class="btn btn-large" href=https://tylerhoang.xyz/articles/library.html>Personal Library</a> - A collection of books that I've collected and my thoughts on them.</p>
 
 	</section>
 
@@ -120,9 +123,9 @@
                     <h1>Miscellaneous</h1>
                 </div>
                 <center>
-                    <img src="img/test/dancing_girl.gif" width="60">
-                    <img src="img/test/dancing_girl.gif" width="60">
-                    <img src="img/test/dancing_girl.gif" width="60">
+                    <img src="/img/static/dancing_girl.gif" width="60">
+                    <img src="/img/static/dancing_girl.gif" width="60">
+                    <img src="/img/static/dancing_girl.gif" width="60">
                 </center>
                 <center>
                     <a href="#top">Back to top of page</a>
@@ -134,35 +137,63 @@
 
         </section>
 
+        <section id="donate" style="padding-top: 0">
+            <div class="page-header">
+                <div class="well">
+                    <h1>Donate</h1>
+                </div>
+                <center>
+                    <img src="/img/static/panda_dancing.gif" width="60">
+                    <img src="/img/static/panda_dancing.gif" width="60">
+                    <img src="/img/static/panda_dancing.gif" width="60">
+                </center>
+                <center>
+                    <a href="#top">Back to top of page</a>
+                </center>
+            </div>
+	    <h4>If you like the website and found it useful, maybe consider donating a few bucks and allow me to gourge myself on some Taco Bell.</h4>
+
+            <p><a class="btn btn-medium">Zelle: tyler@tylerhoang.xyz</a> - If your bank supports Zelle, you can donate to my email address.
+            <p><a class="btn btn-medium" href=https://paypal.me/tyhoang69>Paypal: tyler@tylerhoang.xyz</a> - If you use PayPal, you can donate to my email address.
+
+	    <h4>If you prefer to donate to me using cryptocurrencies, look below.</h4>
+	    <p><a class="btn btn-medium" href=monero:473TZBZff6L7NKcdH8deMoeCRMQ5YWXUVVghHp5zoJ2WYd7mYmYgbUVgJZdPW5g4au2s3DiRs769hHQ5Rax6Vr57Mpk4YSD>Monero</a> - Address: <code>473TZBZff6L7NKcdH8deMoeCRMQ5YWXUVVghHp5zoJ2WYd7mYmYgbUVgJZdPW5g4au2s3DiRs769hHQ5Rax6Vr57Mpk4YSD</code>. (<a href=/img/static/xmr.png>XMR QR</a>).
+	    <p><a class="btn btn-medium">Ripple</a> - Address: <code>rMdG3ju8pgyVh29ELPWaDuA74CpWW6Fxns</code>. Destination Tag: <code>3963998596</code>. (<a href=/img/static/xrp.png>XRP QR</a>).
+            <p><a class="btn btn-medium">BAT</a> - If you use the Brave browser, you can tip me some BAT at any of my websites listed above.
+            <p><a class="btn btn-medium">Uphold: tyler@tylerhoang.xyz</a> - If you use Uphold to trade crypto, you can send any crypto they support to my email address.
+
+        </section>
+
         <section id="contact" style="padding-top: 0">
             <div class="page-header">
                 <div class="well">
                     <h1>Contact</h1>
                 </div>
                 <center>
-                    <img src="img/test/dancing_baby.gif">
-                    <img src="img/test/dancing_baby.gif">
-                    <img src="img/test/dancing_baby.gif">
+                    <img src="/img/static/dancing_baby.gif">
+                    <img src="/img/static/dancing_baby.gif">
+                    <img src="/img/static/dancing_baby.gif">
                 </center>
                 <center>
                     <a href="#top">Back to top of page</a>
                 </center>
             </div>
-            <p><a class="btn btn-large " href=mailto:tyler@tylerhoang.xyz>E-Mail: tyler@tylerhoang.xyz</a> - This is my public/professional email that I don't mind giving away to other people. If you want to contact me this is the primary way to do it. I'll probably respond within a day or two. As always, if you can, please encrypt the email with my GPG key.
-            <p><a class="btn btn-large" href='https://gitlab.com/trollshotlol'>Gitlab</a> - My gitlab, although there's basically nothing on it except for some outdated .config files and scripts. I'm not a programmer or a scripter, so please don't ask me to help you with those sort of things.
+            <p><a class="btn btn-large" href=mailto:tyler@tylerhoang.xyz>E-Mail: tyler@tylerhoang.xyz</a> - This is my public/professional email that I don't mind giving away to other people. If you want to contact me this is the primary way to do it. I'll probably respond within a day or two. As always, if you can, please encrypt the email with my GPG key.
+            <p><a class="btn btn-large" href=xmpp:tyler@tylerhoang.xyz>XMPP: tyler@tylerhoang.xyz</a> - My personal XMPP account hosted on my own XMPP server. If you do decide to message me this way, please use a client that supports OMEMO encryption and enable it before messaging me. I recommend using Gajim/Dino for Desktop, and Conversations for Android.
+            <p><a class="btn btn-large" href='https://github.com/tyhoang'>Github</a> - My Github, although there's basically nothing on it except for some outdated .config files and the source code for this site. I'm not a programmer or a scripter, so please don't ask me to help you with those sort of things.
         </section>
         <div class='text-center'>
             <audio id="audio" controls autoplay loop style="display: none"> 
-		<source src='/mus/lbm.mp3' type='audio/mpeg'>
+		<source src='/mus/mmt.mp3' type='audio/mpeg'>
 	    </audio>
         </div>
 
     </body>
     <script>
-	document.getElementsByTagName('audio')[0].volume = 0.2; 
+	document.getElementsByTagName('audio')[0].volume = 0.15; 
     </script>
     <footer style="text-align: right">
         <p><b>Tyler Hoang © 2021</b></p>
-	<p></b>Hosted on <a href='https://www.vultr.com/?ref=8840975'><img src='/img/vultr.webp' width=75></a></b></p>
+	<p></b>Hosted on <a href='https://www.vultr.com/?ref=8840975'><img src='/img/static/vultr.webp' width=75></a></b></p>
     </footer>
     <html lang="en">