From 317a01bdb2a69e803dd250952409b10ccaddfe73 Mon Sep 17 00:00:00 2001
From: Mathieu <mathieu@playgrounds.network>
Date: Tue, 12 Nov 2024 16:07:25 +0100
Subject: [PATCH] feat: add rig icon to lock-in button

---
 assets/book_icon.svg       |   1 +
 assets/rig_dark_square.svg |   1 +
 index.html                 | 132 ++++++++++++++++++++++---------------
 3 files changed, 80 insertions(+), 54 deletions(-)
 create mode 100644 assets/book_icon.svg
 create mode 100644 assets/rig_dark_square.svg

diff --git a/assets/book_icon.svg b/assets/book_icon.svg
new file mode 100644
index 0000000..9969cf9
--- /dev/null
+++ b/assets/book_icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M12 11.5V16.5" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 7.51L12.01 7.49889" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
\ No newline at end of file
diff --git a/assets/rig_dark_square.svg b/assets/rig_dark_square.svg
new file mode 100644
index 0000000..2c3d184
--- /dev/null
+++ b/assets/rig_dark_square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" zoomAndPan="magnify" viewBox="0 0 187.5 187.499992" height="250" preserveAspectRatio="xMidYMid meet" version="1.0"><path fill="#ffffff" d="M 170.824219 88.851562 C 170.824219 87.566406 170.523438 86.363281 170.011719 85.292969 C 168.832031 82.761719 166.453125 81.023438 163.691406 81.023438 L 135.683594 81.023438 C 135.535156 81.023438 135.363281 81.046875 135.234375 81.066406 C 135.085938 81.066406 134.933594 81.023438 134.785156 81.023438 L 105.085938 81.023438 C 102.730469 81.023438 100.820312 82.933594 100.820312 85.292969 L 100.820312 99.964844 C 100.820312 102.324219 102.730469 104.230469 105.085938 104.230469 L 126.835938 104.230469 C 125.269531 107.0625 123.300781 109.746094 120.898438 112.167969 C 110.828125 122.398438 96.214844 125.402344 83.445312 121.15625 C 78.324219 119.4375 73.523438 116.585938 69.410156 112.53125 C 55.847656 99.148438 54.96875 77.722656 66.945312 63.308594 C 67.589844 62.515625 68.296875 61.761719 69.023438 61.011719 C 83.125 46.664062 106.179688 46.492188 120.515625 60.625 C 122.164062 62.277344 123.640625 64.035156 124.925781 65.902344 C 125.71875 67.0625 127.050781 67.746094 128.464844 67.746094 L 149.71875 67.746094 C 152.824219 67.746094 154.949219 64.574219 153.726562 61.699219 C 152.546875 58.910156 151.175781 56.207031 149.589844 53.589844 L 158.847656 44.175781 C 160.648438 42.332031 160.625 39.371094 158.804688 37.546875 L 145.285156 24.207031 L 142.414062 21.375 C 140.570312 19.574219 137.613281 19.59375 135.792969 21.417969 L 133.046875 24.207031 L 126.363281 31.003906 C 121.542969 28.261719 116.441406 26.203125 111.191406 24.828125 C 111.191406 24.828125 111.191406 24.207031 111.191406 24.207031 L 111.085938 10.910156 C 111.085938 8.335938 108.941406 6.230469 106.371094 6.253906 L 83.378906 6.425781 C 80.808594 6.425781 78.710938 8.570312 78.730469 11.144531 L 78.835938 24.207031 L 78.835938 24.785156 C 73.246094 26.246094 67.800781 28.453125 62.703125 31.457031 L 55.332031 24.207031 L 53.359375 22.253906 C 50.554688 19.488281 46.011719 19.53125 43.246094 22.320312 L 41.402344 24.207031 L 34.699219 31.027344 L 30.582031 35.210938 C 27.820312 38.019531 27.863281 42.566406 30.648438 45.332031 L 39.839844 54.40625 C 37.417969 58.546875 35.511719 62.878906 34.097656 67.339844 C 32.339844 66.761719 30.304688 67.148438 28.914062 68.5625 C 28.332031 69.140625 27.949219 69.851562 27.734375 70.578125 L 21.242188 70.644531 C 17.296875 70.664062 14.105469 73.902344 14.148438 77.851562 L 14.277344 95.929688 C 14.296875 99.878906 17.554688 103.074219 21.476562 103.03125 L 33.285156 102.945312 C 34.632812 108.09375 36.625 113.089844 39.304688 117.851562 C 38.488281 119.140625 38.339844 120.683594 38.789062 122.078125 L 32.703125 128.277344 C 29.941406 131.085938 29.960938 135.632812 32.769531 138.398438 L 43.996094 149.46875 L 45.648438 151.078125 C 48.453125 153.84375 52.996094 153.800781 55.761719 151.011719 L 57.28125 149.46875 L 64.117188 142.539062 C 68.125 144.75 72.28125 146.507812 76.566406 147.773438 C 77.636719 148.09375 78.710938 148.394531 79.78125 148.652344 L 79.78125 149.46875 C 79.78125 149.46875 79.886719 162.679688 79.886719 162.679688 C 79.886719 165.253906 82.03125 167.335938 84.601562 167.335938 L 107.613281 167.164062 C 110.1875 167.164062 112.265625 165.019531 112.265625 162.445312 L 112.179688 149.488281 L 112.179688 148.160156 C 117.664062 146.636719 122.976562 144.363281 127.992188 141.316406 L 136.261719 149.488281 L 137.957031 151.140625 C 139.796875 152.941406 142.753906 152.921875 144.578125 151.097656 L 146.160156 149.488281 L 160.710938 134.6875 C 162.511719 132.867188 162.488281 129.886719 160.667969 128.0625 L 150.535156 118.066406 C 153.0625 113.648438 154.96875 108.992188 156.339844 104.210938 L 156.875 104.210938 C 156.875 104.210938 163.816406 104.144531 163.816406 104.144531 C 167.71875 104.125 170.910156 100.542969 170.890625 96.1875 L 170.824219 88.894531 Z M 16.546875 94.945312 L 16.421875 79.308594 C 16.398438 76.199219 18.925781 73.625 22.035156 73.601562 L 27.734375 73.539062 C 27.96875 74.289062 28.375 74.996094 28.976562 75.597656 C 29.167969 75.789062 29.382812 75.960938 29.621094 76.113281 L 19.097656 99.597656 C 17.578125 98.589844 16.570312 96.898438 16.546875 94.945312 Z M 33.027344 100.691406 L 32.746094 100.691406 C 32.746094 100.691406 22.25 100.5625 22.25 100.5625 C 21.882812 100.5625 21.519531 100.542969 21.175781 100.457031 L 31.71875 76.949219 C 32.148438 77.011719 32.597656 77.011719 33.046875 76.96875 L 33.046875 100.691406 Z M 60.96875 106.011719 L 61.546875 114.035156 C 61.222656 114.078125 60.925781 114.164062 60.625 114.269531 L 47.148438 90.914062 C 47.789062 90.074219 48.152344 89.089844 48.195312 88.082031 L 55.910156 88.082031 C 56.125 94.300781 57.796875 100.457031 60.96875 106.011719 Z M 52.398438 63.78125 C 52.632812 64.015625 52.910156 64.230469 53.1875 64.421875 L 44.488281 83.082031 C 44.082031 82.976562 43.675781 82.910156 43.269531 82.910156 L 42.304688 56.359375 L 51.195312 58.652344 C 50.597656 60.414062 51.003906 62.40625 52.398438 63.800781 Z M 54.773438 65.515625 L 54.773438 86.171875 L 47.917969 86.171875 C 47.683594 85.484375 47.296875 84.863281 46.738281 84.328125 C 46.566406 84.15625 46.398438 84.027344 46.203125 83.898438 L 54.773438 65.539062 Z M 45.667969 92.199219 L 58.976562 115.257812 C 58.890625 115.320312 58.804688 115.386719 58.738281 115.449219 C 58.011719 116.199219 57.558594 117.121094 57.390625 118.066406 L 48.066406 118.472656 C 47.832031 117.917969 47.488281 117.378906 47.019531 116.929688 C 46.289062 116.199219 45.390625 115.773438 44.445312 115.601562 L 43.632812 92.800781 C 44.339844 92.757812 45.046875 92.542969 45.691406 92.179688 Z M 56.703125 78.816406 L 56.703125 65.109375 C 57.710938 64.9375 58.675781 64.488281 59.445312 63.695312 C 60.175781 62.941406 60.625 62.042969 60.796875 61.078125 L 64.761719 62.105469 C 60.644531 67.0625 57.945312 72.808594 56.703125 78.816406 Z M 39.070312 50.289062 C 39.003906 50.222656 38.960938 50.179688 38.941406 50.117188 C 38.941406 50.117188 33.453125 44.710938 33.453125 44.710938 C 31.226562 42.523438 31.203125 38.921875 33.390625 36.710938 L 36.863281 33.171875 L 37.140625 32.894531 L 47.855469 43.46875 L 49.910156 45.484375 L 52.011719 47.5625 L 64.632812 59.769531 L 60.601562 58.738281 C 60.367188 57.988281 59.960938 57.257812 59.359375 56.660156 C 57.433594 54.75 54.347656 54.75 52.417969 56.636719 L 43.074219 54.234375 L 39.046875 50.308594 Z M 35.449219 100.972656 L 35.449219 76.027344 C 35.640625 75.875 35.855469 75.707031 36.027344 75.535156 C 37.804688 73.753906 37.910156 70.964844 36.410156 69.011719 C 37.441406 65.601562 38.8125 62.320312 40.460938 59.105469 L 41.339844 83.234375 C 40.738281 83.492188 40.183594 83.855469 39.691406 84.347656 C 37.761719 86.300781 37.78125 89.476562 39.734375 91.40625 C 40.289062 91.964844 40.953125 92.328125 41.660156 92.5625 L 42.496094 115.621094 C 42.070312 115.707031 41.640625 115.855469 41.253906 116.050781 C 38.617188 111.246094 36.691406 106.164062 35.449219 100.949219 Z M 35.640625 129.457031 L 40.546875 124.480469 C 41.105469 124.886719 41.703125 125.1875 42.347656 125.335938 C 42.347656 125.335938 42.367188 125.335938 42.390625 125.335938 C 42.667969 125.402344 42.96875 125.445312 43.246094 125.464844 C 43.375 125.464844 43.503906 125.464844 43.609375 125.464844 C 43.847656 125.464844 44.082031 125.445312 44.320312 125.402344 C 44.53125 125.402344 44.746094 125.335938 44.984375 125.25 C 46.398438 124.800781 47.0625 123.902344 47.703125 123.214844 C 48.261719 122.355469 48.519531 121.371094 48.496094 120.382812 L 57.410156 119.996094 C 57.601562 120.917969 58.054688 121.796875 58.78125 122.507812 C 59.144531 122.871094 59.554688 123.128906 59.980469 123.34375 L 57.046875 132.4375 C 55.589844 132.289062 54.066406 132.738281 52.976562 133.875 C 52.523438 134.347656 52.183594 134.882812 51.945312 135.441406 L 34.074219 133.917969 C 33.949219 132.328125 34.460938 130.679688 35.660156 129.457031 Z M 48.175781 149.425781 C 47.683594 149.167969 47.234375 148.84375 46.824219 148.460938 L 35.683594 137.476562 C 35.210938 137.007812 34.847656 136.46875 34.570312 135.910156 L 51.519531 137.371094 C 51.519531 138.679688 51.988281 139.964844 52.996094 140.953125 C 53.316406 141.253906 53.660156 141.511719 54.023438 141.703125 L 51.324219 150.046875 C 50.253906 150.152344 49.140625 149.941406 48.175781 149.425781 Z M 62.082031 141.316406 L 54.839844 148.394531 C 54.453125 148.78125 54.046875 149.082031 53.597656 149.339844 L 55.867188 142.304688 C 57.367188 142.496094 58.933594 142.023438 60.066406 140.867188 C 61.996094 138.914062 61.972656 135.742188 60.023438 133.808594 C 59.683594 133.46875 59.296875 133.210938 58.890625 132.996094 L 61.847656 123.878906 C 61.996094 123.878906 62.125 123.921875 62.273438 123.921875 L 63.429688 140.117188 C 63.046875 140.480469 62.597656 140.867188 62.082031 141.296875 Z M 77.59375 145.265625 C 77.464844 145.222656 77.359375 145.199219 77.253906 145.15625 C 73.523438 144.042969 69.859375 142.539062 66.34375 140.695312 L 79.78125 136.46875 Z M 80.335938 134.304688 L 65.273438 139.042969 L 64.160156 123.601562 C 64.78125 123.34375 65.339844 122.976562 65.832031 122.484375 C 67.761719 120.53125 67.738281 117.359375 65.789062 115.429688 C 65.125 114.785156 64.332031 114.355469 63.472656 114.164062 L 63.132812 109.445312 C 64.394531 111.203125 65.808594 112.875 67.417969 114.464844 C 71.894531 118.882812 77.1875 121.992188 82.78125 123.773438 L 82.953125 123.835938 L 80.316406 134.347656 Z M 80.335938 134.304688 " fill-opacity="1" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index a898130..e3abe7c 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -16,78 +17,100 @@
     <link rel="stylesheet" href="styles.css">
     <link rel="icon" type="image/png" href="assets/favicon_pg.jpg">
 </head>
