Merge pull request #19 from oceanhackweek/copilot/change-hero-banner-left-panel

Change hero banner left panel to white background with black text

Author: eeholmes

{{ cookiecutter.repo_directory }}/assets/css/main.css

@@ -59,8 +59,8 @@ header.header {
 
 /* Left panel */
 .hero-panel-text {
-  background-color: #000;
-  color: #fff;
+  background-color: #fff;
+  color: #000;
 
   display: flex;
   align-items: center;
@@ -83,11 +83,11 @@ header.header {
 .hero-panel-title,
 .hero-panel-desc,
 .hero-panel-meta {
-  color: #fff !important;
+  color: #000 !important;
   opacity: 1 !important;
   filter: none !important;
   mix-blend-mode: normal !important;
-  -webkit-text-fill-color: #fff !important; /* iOS */
+  -webkit-text-fill-color: #000 !important; /* iOS */
 }
 
 /* Typography */
@@ -187,7 +187,7 @@ header.header {
   font-size: 0.95rem;
   font-weight: 700;
   letter-spacing: 0.06em;
-  color: #fff;
+  color: #000;
   opacity: 0.9;
 }
 

{{ cookiecutter.repo_directory }}/index-es.html

@@ -46,7 +46,7 @@
                 {%- for img in cookiecutter.banner.image %}
                 <div class="carousel-item {% if loop.first %}active{% endif %}">
                     <div class="hero-split" aria-hidden="true">
-                        <!-- Left: black panel -->
+                        <!-- Left: white panel -->
                         <div class="hero-panel-text">
                             <div class="hero-panel-inner">
 

{{ cookiecutter.repo_directory }}/index.html

@@ -47,7 +47,7 @@
                 {%- for img in cookiecutter.banner.image %}
                 <div class="carousel-item {% if loop.first %}active{% endif %}">
                     <div class="hero-split" aria-hidden="true">
-                        <!-- Left: black panel -->
+                        <!-- Left: white panel -->
                         <div class="hero-panel-text">
                             <div class="hero-panel-inner">