logo

components/api-keys.html

@@ -32,11 +32,10 @@
         <div class="w-64 bg-white border-r border-gray-200 flex flex-col">
             <!-- Logo -->
             <div class="p-6 border-b border-gray-200">
-                <div class="text-2xl font-bold text-primary-600">Wash</div>
+                <logo-player></logo-player>
                 <div class="text-sm text-gray-500 mt-1">Clean docs for LLMs</div>
             </div>
-
-            <!-- Navigation -->
+<!-- Navigation -->
             <nav class="flex-1 p-4">
                 <ul class="space-y-2">
                     <li>
@@ -125,9 +124,9 @@
             </div>
         </div>
     </div>
-
+    <script src="../components/logo-player.js"></script>
     <script src="../script.js"></script>
     <script src="api-keys.js"></script>
     <script>feather.replace();</script>
 </body>
-</html>
+</html>

components/dashboard.html

@@ -32,11 +32,10 @@
         <div class="w-64 bg-white border-r border-gray-200 flex flex-col">
             <!-- Logo -->
             <div class="p-6 border-b border-gray-200">
-                <div class="text-2xl font-bold text-primary-600">Wash</div>
+                <logo-player></logo-player>
                 <div class="text-sm text-gray-500 mt-1">Clean docs for LLMs</div>
             </div>
-
-            <!-- Navigation -->
+<!-- Navigation -->
             <nav class="flex-1 p-4">
                 <ul class="space-y-2">
                     <li>
@@ -172,9 +171,9 @@
             </div>
         </div>
     </div>
-
+    <script src="../components/logo-player.js"></script>
     <script src="../script.js"></script>
     <script src="dashboard.js"></script>
     <script>feather.replace();</script>
 </body>
-</html>
+</html>

components/logo-player.js

@@ -61,10 +61,9 @@ class LogoPlayer extends HTMLElement {
             
             <div class="logo-container">
                 <video autoplay loop muted playsinline preload="auto" id="logo-video">
-                    <source src="https://wash.video/logo.mp4" type="video/mp4">
-                    <source src="https://wash.video/logo.webm" type="video/webm">
+                    <source src="https://huggingface.co/spaces/A634579/wash-dev-site/resolve/main/videos/grok-video-change%20satoshi%20to%20wash-7968b2ad-ed0b-43e0-882f-4a76de560ccb-image-edit-0_0.mp4" type="video/mp4">
                 </video>
-                <div class="fallback">Wash</div>
+<div class="fallback">Wash</div>
             </div>
         `;
         

components/usage.html

@@ -32,11 +32,10 @@
         <div class="w-64 bg-white border-r border-gray-200 flex flex-col">
             <!-- Logo -->
             <div class="p-6 border-b border-gray-200">
-                <div class="text-2xl font-bold text-primary-600">Wash</div>
+                <logo-player></logo-player>
                 <div class="text-sm text-gray-500 mt-1">Clean docs for LLMs</div>
             </div>
-
-            <!-- Navigation -->
+<!-- Navigation -->
             <nav class="flex-1 p-4">
                 <ul class="space-y-2">
                     <li>
@@ -241,10 +240,10 @@
             </div>
         </div>
     </div>
-
+    <script src="../components/logo-player.js"></script>
     <script src="../script.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script src="usage.js"></script>
     <script>feather.replace();</script>
 </body>
-</html>
+</html>

index.html

@@ -32,9 +32,9 @@
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between items-center h-16">
                 <div class="flex items-center">
-                    <div class="text-2xl font-bold text-primary-600">Wash</div>
+                    <logo-player></logo-player>
                 </div>
-                <div class="hidden md:block">
+<div class="hidden md:block">
                     <div class="ml-10 flex items-baseline space-x-4">
                         <a href="#pricing" class="text-gray-600 hover:text-primary-600 px-3 py-2 text-sm font-medium transition">Pricing</a>
                         <a href="app.wash.dev" class="bg-primary-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-700 transition">Dashboard</a>
@@ -273,9 +273,9 @@
             </div>
         </div>
     </footer>
-
+    <script src="components/logo-player.js"></script>
     <script src="script.js"></script>
     <script>feather.replace();</script>
 <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
-</html>
+</html>