general updates

2 files changed, 89 insertions, 17 deletions

diff --git a/css/index.css b/css/index.css
index a136a8c..c06a380 100644
--- a/css/index.css
+++ b/css/index.css
@@ -163,6 +163,13 @@ svg:hover {
 #about ul li {
     font-size: 18px;
     margin-top: 7px;
+    text-decoration: none;
+}
+
+#about ul li svg {
+    height: 18px;
+    width: 18px;
+    margin: 0;
 }
 
 /* About media query for mobile */
@@ -183,6 +190,11 @@ svg:hover {
         font-size: 1rem;
     }
 
+    #about ul li svg {
+        height: 1rem;
+        width: 1rem;
+    }
+
     #about ul li {
         margin-top: 10px;
     }
diff --git a/index.html b/index.html
index 07db7be..afbd9f4 100644
--- a/index.html
+++ b/index.html
@@ -79,11 +79,6 @@
                 <path d="M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.668484 6 44 7.3315161 44 9 L 44 41 C 44 42.668484 42.668484 44 41 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 14 11.011719 C 12.904779 11.011719 11.919219 11.339079 11.189453 11.953125 C 10.459687 12.567171 10.011719 13.484511 10.011719 14.466797 C 10.011719 16.333977 11.631285 17.789609 13.691406 17.933594 A 0.98809878 0.98809878 0 0 0 13.695312 17.935547 A 0.98809878 0.98809878 0 0 0 14 17.988281 C 16.27301 17.988281 17.988281 16.396083 17.988281 14.466797 A 0.98809878 0.98809878 0 0 0 17.986328 14.414062 C 17.884577 12.513831 16.190443 11.011719 14 11.011719 z M 14 12.988281 C 15.392231 12.988281 15.94197 13.610038 16.001953 14.492188 C 15.989803 15.348434 15.460091 16.011719 14 16.011719 C 12.614594 16.011719 11.988281 15.302225 11.988281 14.466797 C 11.988281 14.049083 12.140703 13.734298 12.460938 13.464844 C 12.78117 13.19539 13.295221 12.988281 14 12.988281 z M 11 19 A 1.0001 1.0001 0 0 0 10 20 L 10 39 A 1.0001 1.0001 0 0 0 11 40 L 17 40 A 1.0001 1.0001 0 0 0 18 39 L 18 33.134766 L 18 20 A 1.0001 1.0001 0 0 0 17 19 L 11 19 z M 20 19 A 1.0001 1.0001 0 0 0 19 20 L 19 39 A 1.0001 1.0001 0 0 0 20 40 L 26 40 A 1.0001 1.0001 0 0 0 27 39 L 27 29 C 27 28.170333 27.226394 27.345035 27.625 26.804688 C 28.023606 26.264339 28.526466 25.940057 29.482422 25.957031 C 30.468166 25.973981 30.989999 26.311669 31.384766 26.841797 C 31.779532 27.371924 32 28.166667 32 29 L 32 39 A 1.0001 1.0001 0 0 0 33 40 L 39 40 A 1.0001 1.0001 0 0 0 40 39 L 40 28.261719 C 40 25.300181 39.122788 22.95433 37.619141 21.367188 C 36.115493 19.780044 34.024172 19 31.8125 19 C 29.710483 19 28.110853 19.704889 27 20.423828 L 27 20 A 1.0001 1.0001 0 0 0 26 19 L 20 19 z M 12 21 L 16 21 L 16 33.134766 L 16 38 L 12 38 L 12 21 z M 21 21 L 25 21 L 25 22.560547 A 1.0001 1.0001 0 0 0 26.798828 23.162109 C 26.798828 23.162109 28.369194 21 31.8125 21 C 33.565828 21 35.069366 21.582581 36.167969 22.742188 C 37.266572 23.901794 38 25.688257 38 28.261719 L 38 38 L 34 38 L 34 29 C 34 27.833333 33.720468 26.627107 32.990234 25.646484 C 32.260001 24.665862 31.031834 23.983076 29.517578 23.957031 C 27.995534 23.930001 26.747519 24.626988 26.015625 25.619141 C 25.283731 26.611293 25 27.829667 25 29 L 25 38 L 21 38 L 21 21 z"/>
             </svg>
         </a>
