Merge pull request #14 from eeholmes/eeholmes-patch-1

eeholmes · web-flow · commit c71057e7e611 · 2026-02-04T16:13:47.000-08:00
Update cookiecutter.yaml
diff --git a/cookiecutter.yaml b/cookiecutter.yaml
@@ -14,7 +14,7 @@ banner:
     - assets/images/banner/pam.jpg
     - assets/images/banner/sst.jpg
     - assets/images/banner/currents.jpg
-  interval_ms: 2000
+  interval_ms: 4000
   banner:
   links:
   - url: intro.html
diff --git a/{{ cookiecutter.repo_directory }}/assets/css/main.css b/{{ cookiecutter.repo_directory }}/assets/css/main.css
@@ -343,3 +343,14 @@ header.header {
 .hero-block-mask {
   pointer-events: none;
 }
+
+.hero-block { position: relative; }
+
+.hero-carousel { z-index: 0; pointer-events: none; }
+.hero-block-mask { z-index: 1; pointer-events: none; }
+
+.hero-split { z-index: 2; }
+.hero-panel-text { z-index: 5; }
+
+.hero-panel-text,
+.hero-panel-text * { pointer-events: auto; }
diff --git a/{{ cookiecutter.repo_directory }}/index-es.html b/{{ cookiecutter.repo_directory }}/index-es.html
@@ -26,6 +26,13 @@
 <body>
 
 <div id="hero-block" class="hero-block">
+    
+   <div class="lang-switch hero-lang-switch">
+     <a href="index.html" aria-current="page">EN</a>
+     <span class="lang-sep">|</span>
+     <a href="index-es.html">ES</a>
+   </div>
+    
     <div id="hero-carousel"
          class="hero-carousel carousel slide carousel-fade"
          data-bs-ride="carousel"
@@ -42,11 +49,6 @@
                         <!-- Left: black panel -->
                         <div class="hero-panel-text">
                             <div class="hero-panel-inner">
-                                 <div class="lang-switch hero-lang-switch">
-                                    <a href="index.html" aria-current="page">EN</a>
-                                    <span class="lang-sep">|</span>
-                                    <a href="index-es.html">ES</a>
-                                  </div>
                                 
                                 <div class="hero-logo-wrap">
                                     <img
diff --git a/{{ cookiecutter.repo_directory }}/index.html b/{{ cookiecutter.repo_directory }}/index.html
@@ -26,6 +26,14 @@
 <body>
 
 <div id="hero-block" class="hero-block">
+    
+  <!-- Language switch: top-left of hero -->
+  <div class="lang-switch hero-lang-switch">
+    <a href="index.html" aria-current="page">EN</a>
+    <span class="lang-sep">|</span>
+    <a href="index-es.html">ES</a>
+  </div>
+    
     <div id="hero-carousel"
          class="hero-carousel carousel slide carousel-fade"
          data-bs-ride="carousel"
@@ -42,12 +50,6 @@
                         <!-- Left: black panel -->
                         <div class="hero-panel-text">
                             <div class="hero-panel-inner">
-                            
-                              <div class="lang-switch hero-lang-switch">
-                                <a href="index.html" aria-current="page">EN</a>
-                                <span class="lang-sep">|</span>
-                                <a href="index-es.html">ES</a>
-                              </div>
                         
                             <div class="hero-logo-wrap">
                               <img
