From db3acca075d5d9e5b62fe08d404f479b26b85163 Mon Sep 17 00:00:00 2001
From: Tony Lea <tnylea@gmail.com>
Date: Sat, 26 Oct 2024 08:27:42 -0400
Subject: [PATCH] Adding latest to site

---
 includes/pro/bento-item-02.html | 5 ++++-
 layouts/pro.html                | 7 ++-----
 pages/pro.html                  | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/includes/pro/bento-item-02.html b/includes/pro/bento-item-02.html
index bc56e2d..5acf945 100644
--- a/includes/pro/bento-item-02.html
+++ b/includes/pro/bento-item-02.html
@@ -2,7 +2,10 @@
     <div class="absolute inset-px rounded-lg bg-white max-lg:rounded-t-[2rem]"></div>
     <div class="relative flex h-full flex-col overflow-hidden rounded-[calc(theme(borderRadius.lg)+1px)] max-lg:rounded-t-[calc(2rem+1px)]">
         <div class="px-8 pt-8 sm:px-10 sm:pt-10">
-            <p class="mt-2 font-medium tracking-tight text-lg/7 text-gray-950 max-lg:text-center">Video Tutorials</p>
+            <div class="relative flex items-center">
+                <p class="mt-2 font-medium tracking-tight text-lg/7 text-gray-950 max-lg:text-center">Video Tutorials</p>
+                <div class="relative px-3 py-1 ml-2 text-xs text-yellow-700 translate-y-1 bg-yellow-100 border border-yellow-400 rounded-md">Coming Soon!</div>
+            </div>
             <p class="max-w-lg mt-2 text-gray-600 text-sm/6 max-lg:text-center">Gain <a href="https://devdojo.com/wave/videos" target="_blank" class="font-medium text-indigo-600 underline">access to screencasts</a> that help you master Wave and build your new SaaS.</p>
         </div>
         <div class="flex items-center justify-center flex-1 px-8 mt-5 mb-10 sm:mt-0 sm:mb-0 max-lg:pb-12 max-lg:pt-10 sm:px-10 lg:pb-2">
diff --git a/layouts/pro.html b/layouts/pro.html
index 9528d39..2b97b13 100644
--- a/layouts/pro.html
+++ b/layouts/pro.html
@@ -24,12 +24,9 @@
         }
 
         window.authMonthly = function(){
-            document.getElementById('banner').classList.remove('bg-indigo-600');
-            document.getElementById('banner').classList.add('bg-yellow-600');
-            document.getElementById('banner-message-monthly').classList.remove('hidden');
+            document.getElementById('banner-message-access').classList.remove('hidden');
             document.getElementById('banner').classList.remove('opacity-0');
-            document.getElementById('banner').style.background = '#e9a23b';
-            document.getElementById('upgrade-notice').classList.remove('hidden');
+            document.getElementById('banner').style.background = '#4ca154';
         }
 
         window.authUser = function(){
diff --git a/pages/pro.html b/pages/pro.html
index 134bc7d..2401471 100644
--- a/pages/pro.html
+++ b/pages/pro.html
@@ -17,7 +17,7 @@
                                 <svg class="w-5 h-5" style="color:#f2c14b" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"><path fill-rule="evenodd" d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"></path></svg>
                             </div>
                             <div class="ml-3">
-                                <h3 class="text-sm font-medium" style="color:#88451d">You must upgrade to the Pro Yearly ($99/yr) plan to gain access.</h3>
+                                <h3 class="text-sm font-medium" style="color:#88451d">You must upgrade to a DevDojo Pro account to gain access.</h3>
                             </div>
                         </div>
                     </div>