-        <a href="xmpp:contact@pkrm.dev" target="_blank" title="Send me a message on XMPP">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px" fill="#9F9FAA">
-                <path d="M 47.919922 8.4101562 C 47.819922 8.4101562 47.709609 8.4307031 47.599609 8.4707031 L 34.669922 12.779297 C 34.269922 12.909297 34.000234 13.280937 33.990234 13.710938 C 33.800234 21.490938 30.559141 28.280625 26.369141 33.140625 C 26.839141 33.640625 27.339844 34.120547 27.839844 34.560547 C 32.209844 29.550547 35.600703 22.599219 35.970703 14.449219 L 46.699219 10.880859 C 45.159219 18.710859 38.040625 29.139453 28.890625 35.439453 C 29.450625 35.899453 30.019844 36.309922 30.589844 36.669922 C 40.619844 29.519922 48.079922 17.799766 48.919922 9.5097656 C 48.979922 8.8997656 48.489922 8.4101563 47.919922 8.4101562 z M 2.078125 8.4140625 C 1.510125 8.4140625 1.017125 8.9008125 1.078125 9.5078125 C 2.342125 21.977813 18.578609 42.202563 35.974609 42.976562 C 35.988609 42.977562 36.003578 42.978516 36.017578 42.978516 C 36.559578 42.978516 37 42.522609 37 41.974609 L 37 41.941406 C 37 41.439406 36.631812 41.004125 36.132812 40.953125 C 28.218812 40.155125 16.370766 28.788078 16.009766 13.705078 C 15.999766 13.283078 15.732031 12.909391 15.332031 12.775391 L 2.3984375 8.4667969 C 2.2914375 8.4307969 2.183125 8.4140625 2.078125 8.4140625 z M 3.3046875 10.876953 L 14.033203 14.451172 C 14.507203 24.886172 19.946969 33.377594 26.042969 38.308594 C 14.590969 32.818594 5.1066875 20.064953 3.3046875 10.876953 z M 19.349609 39.050781 C 17.439609 40.130781 15.569141 40.790938 13.869141 40.960938 C 13.369141 41.010937 13 41.439453 13 41.939453 L 13 41.970703 C 13 42.520703 13.440469 42.980469 13.980469 42.980469 L 14.029297 42.980469 C 16.959297 42.850469 19.860156 42.160781 22.660156 41.050781 C 21.530156 40.450781 20.429609 39.770781 19.349609 39.050781 z"/>
-            </svg>
-        </a>
         <a href="/parker.asc" target="_blank" title="My PGP public key">
             <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="50px" height="50px" fill="#9F9FAA">
@@ -103,35 +98,100 @@
     <section id="about">
         <h1>About Me</h1>
         <p>I am a freshman in Computer Science at the University of Texas at Austin - also in <a href="https://fri.cns.utexas.edu/" target="_blank">FRI</a> Quantum Computing. I manage a Debian based home server where I self-host everything I can. In addition to this, I actively work on personal projects, <i>most</i> of which are open-sourced.</p>
-        <p>View my projects on my personal <a href="https://git.pkrm.dev/parker" target="_blank">Gitea</a> instance, or my <a href="https://github.com/packetparker" target="_blank">GitHub</a> profile (mostly mirrors).</p>
+        <p>View my projects on <a href="https://github.com/packetparker" target="_blank">GitHub</a> (mostly mirrors), or my personal <a href="https://git.pkrm.dev" target="_blank">cgit</a> instance for something a little lighter.</p>
         <br>
         <h1>Things I run on my server</h1>
         <ul>
-            <li><a href="https://www.wireguard.com/" target="_blank">WireGuard</a>: Easy access to my home network when I'm away</li>
-            <li><a href="https://syncthing.net/" target="_blank">Syncthing</a>: Sync important files/databases across all of my machines</li>
+            <li><a href="https://www.wireguard.com/" target="_blank">WireGuard</a>: My own personal VPN</li>
+            <li><a href="https://syncthing.net/" target="_blank">Syncthing</a>: Sync important files across all of my machines</li>
             <li><a href="https://www.dnscrypt.org/" target="_blank">DNSCrypt</a>: My own encrypted DNS resolver</li>
-            <li><a href="https://adguard.com/en/welcome.html" target="_blank">AdGuard</a>: DNS sinkhole to block ads + DNS hostnames</li>
-            <li><a href="https://xmpp.org/" target="_blank">XMPP</a>: I host my own personal XMPP server for people to contact me ( always use encryption )</li>
+            <li><a href="https://adguard.com/en/welcome.html" target="_blank">AdGuard</a>: DNS sinkhole for DNS hostnames + ad blocking</li>
             <li><a href="https://immich.app/" target="_blank">Immich</a>: Photo and video management, like Google Photos</li>
             <li><a href="https://lavalink.dev/" target="_blank">Lavalink</a>: Audio node for my Discord music bot</li>
-            <li><a href="https://git.pkrm.dev/parker/guava" target="_blank">Guava</a>: My open source and easily self-hostable Discord music bot</li>
-            <li><a href="https://git.pkrm.dev/parker/linklogger" target="_blank">LinkLogger</a>: My open source link shortener and IP logger</li>
-            <li>... and <i>a lot</i> of media management services/tools</li>
+            <li>
+                <a href="https://www.github.com/packetparker/guava" target="_blank">
+                    Guava
+                </a> |
+                <a href="https://git.pkrm.dev/guava" target="_blank" title="View the Guava source on my cgit instance">
+                    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#444">
+                        <path d="M20,24H0V4h11v2H2v16h16v-9h2V24z M12.7,12.7l-1.4-1.4L20.6,2H14V0h10v10h-2V3.4L12.7,12.7z"/>
+                    </svg>
+                </a>
+                : My open source and easily self-hostable Discord music bot
+            </li>
+            <li>
+                <a href="https://www.github.com/packetparker/linklogger" target="_blank">
+                    LinkLogger
+                </a> |
+                <a href="https://git.pkrm.dev/linklogger" target="_blank" title="View the LinkLogger source on my cgit instance">
+                    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#444">
+                        <path d="M20,24H0V4h11v2H2v16h16v-9h2V24z M12.7,12.7l-1.4-1.4L20.6,2H14V0h10v10h-2V3.4L12.7,12.7z"/>
+                    </svg>
+                </a>
+                : My open source link shortener and IP logger
+            </li>
+            <li>... and <i>a lot</i> of various other projects and tools.</li>
         </ul>
         <br>
         <h1>Personal Projects</h1>
 
         <h2>Top 3</h2>
         <ul>
