Added markup and styling for top author block.

cagov · Jan 31, 2024 · 895036d · 895036d
1 parent 3edff53
commit 895036d
Show file tree

Hide file tree

Showing 6 changed files with 61 additions and 4 deletions.
diff --git a/docs/pages/data/forecasting-community-water-system-outages.md b/docs/pages/data/forecasting-community-water-system-outages.md
@@ -6,11 +6,21 @@ headerlabel: Papers
 headericon: paper
 ---
 
-<p class="text-lead">We forecasted the impact of drought on community water systems.</p>
-
-[Monica G. Bobra](https://orcid.org/0000-0002-5662-9604)¹ <a href="https://orcid.org/0000-0002-5662-9604"><img class="orcid-cite" src="/img/orcid-icon.png"/></a>, Dan Wang², Hung Bui², Esa Eslami¹, Kimberly Hicks¹, Eric Zúñiga², [Arman Madani](https://orcid.org/0009-0002-4237-0213)¹ <a href="https://orcid.org/0009-0002-4237-0213"><img class="orcid-cite" src="/img/orcid-icon.png"/></a>
+<div class="author-header-block">
+ <a href="https://orcid.org/0000-0002-5662-9604" title="California Office of Data and Innovation, 401 I Street, Ste 200, Sacramento, CA 95814">Monica G. Bobra</a> <a href="https://orcid.org/0000-0002-5662-9604"><img class="orcid-cite" src="/img/orcid-icon.png"/></a>, Dan Wang, Hung Bui, Esa Eslami, Kimberly Hicks, Eric Zúñiga, Arman Madani <a href="https://orcid.org/0009-0002-4237-0213"><img class="orcid-cite" src="/img/orcid-icon.png"/></a>
+</div>
+ <!-- Dan Wang², Hung Bui², Esa Eslami¹, Kimberly Hicks¹, Eric Zúñiga², [Arman Madani](https://orcid.org/0009-0002-4237-0213)¹ <a href="https://orcid.org/0009-0002-4237-0213"><img class="orcid-cite" src="/img/orcid-icon.png"/></a>
 ¹ California Office of Data and Innovation, 401 I Street, Ste 200, Sacramento, CA 95814
 ² California State Water Resources Control Board, 1001 I Street, 24th Floor, Sacramento, CA 95814
+-->
+<p class="text-lead">We forecasted the impact of drought on community water systems.</p>
+
+<div class="interaction-block">
+<div class="interaction"><a href=""><img class="icon" src="/img/fcw-pdf-icon.svg" /> Download PDF</a></div>
+<div class="interaction"><a href=""><img class="icon" src="/img/fcw-share-icon.svg" /> Share</a></div>
+<div class="interaction"><a href=""><img class="icon" src="/img/fcw-cite-icon.svg" /> Cite</a></div>
+<div class="interaction"><a href="https://doi.org/10.12688/loremipsum.16307.1"><img class="icon" src="/img/fcw-link-icon.svg" /> https://doi.org/10.12688/loremipsum.16307.1</a></div>
+</div>
 
 ## Problem statement
 

diff --git a/docs/src/assets/img/fcw-cite-icon.svg b/docs/src/assets/img/fcw-cite-icon.svg
diff --git a/docs/src/assets/img/fcw-link-icon.svg b/docs/src/assets/img/fcw-link-icon.svg
diff --git a/docs/src/assets/img/fcw-pdf-icon.svg b/docs/src/assets/img/fcw-pdf-icon.svg
diff --git a/docs/src/assets/img/fcw-share-icon.svg b/docs/src/assets/img/fcw-share-icon.svg
diff --git a/docs/src/css/sass/ds-site-global.scss b/docs/src/css/sass/ds-site-global.scss
@@ -742,4 +742,38 @@ div.cagov-content {
     font-weight:400;
     line-height:2.4375rem;
   }
-}
+}
+
+div.author-header-block {
+  font-size: 1.11rem;
+  line-height: 2rem; 
+  margin-bottom: 1rem;
+  a {
+    text-decoration: none;
+  }
+  a:hover{
+    text-decoration: underline;
+  }
+}
+div.interaction-block {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 2fr;
+  border-top: 1px solid var(--ODI-Brand-Primary-primary-100, #C7D6E4);
+  border-bottom: 1px solid var(--ODI-Brand-Primary-primary-100, #C7D6E4);
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+  margin-top: 3rem;
+  margin-bottom: 1rem;
+  div.interaction {
+    font-size: 0.875rem;
+    line-height: 1.625rem;
+    min-width: 10ch;
+    // &.right {
+    //   text-align: right;
+    // }
+    img {
+      padding-right: 0.5rem;
+      vertical-align: middle;
+    }
+  }
+}