Adding latest to drift

thedevdojo · Sep 2, 2024 · 3fbdc40 · 3fbdc40
1 parent 961c075
commit 3fbdc40
Show file tree

Hide file tree

Showing 5 changed files with 110 additions and 52 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,3 @@
-# Static Website
+# Wave Website
 
-This is the repo for the Static website at https://static.devdojo.com [WIP]
+This is the repo for the Wave website at https://devdojo.com/wave [WIP]
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -426,4 +426,33 @@ window.FeatureScroller = function(){
         }
         });
     }
-}
+}
+
+
+// Initial setup
+let scrollRotationAngle = 0; // Initial rotation angle based on scroll
+let hoverRotationAngle = 0;  // Initial additional rotation angle on hover
+
+// Scroll Event
+document.addEventListener('scroll', function() {
+  const rotatingElement = document.getElementById('rotating-logo-icon');
+  const rotatingElementMobile = document.getElementById('logo-icon-mobile');
+  const scrollPosition = window.scrollY;
+  scrollRotationAngle = scrollPosition / 5; // Adjust the division factor to control speed
+  rotatingElement.style.transform = `rotate(${scrollRotationAngle + hoverRotationAngle}deg)`;
+  rotatingElementMobile.style.transform = `rotate(${scrollRotationAngle + hoverRotationAngle}deg)`;
+});
+
+// Hover Events
+const rotatingElement = document.getElementById('rotating-logo-icon');
+const logoDesktop = document.getElementById('logo-desktop');
+logoDesktop.addEventListener('mouseenter', function() {
+  hoverRotationAngle += 45; // Increase the rotation by 45 degrees on hover
+  rotatingElement.style.transform = `rotate(${scrollRotationAngle + hoverRotationAngle}deg)`;
+});
+
+logoDesktop.addEventListener('mouseleave', function() {
+  // Optional: Reset hover rotation if you want it to rotate back to the scroll position
+  hoverRotationAngle -= 45; // Comment this line if you want the rotation to accumulate
+  rotatingElement.style.transform = `rotate(${scrollRotationAngle + hoverRotationAngle}deg)`;
+});
diff --git a/collections/themes.json b/collections/themes.json
@@ -1,26 +1,38 @@
 [
     {
         "name" : "Anchor",
-        "cover" : "https://cdn.devdojo.com/images/august2024/theme-anchor.jpeg",
+        "cover" : "https://cdn.devdojo.com/images/august2024/wave-anchor-theme.jpeg",
         "download" : "https://github.com/thedevdojo/wave/tree/main/resources/themes/anchor",
         "slug" : "anchor",
         "description": "Anchor is the default theme available. This theme is clean with a sidebar app layout design.",
-        "repo" : "https://github.com/thedevdojo/wave"
+        "repo" : "https://github.com/thedevdojo/wave",
+        "access" : "free"
     },
     {
         "name" : "Blank",
-        "cover" : "https://cdn.devdojo.com/images/august2024/theme-blank.jpeg",
+        "cover" : "https://cdn.devdojo.com/images/august2024/blank.jpeg",
         "download" : "https://github.com/thedevdojo/blank/archive/refs/heads/main.zip",
         "slug" : "blank",
         "description": "This is a minimal blank theme that can be used to easily modify. It also contains a sidebar app layout.",
-        "repo" : "https://github.com/thedevdojo/wave"
+        "repo" : "https://github.com/thedevdojo/wave",
+        "access" : "free"
     },
     {
         "name" : "Cove",
-        "cover" : "https://cdn.devdojo.com/images/august2024/theme-cove.jpeg",
+        "cover" : "https://cdn.devdojo.com/images/august2024/cove-cover.jpeg",
         "download" : "https://github.com/thedevdojo/cove/archive/refs/heads/main.zip",
         "slug" : "cove",
         "description": "This blue colored theme is a good template for showcasing your SaaS. Top bar app layout",
-        "repo" : "https://github.com/thedevdojo/wave"
+        "repo" : "https://github.com/thedevdojo/wave",
+        "access" : "free"
+    },
+    {
+        "name" : "Drift",
+        "cover" : "https://cdn.devdojo.com/images/september2024/drift-theme.jpeg",
+        "download" : "/wave/download/drift",
+        "slug" : "drift",
+        "description": "A clean and modern theme with a beautiful horizontal menu dashboard.",
+        "repo" : "https://github.com/thedevdojo/wave",
+        "access" : "pro"
     }
 ]
