su21 archive banners

pancakereport · pancakereport · commit 0c491a6fc9a0 · 2026-03-10T17:02:34.000-07:00
diff --git a/su21/calendar.html b/su21/calendar.html
@@ -60,6 +60,12 @@
   </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/su21/exam.html b/su21/exam.html
@@ -60,6 +60,12 @@
   </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>Exam</h2>
     
 
diff --git a/su21/faq.html b/su21/faq.html
@@ -60,6 +60,12 @@
   </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/su21/index.html b/su21/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/su21/materials.html b/su21/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/su21/office-hours.html b/su21/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/su21/policies.html b/su21/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/su21/python-reference.html b/su21/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/su21/staff.html b/su21/staff.html
@@ -60,6 +60,12 @@
   </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/su21/supplemental-videos.html b/su21/supplemental-videos.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>Supplemental Videos</h2>
     
 
diff --git a/su21/theme/css/main.css b/su21/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; 
+}
