feat: tup-610 content-block migration

src/lib/_imports/components/c-content-block.css

@@ -0,0 +1,9 @@
+:is(.c-content-block, .content-block) {
+    margin-bottom: var(--global-space--bootstrap-gap);
+    padding: var(--global-space--pattern-pad);
+}
+
+:is(.c-content-block, .content-block) :is(h1, h2, h3, h4, h5, h6) {
+    border-left: var(--global-border-width--xx-thick) solid var(--global-color-accent--tertiary);
+    padding-left: 10px;
+}

src/lib/_imports/components/c-content-block/c-content-block.hbs

@@ -0,0 +1,33 @@
+<dl>
+    <dt>Staff Profile</dt>
+    <dd>
+        <div class="content-block">
+            <img class="img-fluid" />
+            <img src="https://upload.wikimedia.org/wikipedia/commons/9/99/Exampleavatar.png"
+                title="University of Texas at Austin" class="img-fluid" />
+        </div>
+
+        <div class="content-block">
+            <h3>Education</h3>
+
+            <p><strong>Ph.D., Computer Engineering</strong><br>
+                Clemson University, 2000</p>
+
+            <p><strong>M.S., Computer Engineering</strong><br>
+                Clemson University, 1993</p>
+
+            <p><strong>B.S., Electrical Engineering</strong><br>
+                Clemson University, B.S. (Electrical Engineering), 1991</p>
+        </div>
+    </dd>
+
+    <dt>Newsletters</dt>
+    <dd>
+        <article class="content-block">
+            <h3>EPIC + WeTeach_CS Newsletter</h3>
+
+            <p>Stay connected with our biweekly <a href="#">newsletter</a>.</p>
+            <a class="c-button c-button--primary" href="#">Newsletter Signup</a>
+        </article>
+    </dd>
+</dl>

src/lib/_imports/core-styles.base.css

@@ -43,6 +43,7 @@
 @import url("./components/c-pill.css");
 @import url("./components/c-see-all-link.css");
 @import url("./components/c-tag.css");
+@import url("./components/c-content-block.css");
 
 /* TRUMPS */
 @import url("./trumps/s-affixed-input-wrapper.css");