diff --git a/index.html b/index.html
index 103c3a7..4a22336 100644
--- a/index.html
+++ b/index.html
@@ -10,11 +10,13 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" type="text/css" href="css/style.css" />
     <link rel="stylesheet" type="text/css" href="css/github.css" />
+    <link rel="stylesheet" type="text/css" href="css/donation.css" />
     <link rel="shortcut icon" type="image/png" href="favicon.ico" />
 
     <link rel="stylesheet" type="text/css" href="fonts/roboto.css" />
     <link rel="stylesheet" type="text/css" href="fonts/exo.css" />
 
+    <script async defer data-domain="erictrenkel.com" src="https://analytics.bostrot.com/js/plausible.js"></script>
     <script>
         window.plausible = window.plausible || function () {
             (window.plausible.q = window.plausible.q || []).push(arguments)
@@ -23,7 +25,6 @@
 </head>
 
 <body>
-    <div id="preloader"></div>
 
     <div class="container">
         <div class="card profile">
@@ -80,9 +81,6 @@
                 <div class="grid-item">
                     <h1>NodeJS</h1>
                 </div>
-                <div class="grid-item">
-                    <h1>json</h1>
-                </div>
                 <div class="grid-item">
                     <h1>NPM</h1>
                 </div>
@@ -95,23 +93,34 @@
                 <div class="grid-item">
                     <h1>JavaScript</h1>
                 </div>
-                <div class="grid-item">
-                    <h1>Java</h1>
-                </div>
                 <div class="grid-item">
                     <h1>Linux</h1>
                 </div>
                 <div class="grid-item">
-                    <h1>phpMyAdmin</h1>
+                    <h1>Windows</h1>
                 </div>
                 <div class="grid-item">
                     <h1>SQL</h1>
                 </div>
+                <div class="grid-item">
+                    <h1>VSC</h1>
+                </div>
+                <div class="grid-item">
+                    <h1>Cloudflare</h1>
+                </div>
+                <div class="grid-item">
+                    <h1>express</h1>
+                </div>
+                <div class="grid-item">
+                    <h1>TypeScript</h1>
+                </div>
+                <div class="grid-item">
+                    <h1>DOCKER</h1>
+                </div>
             </div>
         </div>
         <div id="github_projects" class="card">
-            <div id="preloader">
-            </div>
+            Loading...
         </div>
     </div>
 
@@ -123,6 +132,7 @@
         <script src="js/jquery-3.5.1.min.js"></script>
         <script src="js/slide.js"></script>
         <script src="js/github.js"></script>
+        <script src="js/donation.js"></script>
         <script src="js/dynamic.js"></script>
 
         <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="fraujuliannn" data-description="Support me on Buy me a coffee!" data-message="" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
