updates

index.html

@@ -14,29 +14,20 @@
         <div class="linewrapper">
             <fieldset class="window">
                 <legend>About me</legend>
-                <p>I've been programming for the last 2 years of my life. My main language is Java. I also got pretty good at optimizing minecraft servers. </p>
+                <p>
+                    Self-taught programmer, game making enthusiast, java developer. Active member of purpur minecraft community.
+                </p>
             </fieldset>
             <fieldset class="window">
-            <legend>Socials</legend>
+            <legend>Links</legend>
             <p>
                 <a href="https://github.com/YouHaveTrouble"><i class="fas fa-github fa"></i> GitHub</a><br>
-                <a href="https://discord.gg/j8KK5dGBps"><i class="fab fa-discord"></i> Discord</a>
+                <a href="https://discord.gg/j8KK5dGBps"><i class="fab fa-discord"></i> Discord</a><br>
+                <a href="https://ko-fi.com/youhavetrouble"><i class="fas fa-mug-hot ko-fi"></i> Ko-fi</a><br>
+                <a href="/projects"><i class="far fa-keyboard"></i> Projects</a>
             </p>
             </fieldset>
         </div>
-        <div class="linewrapper">
-            <fieldset class="window">
-                <legend>My projects</legend>
-                <p>
-                    <b><a href="/projects"><i class="far fa-keyboard"></i> See my projects here</a></b>
-                </p>
-                
-            </fieldset>
-            <fieldset class="window">
-                <legend>Support me</legend>
-                <script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#203a45', 'youhavetrouble');kofiwidget2.draw();</script>
-            </fieldset>
-        </div>
         <p class="footer">© Paweł "YouHaveTrouble" Michalewski 2021</p>
     </div>
 </body>

projects/index.html

@@ -31,9 +31,9 @@
                 </h5>
                 <p>Bukkit plugin that allows server owners control over which commands players can see and execute.</p>
 
-                <h4>TogglePvP</h4>
+                <h4>PreventStabby (TogglePvP)</h4>
                 <h5>
-                    <a href="https://github.com/YouHaveTrouble/TogglePvP"><i class="fas fa-github fa"></i> Source code</a>
+                    <a href="https://github.com/YouHaveTrouble/PreventStabby"><i class="fas fa-github fa"></i> Source code</a>
                     <span> | </span>
                     <a href="https://www.spigotmc.org/resources/togglepvp.89376/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
                 </h5>
@@ -50,12 +50,12 @@
         </div>
         <div class="linewrapper">
             <fieldset class="project-window">
-                <legend><h2>Discord bots</h2></legend>
+                <legend><h2>APIs</h2></legend>
-                <h4>GamerBot</h4>
+                <h4>Server Pinger</h4>
                 <h5>
-                    <a href="https://top.gg/bot/747037824049741924"><i class="fas fa-file-invoice fa"></i> Top.gg page</a>
+                    <a href="https://rapidapi.com/YouHaveTrouble/api/serverpinger/"><i class="fas fa-file-invoice fa"></i> RapidAPI page</a>
                 </h5>
-                <p>Bot that allows you to search League of Legends summoner profiles and ping minecraft and source game servers. Will be open sourced soon.</p>
+                <p>An API allowing you to ping Minecraft java or bedrock servers and source engine games.</p>
             </fieldset>
         </div>
         <p class="footer">© Paweł "YouHaveTrouble" Michalewski 2021</p>

style/main.css

@@ -15,6 +15,7 @@ html {
     background-size: cover;
     margin: 0;
     padding: 0;
+    font-size: 1.2em;
 }
 body {
     margin: 0;
@@ -86,7 +87,32 @@ h1 {
     -moz-background-clip: text;
     -webkit-text-fill-color: transparent; 
     -moz-text-fill-color: transparent;
-  }
+}
+
+.fa-github {
+    color: #fff;
+}
+
+.fa-discord {
+    color: #fff;
+}
+
+.fa-keyboard {
+    color: #fff;
+}
+
+.ko-fi {
+    color: #fff;
+}
+
+.ko-fi::after {
+    content: '\f004';
+    font-weight: 900;
+    font-size: 0.55em;
+    color: #ff5e5b;
+    position: absolute;
+    margin: 0.75em 0 0 -1.6em;
+}
 
 @media only screen 
 and (max-width: 1000px) {