+
 <body class="bg-white text-black">
     <div class="fixed top-0 left-0 right-0 z-50 items-center justify-center py-2 text-sm font-bold text-white transition-transform duration-300"
-    id="starBanner"
-    style="background: linear-gradient(85.52deg, rgba(3, 205, 244) -7.27%, rgba(114, 159, 252) 108.87%); display: flex;">
-    <a href="https://github.com/0xPlaygrounds/rig" target="_blank"
-        rel="noopener noreferrer">⭐️ Support Rig and give it a star on GitHub!</a><button class="absolute right-3" onclick="hideBanner()"><svg width="25" height="25"
-            viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M6.49023 6.48926L18.511 18.5101" stroke="white" stroke-width="3"></path>
-            <path d="M6.49023 18.5107L18.511 6.48993" stroke="white" stroke-width="3"></path>
-        </svg></button></div>
+        id="starBanner"
+        style="background: linear-gradient(85.52deg, rgba(3, 205, 244) -7.27%, rgba(114, 159, 252) 108.87%); display: flex;">
+        <a href="https://github.com/0xPlaygrounds/rig" target="_blank" rel="noopener noreferrer">⭐️ Support Rig and give
+            it a star on GitHub!</a><button class="absolute right-3" onclick="hideBanner()"><svg width="25" height="25"
+                viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M6.49023 6.48926L18.511 18.5101" stroke="white" stroke-width="3"></path>
+                <path d="M6.49023 18.5107L18.511 6.48993" stroke="white" stroke-width="3"></path>
+            </svg></button>
+    </div>
     <nav class="fixed displdidiplssw-full  backdrop-filter backdrop-blur-lg w-full p-4 z-10" style="top: 36px;">
         <div class="container mx-auto flex justify-between items-center">
             <a href="#" class="text-2xl font-bold">
                 <img src="assets/PG-Logo.png" alt="Rig Logo" class="h-10">
