feat: add site section featuring trustworthy AI resources (#15)

* add new section on trustworthy AI
* add badge class to stylesheet
* add new image

Signed-off-by: Bryan Behrenshausen <[email protected]>

Author: semioticrobotic

css/sassoftware.css

@@ -538,6 +538,18 @@ td:last-child {
 	font-family: monospace;
 	font-size: 85%;
 }
+.u-badge {
+	color: var(--accent-hue);
+	letter-spacing: .13rem;
+	text-transform: uppercase;
+	font-size: 50%;
+	font-weight: bolder;
+	border: 1px solid var(--accent-hue);
+	border-radius: .5rem;
+	padding: .75rem;
+	display: inline-block;
+	box-shadow: .3rem .3rem .1rem;
+}
 .u-img-hero { 
 	max-width: 80%;
 }

images/trustworthy-ai.png

@@ -103,6 +103,35 @@ <h3>Read the guide</h3>
 
 <!-- Banded section -->
 
+<div class="divider">
+	<div>
+	<img class="u-img-divider" src="images/standard-section-divider.png">
+	</div>
+</div>
+
+<!-- Body section -->
+
+<div class="grid-container halves">
+	<div>
+		<p class="u-badge">Public preview</p>
+		<h2>SAS Trustworthy AI Life Cycle</h2>
+		<p>Steps for evaluating and deploying a more trustworthy AI system.</p>
+		<p><a class="button button-classic" href="https://sassoftware.github.io/sas-trustworthy-ai-life-cycle/" title="SAS Trustworthy AI Life Cycle">Explore</a> <a href="https://github.com/sassoftware/sas-trustworthy-ai-life-cycle" title="sas-trustworthy-ai-life-cycle">Contribute →</a>
+		<hr>
+		<h4>Learn more about trustworthy AI</h4>
+		<ul>
+			<li><a href="https://www.sas.com/content/dam/SAS/documents/infographics/2023/en-trustworthy-ai-across-analytics-life-cycle-113583.pdf" title="Trustworthy AI Across the Data and AI Life Cycle">Read the handout</a></li>
+			<li><a href="https://www.youtube.com/watch?v=yRiKKSpfT7g" title="Enforcing Trustworthy AI Standards & Best Practices in Analytical Projects">Watch the presentation</a></li>
+			<li><a href="https://communities.sas.com/t5/Trustworthy-AI/bd-p/trustworthy-ai" title="SAS  Trustworthy AI community">Join the community</a></li>
+		</ul>
+	</div>
+	<div>
+		<img class="u-three-quarter-width"src="images/trustworthy-ai.png">
+	</div>
+</div>
+
+<!-- Banded section -->
+
 <div class="band transparent-band">
 	<div>
 		<h2>SAS® Studio custom steps</h2>