-            <li><a href="https://git.pkrm.dev/parker/guava" target="_blank">Guava</a>: Dead simple Discord music bot. Allows playing music from Spotify, Apple Music, SoundCloud, YouTube, Deezer, Bandcamp, and Twitch. Currently in >225 unique servers!</li>
-            <li><a href="https://git.pkrm.dev/parker/linklogger" target="_blank">LinkLogger</a>: Link shortener and IP logger. Features a full Web UI in React with a public API built on FastAPI.</li>
+            <li>
+                <a href="https://www.github.com/packetparker/guava" target="_blank">
+                    Guava
+                </a> |
+                <a href="https://git.pkrm.dev/guava" target="_blank" title="View the Guava source on my cgit instance">
+                    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#444">
+                        <path d="M20,24H0V4h11v2H2v16h16v-9h2V24z M12.7,12.7l-1.4-1.4L20.6,2H14V0h10v10h-2V3.4L12.7,12.7z"/>
+                    </svg>
+                </a>
+                : Dead simple Discord music bot. Allows playing music from Spotify, Apple Music, SoundCloud, YouTube, Deezer, Bandcamp, and Twitch. Currently in >235 unique servers!
+            </li>
+            <li>
+                <a href="https://www.github.com/packetparker/linklogger" target="_blank">
+                    LinkLogger
+                </a> |
+                <a href="https://git.pkrm.dev/linklogger" target="_blank" title="View the LinkLogger source on my cgit instance">
+                    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#444">
+                        <path d="M20,24H0V4h11v2H2v16h16v-9h2V24z M12.7,12.7l-1.4-1.4L20.6,2H14V0h10v10h-2V3.4L12.7,12.7z"/>
+                    </svg>
+                </a>
+                : Link shortener and IP logger. Features a full Web UI in React with a public API built on FastAPI.
+            </li>
             <li><a href="https://www.congressionalappchallenge.us/23-TX06/" target="_blank">EduStore</a> (Closed Source): Inventory management for school districts. Developed during my internship at and for Mansfield ISD. Won 1st place in the Congressional App Challenge for Texas' 6th District.</li>
         </ul>
 
         <h2>Others</h2>
         <ul>
-            <li><a href="https://git.pkrm.dev/parker/cordarr" target="_blank">CordArr</a>: Request new content for Radarr/Sonarr libraries and create temporary Jellyfin accounts through Discord commands.</li>
-            <li><a href="https://github.com/peakpass/peakpass" target="_blank">PeakPass</a> Web-based password manager that checks user hashes against previosuly breached passwords. Features strong encryption algorithms, password hashing + salting, and a custom implementation of breach detection ( rather than using an API like <a href="https://haveibeenpwned.com/API/v3">HIBP</a> )</li>
+            <li>
+                <a href="https://www.github.com/packetparker/cordarr" target="_blank">
+                    CordArr
+                </a> |
+                <a href="https://git.pkrm.dev/cordarr" target="_blank" title="View the CordArr source on my cgit instance">
+                    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#444">
+                        <path d="M20,24H0V4h11v2H2v16h16v-9h2V24z M12.7,12.7l-1.4-1.4L20.6,2H14V0h10v10h-2V3.4L12.7,12.7z"/>
+                    </svg>
+                </a>
+                : Request new content for Radarr/Sonarr libraries and create temporary Jellyfin accounts through Discord commands.
+            </li>
+            <li>
+                <a href="https://www.github.com/peakpass/peakpass" target="_blank">
+                    PeakPass
+                </a> |
+                <a href="https://git.pkrm.dev/peakpass" target="_blank" title="View the PeakPass source on my cgit instance">
+                    <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#444">
+                        <path d="M20,24H0V4h11v2H2v16h16v-9h2V24z M12.7,12.7l-1.4-1.4L20.6,2H14V0h10v10h-2V3.4L12.7,12.7z"/>
+                    </svg>
+                </a>
+                : Web-based password manager that checks user hashes against previosuly breached passwords. Features strong encryption algorithms, password hashing + salting, and a custom implementation of breach detection ( rather than using an API like <a href="https://haveibeenpwned.com/API/v3">HIBP</a> )
+            </li>
         </ul>
     </section>
 </body>