Add vision and mission statement to home page

Ref: https://issues.redhat.com/browse/EC-1290

Author: simonbaird

website/assets/css/custom.css

@@ -485,6 +485,18 @@ p.big {
   color: var(--ec-icon-purple);
 }
 
+.hero-intro p.mission {
+  padding: 1em;
+  font-style: italic;
+  font-size: 130%;
+  color: var(--ec-icon-purple);
+}
+
+.hero-intro p.mission span {
+  opacity: 0.3;
+  font-weight: bold;
+}
+
 .hero-highlights {
   display: grid;
   grid-template-columns: auto auto;

website/layouts/index.html

@@ -58,6 +58,23 @@
         <div class="divider">
           {{ partial "svg-wave-divider.html"}}
         </div>
+
+        {{/* Recycling the hero-intro class even though this is not the intro */}}
+        <div class="hero-intro">
+          <p class="mission"><span>Vision:</span> A world where every
+            software supply chain includes robust policy enforcement and secure artifact
+            verification by default.</p>
+
+          <p class="mission"><span>Mission:</span> To create user-friendly,
+            standards-based tooling to empower software, release, and security engineers to
+            consistently deliver artifacts that verifiably and transparently meet business,
+            quality, and security policies.</p>
+        </div>
+
+        <div class="divider">
+          {{ partial "svg-wave-divider.html"}}
+        </div>
+
         <div class="blog-excerpts" style="padding-top: 2em; padding-bottom: 0em;">
           <h2>Recently Published</h2>
           <article class="doc">