Merge pull request #55 from data-8/archive-sp21

pancakereport · web-flow · commit 8fb36e2bf6b1 · 2026-03-10T16:59:35.000-07:00
Add Archive Banner to sp21 website
diff --git a/sp21/.ipynb_checkpoints/angela-zs-bio-checkpoint.html b/sp21/.ipynb_checkpoints/angela-zs-bio-checkpoint.html
diff --git a/sp21/calendar.html b/sp21/calendar.html
@@ -60,6 +60,13 @@
   </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/sp21/faq.html b/sp21/faq.html
@@ -60,6 +60,13 @@
   </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/sp21/index.html b/sp21/index.html
@@ -62,6 +62,12 @@
   <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/sp21/materials.html b/sp21/materials.html
@@ -60,6 +60,13 @@
   </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/sp21/office-hours.html b/sp21/office-hours.html
@@ -60,6 +60,13 @@
   </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/sp21/policies.html b/sp21/policies.html
@@ -60,6 +60,13 @@
   </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/sp21/python-reference.html b/sp21/python-reference.html
@@ -60,6 +60,13 @@
   </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/sp21/staff.html b/sp21/staff.html
@@ -60,6 +60,13 @@
   </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/sp21/supplemental-videos.html b/sp21/supplemental-videos.html
@@ -60,6 +60,13 @@
   </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>Supplemental Videos</h2>
     
 
diff --git a/sp21/theme/css/main.css b/sp21/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; 
+}
