updated

1 files changed, 62 insertions, 31 deletions

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