Merge pull request #385 from ComputerScienceHouse/develop

Develop

Author: pikachu0542

README.md

@@ -1,4 +1,4 @@
-# CSHPublicSite - [csh.rit.edu](https://csh.rit.edu)
+# Pubsite - [csh.rit.edu](https://csh.rit.edu)
 
 The public facing website for [Rochester Institute of Technology](https://rit.edu/)'s [Computer Science House](https://csh.rit.edu).
 
@@ -8,8 +8,8 @@ This site is written using [Jekyll](https://jekyllrb.com/), a static site genera
 
 ## Local Development
 
-Build the container:  `docker build -t cshpublicsite .`  
-Run the container: `docker run -p 4000:80 cshpublicsite`  
+Build the container:  `docker build -t pubsite .`  
+Run the container: `docker run -p 4000:80 pubsite` or pick your favorite port
 You will be able to access the site at http://localhost:4000.
 
 You can either edit files in the container, or rebuild the container when you want to test changes.
@@ -23,4 +23,4 @@ You can either edit files in the container, or rebuild the container when you wa
 
 ## Questions/Concerns
 
-Please file an [Issue](https://github.com/ComputerScienceHouse/CSHPublicSite/issues/new) on this repository or contact [webmaster@csh.rit.edu](mailto:webmaster@csh.rit.edu) with inquiries about the site.
+Please file an [Issue](https://github.com/ComputerScienceHouse/pubsite/issues/new) on this repository or contact [webmaster@csh.rit.edu](mailto:webmaster@csh.rit.edu) with inquiries about the site.

_includes/nav.html

@@ -1,4 +1,11 @@
-<nav class="navbar navbar-expand-lg navbar-dark">
+<nav class="navbar navbar-expand-lg navbar-dark d-flex flex-column">
+<!-- Banner for 50th anniversary information -->
+    <div id="info-banner">
+        <p>ATTENTION ALUMNI & MEMBERS: The 50th Anniversary will be held from April 10th-12th, 2026!</p>
+        <p>Find out more at <a href="https://50th.csh.rit.edu">50th.csh.rit.edu</a></p>
+        <button id="close-banner" onclick="document.getElementById('info-banner').style.display='none'">✖</button>
+    </div>
+
     <div class="container">
         <a href="/" class="navbar-brand" aria-label="Return to Computer Science House's Homepage">&nbsp;</a>
         <button type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>

_sass/_splash.scss

@@ -12,7 +12,7 @@ $size: 350px;
   h1 {
     color: white;
     font-size: 3em;
-    margin: 0;
+    margin: 40px 0 0;
     padding: 0 1rem;
     max-width: 100%;
     word-wrap: break-word;

assets/css/main.scss

@@ -154,6 +154,52 @@ a.btn {
   }  
 }
 
+// CSS For 50th Info Banner
+#info-banner {
+  background-color: #B0197E;
+  color: #fff;
+  text-align: center;
+  padding: 10px 40px;
+  width: 100%;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+#info-banner p {
+  margin: 0;
+  display: inline-block;
+
+  position: relative;
+}
+
+#close-banner {
+  background: none;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  margin-left: 10px;
+  color: #fff;
+
+
+  position: fixed;
+  top: 10px;
+  right: 20px;
+}
+
+#info-banner a {
+  color: white;
+  text-decoration: underline;
+}
+
+#info-banner a:visited {
+  color: white;
+}
+
+@media screen and (min-width: 1100px) {
+  #close-banner {
+    top: 20px;
+    right: 30px;
+  }
+}
 
 
 @import "typography";

index.html

@@ -3,6 +3,7 @@
 active: home
 ---
 
+
 <div style="top:0;position:absolute;display: inline;">
 <!-- Floating scroll-down button -->
     <button id="carousel-scroll-down-button"  aria-label="Scroll to the end/bottom of the image carousel">