-              </a>
+            </a>
             <div>
                 <a href="#about" class="ml-4 text-white nav-link">About</a>
                 <a href="https://rig.rs" class="ml-4 text-white nav-link">Rig</a>
                 <a href="https://dev.to/0thtachi" class="ml-4 text-white nav-link">Blog</a>
-                <a href="https://github.com/0xPlaygrounds" class="ml-4 text-white nav-link">GitHub</a>
+                <a href="https://github.com/0xPlaygrounds" class="ml-2 text-white nav-link"> <svg class="w-5 h-5 mr-1 inline-block"
+                        fill="white" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+                    </svg>GitHub</a>
             </div>
         </div>
     </nav>
 
     <header class="h-screen flex items-center justify-center text-white">
-      <canvas id="headerCanvas" class="absolute top-0 left-0 w-full h-full"></canvas>
-      <div class="text-center relative z-10 px-4 max-w-3xl"> <!-- Added max-width and padding -->
-          <h1 class="mb-4 text-6xl font-bold">Playgrounds</h1>
-          <p class="mb-8 typewriter">Supercharging AI Application Development with Open-Source Tools</p>
-          <div class="flex justify-center space-x-4">
-              <a href="#about" class="btn bg-white text-black hover:bg-gray-200 transition duration-300 pulse">Learn More</a>
-              <a href="https://rig.rs" class="btn bg-accent text-white hover:bg-accent-dark transition duration-300">Lock In</a>
-          </div>
-      </div>
-      <div class="absolute bottom-10 left-1/2 transform -translate-x-1/2">
-          <div class="mouse"></div>
-      </div>
-  </header>
+        <canvas id="headerCanvas" class="absolute top-0 left-0 w-full h-full"></canvas>
+        <div class="text-center relative z-10 px-4 max-w-3xl"> <!-- Added max-width and padding -->
+            <h1 class="mb-4 text-6xl font-bold">Playgrounds</h1>
+            <p class="mb-8 typewriter">Supercharging AI Application Development with Open-Source Tools</p>
+            <div class="flex justify-center space-x-4">
+                <a href="#about" class="btn bg-white text-black hover:bg-gray-200 transition duration-300 pulse">
+                    Learn More
+                </a>
+                <a href="https://rig.rs" class="btn bg-accent text-white hover:bg-accent-dark transition duration-300">
+                    <img src="assets/rig_dark_square.svg" alt="Rig Icon" class="inline-block w-8 h-7 mr-2">Lock In
+                </a>
+            </div>
+        </div>
+        <div class="absolute bottom-10 left-1/2 transform -translate-x-1/2">
+            <div class="mouse"></div>
+        </div>
+    </header>
 
     <main class="container mx-auto px-4 py-16">
