archive banners

Author: pancakereport

su17/index.html

@@ -115,6 +115,11 @@
   <!-- End navbar -->
   <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>

su17/office-hours.html

@@ -49,6 +49,12 @@
   </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>
         <div class="cell border-box-sizing text_cell rendered">
             <div class="prompt input_prompt">

su17/policies.html

@@ -49,6 +49,12 @@
   </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>
 
 

su17/resources.html

@@ -49,6 +49,12 @@
   </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>Resources</h2>
 
 

su17/schedule.html

@@ -50,6 +50,12 @@
   </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>Schedule</h2>
         <div class="cell border-box-sizing text_cell rendered">
         <div class="prompt input_prompt">

su17/staff.html

@@ -49,6 +49,11 @@
   </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>
 
 

su17/theme/css/main.css

@@ -53,3 +53,35 @@ a.anchor-link {
 .staff th, .staff tr, .staff td {
   padding: 0 40px 40px 0;
 }
+
+.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; 
+}