feat: add github repo stars banner

0xPlaygrounds · Nov 12, 2024 · 5d6a76e · 5d6a76e
1 parent ab12216
commit 5d6a76e
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -5,13 +5,28 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Playgrounds - Empowering AI Development</title>
     <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        function hideBanner() {
+            document.getElementById('starBanner').style.display = 'none';
+            document.querySelector('nav').style.top = '0';
+        }
+    </script>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="styles.css">
     <link rel="icon" type="image/png" href="assets/favicon_pg.jpg">
 </head>
 <body class="bg-white text-black">
-    <nav class="fixed w-full p-4 z-10">
+    <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>
+    <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">