-      <section id="about" class="mb-16 fade-in">
-        <h2 class="text-3xl font-bold mb-4">About Us</h2>
-        <p class="text-lg leading-relaxed">
-            At Playgrounds, our mission is to empower developers with high-performance, open-source tools for building modular and scalable AI applications. Our flagship product, RIG, is a general-purpose LLM framework written in Rust that provides a robust foundation and modular APIs for developing and deploying efficient AI solutions.
-        </p>
-    </section>
+        <section id="about" class="mb-16 fade-in">
+            <h2 class="text-3xl font-bold mb-4">About Us</h2>
+            <p class="text-lg leading-relaxed">
+                At Playgrounds, our mission is to empower developers with high-performance, open-source tools for
+                building modular and scalable AI applications. Our flagship product, RIG, is a general-purpose LLM
+                framework written in Rust that provides a robust foundation and modular APIs for developing and
+                deploying efficient AI solutions.
+            </p>
+        </section>
+
+        <section id="connect" class="mb-16 fade-in bg-white-100 p-8 rounded-lg">
+            <h2 class="text-3xl font-bold mb-4 text-center"></h2>
+            <div class="flex justify-center space-x-8">
+                <a href="https://discord.com/invite/playgrounds" target="_blank" rel="noopener noreferrer"
+                    class="text-gray-700 hover:text-blue-600 transition duration-300">
+                    <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                    </svg>
+                </a>
+                <a href="https://x.com/Playgrounds0x" target="_blank" rel="noopener noreferrer"
+                    class="text-gray-700 hover:text-blue-600 transition duration-300">
+                    <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
+                    </svg>
+                </a>
+                <a href="https://substack.com/@tachi0x" target="_blank" rel="noopener noreferrer"
+                    class="text-gray-700 hover:text-blue-600 transition duration-300">
+                    <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z" />
+                    </svg>
+                </a>
+                <a href="https://github.com/0xPlaygrounds/rig" target="_blank" rel="noopener noreferrer"
+                    class="text-gray-700 hover:text-blue-600 transition duration-300">
+                    <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                        <path
+                            d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+                    </svg>
+                </a>
+            </div>
+        </section>
 
-    <section id="connect" class="mb-16 fade-in bg-white-100 p-8 rounded-lg">
-        <h2 class="text-3xl font-bold mb-4 text-center"></h2>
-        <div class="flex justify-center space-x-8">
-            <a href="https://discord.com/invite/playgrounds" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-blue-600 transition duration-300">
-                <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
-                </svg>
-            </a>
-            <a href="https://x.com/Playgrounds0x" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-blue-600 transition duration-300">
-                <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/>
-                </svg>
-            </a>
-            <a href="https://substack.com/@tachi0x" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-blue-600 transition duration-300">
-                <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"/>
-                </svg>
-            </a>
-            <a href="https://github.com/0xPlaygrounds/rig" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-blue-600 transition duration-300">
-                <svg class="w-8 h-8" fill="black" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
-            </a>
-        </div>
-    </section>
-    
     </main>
 
     <footer class="py-8">
@@ -99,4 +122,5 @@ <h2 class="text-3xl font-bold mb-4 text-center"></h2>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
     <script src="script.js"></script>
 </body>
+
 </html>
\ No newline at end of file