diff --git a/includes/logo.html b/includes/logo.html
@@ -1,4 +1,7 @@
 <button hx-get="{ url('/?newwave=true') }" hx-target="#site-content" hx-select="#site-content" hx-ext="alpine-morph" hx-swap="morph" hx-push-url="true" @click="active='home'; fullWidth=false" class="flex items-center h-5 text-lg font-semibold text-white group">
-    <svg class="hidden w-auto h-8 text-gray-900 md:block dark:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 303 100" fill="none"><path fill="#000" d="M119.096 31.91h8.663l4.077 13.249 3.858 13.395 9.245-26.644h6.916l9.173 26.79 7.935-26.79h8.662l-11.938 35.962h-8.663l-3.422-10.265-5.168-14.414-5.169 14.414-3.421 10.265h-8.736L119.096 31.91ZM197.614 68.672c-3.495 0-6.601-.776-9.319-2.329-2.669-1.602-4.756-3.834-6.26-6.697-1.505-2.864-2.257-6.115-2.257-9.755 0-3.64.752-6.892 2.257-9.755 1.504-2.864 3.591-5.072 6.26-6.625 2.718-1.601 5.824-2.402 9.319-2.402 2.766 0 5.289.51 7.57 1.529 2.281.97 4.126 2.33 5.533 4.076l.073-4.804h7.28v35.962h-7.28l-.073-4.805c-1.407 1.747-3.252 3.13-5.533 4.15-2.281.97-4.804 1.456-7.57 1.456Zm-9.683-18.781c0 3.348 1.02 6.09 3.058 8.226 2.038 2.087 4.683 3.13 7.935 3.13s5.896-1.043 7.935-3.13c2.038-2.136 3.057-4.878 3.057-8.226 0-3.349-1.019-6.067-3.057-8.154-2.039-2.135-4.683-3.203-7.935-3.203s-5.897 1.068-7.935 3.203c-2.038 2.087-3.058 4.805-3.058 8.154ZM224.176 31.91h8.881l5.023 12.302 5.751 15.215 5.824-15.215 5.023-12.302h8.736l-15.215 35.962h-8.735L224.176 31.91ZM285.237 68.89c-3.931 0-7.376-.776-10.337-2.329-2.912-1.601-5.169-3.834-6.77-6.697-1.602-2.863-2.402-6.188-2.402-9.973 0-3.689.776-6.94 2.329-9.755 1.553-2.815 3.737-4.999 6.552-6.552 2.815-1.602 6.066-2.402 9.755-2.402 5.824 0 10.386 1.674 13.686 5.023 3.3 3.349 4.95 7.983 4.95 13.904 0 .631-.049 1.577-.146 2.84h-28.755c.34 2.62 1.529 4.707 3.567 6.26 2.039 1.553 4.635 2.33 7.79 2.33 2.038 0 4.004-.34 5.896-1.02 1.893-.68 3.373-1.577 4.441-2.693l4.95 4.804c-1.795 1.942-4.076 3.47-6.843 4.587-2.717 1.116-5.605 1.674-8.663 1.674Zm9.828-22.275c-.291-2.572-1.383-4.61-3.276-6.115-1.844-1.505-4.246-2.257-7.207-2.257-2.815 0-5.12.728-6.916 2.184-1.795 1.456-2.96 3.519-3.494 6.188h20.893ZM53.878 92.36V75.02h2.046c2.66 0 5.296-.532 7.753-1.563a20.201 20.201 0 0 0 6.566-4.448 20.432 20.432 0 0 0 4.403-6.633 20.598 20.598 0 0 0 1.549-7.831c0-4.822.024-9.456.024-14.257h2.858l-3.474-6.077-.066-.115-3.648-6.381-1.57 2.746a40.199 40.199 0 0 1 4.843 3.4 40.957 40.957 0 0 0-4.87-3.409l-3.94 6.894.024.015-1.781 3.117h3.713v14.067a12.577 12.577 0 0 1-.948 4.782 12.477 12.477 0 0 1-2.693 4.05 12.338 12.338 0 0 1-4.008 2.72c-1.5.63-3.11.956-4.735.957h-2.046v-34c1.193.142 2.376.354 3.545.634l-5.01-8.766-1.998-3.494-.48-.838-1.238 2.166-1.238 2.166.383-.021-.384.023-5.014 8.772a31.723 31.723 0 0 1 3.548-.643v34.001h-2.045a12.238 12.238 0 0 1-4.735-.958 12.34 12.34 0 0 1-4.009-2.72 12.475 12.475 0 0 1-2.692-4.049 12.575 12.575 0 0 1-.949-4.782V40.477h2.95l-1.583-2.77-3.944-6.9-1.767-3.092-3.648 6.381-.87 1.521v.001l-1.126 1.094c.368-.372.744-.737 1.127-1.094l-2.778 4.86h3.754v14.067c0 2.688.526 5.349 1.548 7.831a20.43 20.43 0 0 0 4.403 6.633 20.196 20.196 0 0 0 6.566 4.448 20.03 20.03 0 0 0 7.753 1.563h2.045v24.855c1.159.082 2.328.124 3.508.125a48.92 48.92 0 0 0 18.948-3.795A49.32 49.32 0 0 0 84.5 85.355a49.882 49.882 0 0 0 10.742-16.216A50.282 50.282 0 0 0 99 50a50.285 50.285 0 0 0-3.757-19.14 49.884 49.884 0 0 0-10.742-16.215 49.318 49.318 0 0 0-16.053-10.85A48.918 48.918 0 0 0 49.5 0a48.92 48.92 0 0 0-18.948 3.794 49.32 49.32 0 0 0-16.054 10.85A49.883 49.883 0 0 0 3.757 30.861 50.285 50.285 0 0 0 0 50a50.282 50.282 0 0 0 3.757 19.139 49.881 49.881 0 0 0 10.741 16.216 49.291 49.291 0 0 0 23.666 13.327v-7.654a42.035 42.035 0 0 1-18.477-10.915 42.485 42.485 0 0 1-9.149-13.812A42.827 42.827 0 0 1 7.34 50a42.831 42.831 0 0 1 3.2-16.302 42.487 42.487 0 0 1 9.148-13.812 42.009 42.009 0 0 1 13.675-9.242A41.668 41.668 0 0 1 49.5 7.413a41.666 41.666 0 0 1 16.138 3.232 42.008 42.008 0 0 1 13.674 9.24 42.489 42.489 0 0 1 9.15 13.813A42.83 42.83 0 0 1 91.662 50a42.827 42.827 0 0 1-3.2 16.301 42.487 42.487 0 0 1-9.15 13.812C72.482 87.03 63.5 91.354 53.878 92.36Zm-2.513-67.49.273.012h-.006l-.267-.011Z"></path></svg>
-    <svg class="block h-8 text-gray-900 -translate-x-1 md:hidden dark:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 186" fill="none"><path fill="#000" d="M101.182 171.365v-32.078h3.822a37.777 37.777 0 0 0 26.758-11.121 37.792 37.792 0 0 0 8.229-12.27 37.782 37.782 0 0 0 2.892-14.489c0-8.92.046-17.492.046-26.374h5.342l-6.493-11.244-.122-.211-6.817-11.806-2.933 5.081a75.125 75.125 0 0 1 9.048 6.29 76.517 76.517 0 0 0-9.1-6.306l-7.363 12.754.044.026-3.328 5.766h6.939v26.024a23.05 23.05 0 0 1-6.803 16.339 23.068 23.068 0 0 1-16.339 6.804h-3.822V61.648c2.228.265 4.439.657 6.623 1.175L93.813 38.59l-4.627 8.015.715-.04-.717.044-9.369 16.227c2.186-.52 4.4-.917 6.63-1.189v62.902h-3.822a23.067 23.067 0 0 1-16.34-6.804 23.061 23.061 0 0 1-6.803-16.339V75.383h5.513l-13.632-23.61-8.441 14.619v.001l-2.106 2.025a74.873 74.873 0 0 1 2.106-2.025l-5.19 8.99h7.015v26.024a37.771 37.771 0 0 0 11.121 26.759 37.754 37.754 0 0 0 26.757 11.121h3.822v45.982c2.165.152 4.35.229 6.555.231a92.232 92.232 0 0 0 35.407-7.02 92.23 92.23 0 0 0 29.999-20.074A92.223 92.223 0 0 0 185.5 93a92.217 92.217 0 0 0-27.094-65.408A92.219 92.219 0 0 0 93 .5a92.218 92.218 0 0 0-65.407 27.092A92.215 92.215 0 0 0 .5 93a92.21 92.21 0 0 0 27.093 65.406 92.349 92.349 0 0 0 44.223 24.656v-14.159a78.715 78.715 0 0 1-34.527-20.194A78.538 78.538 0 0 1 14.214 93a78.549 78.549 0 0 1 23.075-55.711A78.547 78.547 0 0 1 93 14.214a78.548 78.548 0 0 1 55.71 23.075A78.554 78.554 0 0 1 171.786 93a78.546 78.546 0 0 1-23.076 55.709 78.555 78.555 0 0 1-47.528 22.656ZM96.485 46.511l.51.021h-.012l-.498-.02Z"/></svg>
+    <span id="logo-desktop" class="items-center hidden w-auto h-8 text-gray-900 md:flex dark:text-white">
+        <svg id="rotating-logo-icon" class="h-8 duration-300 ease-out group-hover:rotate-12" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 186" fill="none"><path fill="#000" d="M101.182 171.365v-32.078h3.822a37.777 37.777 0 0 0 26.758-11.121 37.792 37.792 0 0 0 8.229-12.27 37.782 37.782 0 0 0 2.892-14.489c0-8.92.046-17.492.046-26.374h5.342l-6.493-11.244-.122-.211-6.817-11.806-2.933 5.081a75.125 75.125 0 0 1 9.048 6.29 76.517 76.517 0 0 0-9.1-6.306l-7.363 12.754.044.026-3.328 5.766h6.939v26.024a23.05 23.05 0 0 1-6.803 16.339 23.068 23.068 0 0 1-16.339 6.804h-3.822V61.648c2.228.265 4.439.657 6.623 1.175L93.813 38.59l-4.627 8.015.715-.04-.717.044-9.369 16.227c2.186-.52 4.4-.917 6.63-1.189v62.902h-3.822a23.067 23.067 0 0 1-16.34-6.804 23.061 23.061 0 0 1-6.803-16.339V75.383h5.513l-13.632-23.61-8.441 14.619v.001l-2.106 2.025a74.873 74.873 0 0 1 2.106-2.025l-5.19 8.99h7.015v26.024a37.771 37.771 0 0 0 11.121 26.759 37.754 37.754 0 0 0 26.757 11.121h3.822v45.982c2.165.152 4.35.229 6.555.231a92.232 92.232 0 0 0 35.407-7.02 92.23 92.23 0 0 0 29.999-20.074A92.223 92.223 0 0 0 185.5 93a92.217 92.217 0 0 0-27.094-65.408A92.219 92.219 0 0 0 93 .5a92.218 92.218 0 0 0-65.407 27.092A92.215 92.215 0 0 0 .5 93a92.21 92.21 0 0 0 27.093 65.406 92.349 92.349 0 0 0 44.223 24.656v-14.159a78.715 78.715 0 0 1-34.527-20.194A78.538 78.538 0 0 1 14.214 93a78.549 78.549 0 0 1 23.075-55.711A78.547 78.547 0 0 1 93 14.214a78.548 78.548 0 0 1 55.71 23.075A78.554 78.554 0 0 1 171.786 93a78.546 78.546 0 0 1-23.076 55.709 78.555 78.555 0 0 1-47.528 22.656ZM96.485 46.511l.51.021h-.012l-.498-.02Z"/></svg>
+        <svg class="w-auto h-3 ml-1.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 556 114" fill="none"><path fill="#000" d="M.746 2.464h26.116l12.29 39.942 11.63 40.38L78.655 2.465h20.85l27.651 80.761 23.921-80.761h26.116l-35.991 108.413h-26.116L104.77 79.933 89.189 36.48 73.607 79.933l-10.315 30.944H36.957L.746 2.464ZM237.45 113.292c-10.534 0-19.898-2.341-28.091-7.023-8.047-4.828-14.338-11.559-18.874-20.19-4.535-8.633-6.803-18.435-6.803-29.408 0-10.973 2.268-20.776 6.803-29.408 4.536-8.632 10.827-15.29 18.874-19.971C217.552 2.464 226.916.05 237.45.05c8.339 0 15.947 1.536 22.824 4.608 6.876 2.927 12.436 7.023 16.679 12.29l.219-14.484h21.946v108.413h-21.946l-.219-14.484c-4.243 5.267-9.803 9.437-16.679 12.509-6.877 2.926-14.485 4.39-22.824 4.39Zm-29.189-56.621c0 10.095 3.073 18.361 9.218 24.799 6.145 6.29 14.118 9.436 23.921 9.436 9.803 0 17.776-3.145 23.921-9.436 6.145-6.438 9.218-14.704 9.218-24.8 0-10.095-3.073-18.288-9.218-24.579-6.145-6.438-14.118-9.656-23.921-9.656-9.803 0-17.776 3.219-23.921 9.656-6.145 6.291-9.218 14.484-9.218 24.58ZM317.527 2.464h26.774l15.143 37.089 17.338 45.867 17.557-45.867 15.142-37.09h26.336l-45.868 108.414h-26.335L317.527 2.464ZM501.607 113.95c-11.851 0-22.239-2.341-31.164-7.023-8.778-4.828-15.581-11.558-20.409-20.19-4.829-8.632-7.243-18.654-7.243-30.066 0-11.12 2.341-20.922 7.023-29.408 4.682-8.486 11.266-15.07 19.752-19.752C478.051 2.683 487.854.27 498.973.27c17.557 0 31.31 5.048 41.259 15.143 9.949 10.095 14.923 24.068 14.923 41.917 0 1.902-.146 4.755-.439 8.559h-86.687c1.024 7.9 4.609 14.192 10.754 18.874 6.145 4.681 13.972 7.022 23.482 7.022 6.145 0 12.071-1.024 17.777-3.072 5.705-2.048 10.168-4.755 13.387-8.12l14.923 14.484c-5.413 5.853-12.29 10.461-20.629 13.826-8.194 3.365-16.899 5.048-26.116 5.048Zm29.627-67.155c-.878-7.754-4.17-13.9-9.876-18.435-5.559-4.535-12.802-6.803-21.726-6.803-8.486 0-15.436 2.195-20.849 6.584-5.413 4.389-8.925 10.607-10.534 18.654h62.985Z"/></svg>
+    </span>
+    <svg id="logo-icon-mobile" class="block h-8 text-gray-900 md:hidden dark:text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 186" fill="none"><path fill="#000" d="M101.182 171.365v-32.078h3.822a37.777 37.777 0 0 0 26.758-11.121 37.792 37.792 0 0 0 8.229-12.27 37.782 37.782 0 0 0 2.892-14.489c0-8.92.046-17.492.046-26.374h5.342l-6.493-11.244-.122-.211-6.817-11.806-2.933 5.081a75.125 75.125 0 0 1 9.048 6.29 76.517 76.517 0 0 0-9.1-6.306l-7.363 12.754.044.026-3.328 5.766h6.939v26.024a23.05 23.05 0 0 1-6.803 16.339 23.068 23.068 0 0 1-16.339 6.804h-3.822V61.648c2.228.265 4.439.657 6.623 1.175L93.813 38.59l-4.627 8.015.715-.04-.717.044-9.369 16.227c2.186-.52 4.4-.917 6.63-1.189v62.902h-3.822a23.067 23.067 0 0 1-16.34-6.804 23.061 23.061 0 0 1-6.803-16.339V75.383h5.513l-13.632-23.61-8.441 14.619v.001l-2.106 2.025a74.873 74.873 0 0 1 2.106-2.025l-5.19 8.99h7.015v26.024a37.771 37.771 0 0 0 11.121 26.759 37.754 37.754 0 0 0 26.757 11.121h3.822v45.982c2.165.152 4.35.229 6.555.231a92.232 92.232 0 0 0 35.407-7.02 92.23 92.23 0 0 0 29.999-20.074A92.223 92.223 0 0 0 185.5 93a92.217 92.217 0 0 0-27.094-65.408A92.219 92.219 0 0 0 93 .5a92.218 92.218 0 0 0-65.407 27.092A92.215 92.215 0 0 0 .5 93a92.21 92.21 0 0 0 27.093 65.406 92.349 92.349 0 0 0 44.223 24.656v-14.159a78.715 78.715 0 0 1-34.527-20.194A78.538 78.538 0 0 1 14.214 93a78.549 78.549 0 0 1 23.075-55.711A78.547 78.547 0 0 1 93 14.214a78.548 78.548 0 0 1 55.71 23.075A78.554 78.554 0 0 1 171.786 93a78.546 78.546 0 0 1-23.076 55.709 78.555 78.555 0 0 1-47.528 22.656ZM96.485 46.511l.51.021h-.012l-.498-.02Z"/></svg>
 </button>