improve title slide, add background elemements to IA theme

Author: sformel

custom.css

@@ -21,4 +21,24 @@
 
 .small-text {
   font-size: 0.6em;
-}
+}
+
+#title-slide::after {
+  content: attr(data-presentation-context);
+  display: block;
+  margin-top: 1.5rem;
+  font-size: 0.5em;
+  line-height: 1.4;
+  color: #F3EDE4;
+}
+
+/* Replace pipes with line breaks visually */
+#title-slide::after {
+  white-space: pre;
+  content: "Ocean Data Stewardship\A Rutgers Operational Oceanography Program\A Session #3";
+}
+
+#title-slide .date,
+#title-slide p.date {
+  font-size: 0.5em;
+}

index.qmd

@@ -6,8 +6,12 @@ author:
      orcid: 0000-0001-7418-1244
      affiliations:
         - name: "<img src='assets/the_data_patch_logo.png' style='height:60px; vertical-align:middle; margin-left:5px;'>"
-date: 2025-01-29
-format: revealjs
+date: "2026-01-29"
+format:
+  revealjs:
+    title-slide-attributes:
+      data-presentation-context: "Ocean Data Stewardship | Rutgers Operational Oceanography Program | Session #3"
+
 ---
 
 ## Why publish code? 

intertidalagency_theme.scss

@@ -113,4 +113,27 @@ main {
   ul p { 
     margin-bottom: 0.2rem; 
   }
+}
+
+// ===== BACKGROUND TOPO IMAGES =====
+.reveal .slides::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: 
+    url('https://images.squarespace-cdn.com/content/v1/66abbe11c36e24506f192287/d0819b40-2deb-4e16-9468-e526f0dc82be/home2_Intertidal_Topo01_Aqua.png?format=300w'),
+    url('https://images.squarespace-cdn.com/content/v1/66abbe11c36e24506f192287/511e7134-a0cf-4b95-9ba1-5ad82695a092/home1_Intertidal_Topo03_Aqua.png'),
+    url('https://images.squarespace-cdn.com/content/v1/66abbe11c36e24506f192287/6f3514db-4d85-4663-954e-61e2cf7c41f2/home3_Intertidal_Topo02_Aqua.png');
+  background-position: 
+    right top,
+    left top,
+    right bottom;
+  background-repeat: no-repeat;
+  background-size: auto 40%, auto 40%, auto 30%;
+  opacity: 0.2;
+  pointer-events: none;
+  z-index: -1;
 }