Adds portfolio workshop slides.

dh-portfolio-workshop/index.html

@@ -0,0 +1,49 @@
+---
+layout: default
+title: Digital Humanities Certificate Porfolios
+bodyid: student-work
+bodyclass: student-work
+auto: true
+---
+<section class="slide" id="poster-welcome">
+    <h1>Digital Humanities Certificate Porfolios</h1>
+    <p>Jeremy Boggs<br>
+       Head of Research & Development<br>
+       Scholars' Lab</p>
+</section>
+<section class="slide">
+    <h2>Why Make a Porfolio?</h2>
+    <ul>
+        <li>It's kinda required...</li>
+        <li>It's also an opportunity to showcase your work and expertise to potential collaborators and employers.</li>
+        <li>It's also an opportunity to take pride in yourself!</li>
+    </ul>
+</section>
+<section class="slide prompt">
+    <p>Discussion: Questions and Concerns?</p>
+</section>
+<section class="slide">
+    <h2>Past Certificate Student Examples</h2>
+    <ul>
+        <li><a href="https://wordpress.its.virginia.edu/Addington_DH_Portfolio/">Catherine Addington</a></li>
+        <li><a href="https://choward345.github.io/dh_portfolio.html">Christian Howard-Sukhil</a></li>
+        <li><a href="https://www.justingreenlee.net/">Justin Greenlee</a></li>
+    </ul>
+</section>
+<section class="slide">
+    <h2>Current Practitioners</h2>
+    <ul>
+        <li><a href="https://walshbr.com/projects">Dr. Brandon Walsh</a></li>
+        <li><a href="https://amandavisconti.com/">Dr. Amanda Wyatt Visconti</a></li>
+        <li><a href="https://roopikarisam.com/">Dr. Roopika Risam</a></li>
+        <li><a href="https://jasonheppler.org/research/">Dr. Jason Heppler</a></li>
+    </ul>
+</section>
+<section class="slide">
+    <h2>Resources</h2>
+    <ul>
+        <li><a href="https://dh.library.virginia.edu/guidelines-dh-practicum-portfolio">Guidelines for the DH Portfolio</a></a></li>
+        <li><a href="https://yournamehere.scholarslab.org">Your Name Here</a></li>
+        <li><a href="https://github.com/scholarslab/portfolio-template">Portfolio Template by Scholars' Lab</a></li>
+    </ul>
+</section>

style.css

@@ -18,7 +18,7 @@
 --uvalib-text-dk-grey: #474747; /*ADA compliant for hover over shaded table rows*/
 --uvalib-text-almost-black: #212121; /*ADA compliant*/
 --uvalib-secondary-emergency-red: #E00000; /*ADA compliant*/
---uvalib-secondary-cyan: #009FDF;
+--uvalib-secondary-cyan: rgb(0, 159, 223);
 --uvalib-secondary-yellow: #FDDA24;
 --uvalib-secondary-teal: #25CAD3;
 --uvalib-secondary-magenta: #EF3F6B;
@@ -60,9 +60,9 @@ a,:link {
   align-items: center;
   width: 100vw;
   z-index: 500000;
-  padding: 2rem;
+  padding: 0.5rem 3rem;
   height: 10vh;
-  border-bottom: 1px solid rgba(255,255,255,0.5);
+  border-bottom: 1px solid rgba(0,0,0,0.125);
 }
 
 #banner span {
@@ -75,7 +75,7 @@ a,:link {
   align-content:center;
   margin:0;
   font-weight:700;
-  font-size: 1.75rem;
+  font-size: 1.5rem;
 }
 
 #banner img {
@@ -86,19 +86,15 @@ a,:link {
 
 .slide {
     height: 90vh;
-    padding-top: 10vh;
-    padding: 5rem;
-    background-image: linear-gradient(rgba(35,45,75,0.875),rgba(35,45,75,0.875)),
-      url('../images/background.jpg');
-    background-size: cover;
-    background-attachment: fixed;
+    background: orange;
 }
 .slide > div {
     display:flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content:center;
     height: 100%;
+    padding: 3rem;
 }
 
 .slide h1 {
@@ -109,9 +105,9 @@ a,:link {
 }
 
 .slide h2 {
-  font-size: clamp(1.5rem, 2vw + 1.5rem, 3rem);
+  font-size: clamp(2rem, 2vw + 1.5rem, 3rem);
   margin:0;
-  font-weight: 100;
+  font-weight: 700;
 
   color: var(--uvalib-main-rotunda-orange);
 }