Merge pull request #58 from data-8/archive-sp22

pancakereport · web-flow · commit b73363a754d3 · 2026-03-10T17:24:25.000-07:00
Add Archive Banner to sp22 website
diff --git a/sp22/calendar.html b/sp22/calendar.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Calendar</h2>
     
 
diff --git a/sp22/chicken.html b/sp22/chicken.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Chicken</h2>
     
 
diff --git a/sp22/dawgs.html b/sp22/dawgs.html
@@ -59,6 +59,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Dawgs</h2>
     
 
diff --git a/sp22/dogeterials.html b/sp22/dogeterials.html
@@ -59,6 +59,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Dogeterials</h2>
     
 
diff --git a/sp22/doghouse-hours.html b/sp22/doghouse-hours.html
@@ -59,6 +59,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Doghouse Hours</h2>
     
 
diff --git a/sp22/faq.html b/sp22/faq.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>FAQ</h2>
     
 
diff --git a/sp22/fbq-frequently-barked-questions.html b/sp22/fbq-frequently-barked-questions.html
@@ -59,6 +59,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>FBQ (Frequently Barked Questions)</h2>
     
 
diff --git a/sp22/foundation-scholars.html b/sp22/foundation-scholars.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Foundation Scholars</h2>
     
 
diff --git a/sp22/foundations-scholars-staff-spring-2022.html b/sp22/foundations-scholars-staff-spring-2022.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Foundations Scholars Staff, Spring 2022</h2>
     
 
diff --git a/sp22/foundations-scholars.html b/sp22/foundations-scholars.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Foundations Scholars</h2>
     
 
diff --git a/sp22/house-rules.html b/sp22/house-rules.html
@@ -59,6 +59,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>House Rules</h2>
     
 
diff --git a/sp22/index.html b/sp22/index.html
@@ -62,6 +62,11 @@
   <div class="container">
 <section id="content">
 
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
 
 <h2>Announcements</h2>
 
diff --git a/sp22/materials.html b/sp22/materials.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Materials</h2>
     
 
diff --git a/sp22/office-hours.html b/sp22/office-hours.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Office Hours</h2>
     
 
diff --git a/sp22/policies-tbd.html b/sp22/policies-tbd.html
@@ -59,6 +59,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Policies (TBD)</h2>
     
 
diff --git a/sp22/policies.html b/sp22/policies.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Policies</h2>
     
 
diff --git a/sp22/python-reference.html b/sp22/python-reference.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Python Reference</h2>
     
 
diff --git a/sp22/staff.html b/sp22/staff.html
@@ -60,6 +60,11 @@
   </nav>
 
   <div class="container">
+    <div class="container">
+            <div class="archive-banner">
+        ⚠️ This content is archived as of March 2026 and is retained exclusively for reference.
+        <a href="https://data8.org">Find current offerings.</a>
+    </div>
     <h2>Staff</h2>
     
 
diff --git a/sp22/theme/css/main.css b/sp22/theme/css/main.css
@@ -96,3 +96,35 @@ a.anchor-link {
 .staff .name .biohover:active .bio {
   visibility: visible;
 }
+
+.archive-banner {
+    background-color: #d32f2f; /* Deep Red */
+    color: white;
+    text-align: center;
+    padding: 12px 10px;
+    font-family: sans-serif;
+    font-weight: bold;
+    position: relative;
+    /* position: fixed;
+    top: 0; 
+    left: 0; */
+    z-index: 9999;
+    width: 100%;
+    box-sizing: border-box;
+    border-bottom: 2px solid #b71c1c;
+}
+.archive-banner a {
+    color: #ffffff;
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 3px;
+    font-weight: 700;
+}
+
+.archive-banner a:hover, 
+.archive-banner a:focus {
+    text-decoration: none;
+    background-color: #ffffff;
+    color: #b30000;
+    outline: 3px solid #ffcc00; 
+}
