feat: add banner referencing SAS Innovate (#18)

This involves refining the stylesheet to better handle self-hiding
images on mobile.

Signed-off-by: Bryan Behrenshausen <bryan.behrenshausen@sas.com>

Author: semioticrobotic

css/sassoftware.css

@@ -550,12 +550,15 @@ td:last-child {
 	display: inline-block;
 	box-shadow: .3rem .3rem .1rem;
 }
-.u-img-hero { 
+.u-img-hero {
 	max-width: 80%;
 }
+.u-img-hiding { 
+	display: block;
+}
 @media (max-width: 1101px) {
-	.u-img-hero {
-		display:none;
+	.u-img-hiding {
+		display: none;
 	}
 }
 .u-img-border {

images/sas-innovate.png

@@ -27,7 +27,7 @@ <h1>Open source software from SAS</h1>
 		<p><a class="button button-classic" href="https://github.com/sassoftware" title="github.com/sassoftware">View projects</a> <a href="contributor-handbook.html" title="SAS Open Source Contributor Handbook">Contribute →</a></p>
 	</div>
 	<div>
-		<img class="u-img-hero" src="images/sas-colors-2.png">
+		<img class="u-img-hero u-img-hiding" src="images/sas-colors-2.png">
 	</div>
 </div>
 
@@ -292,11 +292,15 @@ <h3>Code examples</h3>
 
 <!-- Banded section -->
 
-<div class="divider">
+<div class="band blue-band">
 	<div>
-	<img class="u-img-divider" src="images/standard-section-divider.png">
+		<img class="u-img-hiding u-half-width" src="images/sas-innovate.png" style="padding-bottom:4rem;">
+		<h2>More to explore</h2>
+        <p class="u-embiggen">Access materials from hands-on sessions at <a href="https://www.sas.com/en/events/sas-innovate.html" title="SAS Innovate">SAS Innovate</a>. Get started with SAS® Viya Workbench, SAS® Intelligent Decisioning, SAS® Visual Analytics, and more.</p>
+		<p><a class="button button-inverted" href="https://github.com/SAS-Innovate-2025" title="SAS-Innovate-2025">Access now</a></p>
 	</div>
 </div>
+</div>
 
 <!-- Body section -->