Merge branch 'main' into deployment

hathitrust · Jun 12, 2024 · 8633f55 · 8633f55
2 parents 7acd1aa + cf750fe
commit 8633f55
Show file tree

Hide file tree

Showing 18 changed files with 496 additions and 0 deletions.
diff --git a/images/bgsvbanner.svg b/images/bgsvbanner.svg
diff --git a/images/sv/CommittedCore_345x230.webp b/images/sv/CommittedCore_345x230.webp
diff --git a/images/sv/CommittedCore_700x400.png b/images/sv/CommittedCore_700x400.png
diff --git a/images/sv/CommittedCore_700x400.webp b/images/sv/CommittedCore_700x400.webp
diff --git a/images/sv/Future_345x230.webp b/images/sv/Future_345x230.webp
diff --git a/images/sv/Future_700x400.png b/images/sv/Future_700x400.png
diff --git a/images/sv/Future_700x400.webp b/images/sv/Future_700x400.webp
diff --git a/images/sv/HathiTrust_345x230.webp b/images/sv/HathiTrust_345x230.webp
diff --git a/images/sv/HathiTrust_700x400.png b/images/sv/HathiTrust_700x400.png
diff --git a/images/sv/HathiTrust_700x400.webp b/images/sv/HathiTrust_700x400.webp
diff --git a/images/sv/Values_345x230.webp b/images/sv/Values_345x230.webp
diff --git a/images/sv/Values_700x400.png b/images/sv/Values_700x400.png
diff --git a/images/sv/Values_700x400.webp b/images/sv/Values_700x400.webp
diff --git a/images/sv/Vision_345x230.webp b/images/sv/Vision_345x230.webp
diff --git a/images/sv/Vision_700x400.png b/images/sv/Vision_700x400.png
diff --git a/images/sv/Vision_700x400.webp b/images/sv/Vision_700x400.webp
diff --git a/page-strategic-vision.php b/page-strategic-vision.php
diff --git a/src/css/style.css b/src/css/style.css
@@ -849,6 +849,113 @@ hathi-website-footer {
   position: absolute;
 }
 
+/*strategic vision page */
+.sv-gap {
+  margin-bottom: 2.62rem;
+}
+#strategic-vision .pb-contents p {
+  margin-block-end: 0;
+}
+#strategic-vision .pb-contents h3 {
+  margin-block-end: 0.5rem;
+}
+#strategic-vision h3.sv-subheading {
+  margin-block-end: 1.5rem;
+}
+
+#maindocument:has(.strategic-vision-banner) .btt-wrapper {
+  grid-area: 4 / 1 / -1 / -1;
+}
+#strategic-vision figure img {
+  margin-block-start: 2.62rem;
+}
+#strategic-vision figure:has(figcaption) img {
+  margin-block-end: 1rem;
+}
+#strategic-vision .accordion {
+  margin-top: 2.62rem;
+}
+#strategic-vision .accordion .accordion-header {
+  margin-block-start: 0;
+}
+#strategic-vision .accordion .accordion-item {
+  border-bottom: 0;
+}
+#strategic-vision .accordion .accordion-header {
+  border-bottom: 1px solid var(--color-neutral-300);
+}
+#strategic-vision .accordion .accordion-header button {
+  padding: 1.5rem 0;
+}
+#strategic-vision .accordion .accordion-body {
+  padding: 0;
+  margin-block: 2.5rem;
+}
+#strategic-vision ol > li {
+  padding-inline-start: 0.5rem;
+}
+
+#strategic-vision ol > li::marker {
+  font-weight: 700;
+}
+
+.strategic-vision-banner {
+  margin-top: 2.625rem;
+  border: 1px solid var(--primary600);
+  border-radius: 0.375rem;
+  color: #fff;
+  background-color: var(--primary600);
+  background-image: url('../../images/bgsvbanner.svg');
+  background-position: calc(100% + 35px) -42px;
+  background-repeat: no-repeat;
+  margin-inline: max(clamp(0.938rem, calc(0.268rem + 3.348vw), 1.875rem), ((100% - 73.125rem) / 2));
+}
+
+.sv-banner-inner {
+  max-width: 52.5rem;
+  margin-inline: auto;
+  padding: 3.75rem 0.9375rem;
+}
+.sv-banner-inner h2 {
+  margin-bottom: 2.5rem;
+}
+.strategic-vision-banner a.btn {
+  height: 2.75rem;
+  padding: 0.5rem 1rem;
+  align-items: center;
+  align-self: flex-end;
+}
+
+@media (min-width: 40em) {
+  /* 640px */
+  .strategic-vision-banner {
+    background-position: center -35px;
+  }
+  .sv-banner-inner {
+    display: grid;
+    grid-template: auto auto / 1fr 1fr;
+    gap: 1.875rem;
+  }
+  .sv-banner-inner h2 {
+    margin-block-end: 0;
+    grid-area: 2 / 1;
+  }
+  .sv-banner-inner p {
+    margin-bottom: 0;
+  }
+  .sv-banner-inner a.btn {
+    grid-area: 2 / 2;
+    justify-content: center;
+    justify-self: right;
+  }
+}
+@media (min-width: 48em) {
+  /* 768px */
+  .strategic-vision-banner {
+    background-position: center;
+    background-size: 378px;
+  }
+}
 @container blogcards (min-width: 31.25em) {
   /* 500px */
   .post-card {