Merge pull request #59 from data-8/archive-su22

Add Archive Banner to su22 website

Author: pancakereport

su22/calendar.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/faq.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/index.html

@@ -61,7 +61,10 @@
 
   <div class="container">
 <section id="content">
-
+<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>
 

su22/materials.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/office-hours.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/policies.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/python-reference.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/staff.html

@@ -60,6 +60,10 @@
   </nav>
 
   <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>
 
 

su22/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; 
+}