initial changes

HKN-UCSD · Nov 6, 2024 · cf88636 · cf88636
1 parent a7bc499
commit cf88636
Show file tree

Hide file tree

Showing 21 changed files with 111 additions and 242 deletions.
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/images/aslogo.png b/assets/images/aslogo.png
diff --git a/assets/images/hard_hack_fallenstar(2023).png b/assets/images/hard_hack_fallenstar(2023).png
diff --git a/assets/images/hard_hack_library2(2023).png b/assets/images/hard_hack_library2(2023).png
diff --git a/assets/images/hard_hack_logo.png b/assets/images/hard_hack_logo.png
diff --git a/assets/images/hard_hack_small_logo.png b/assets/images/hard_hack_small_logo.png
diff --git a/assets/images/hcf-banner.jpg b/assets/images/hcf-banner.jpg
diff --git a/assets/images/hknlogo.png → assets/images/hkn-logo.png b/assets/images/hknlogo.png → assets/images/hkn-logo.png
diff --git a/assets/images/ieeelogo.png b/assets/images/ieeelogo.png
diff --git a/assets/images/l3harris-logo.png b/assets/images/l3harris-logo.png
diff --git a/assets/images/llnl-logo.png b/assets/images/llnl-logo.png
diff --git a/assets/images/naasco-logo.png b/assets/images/naasco-logo.png
diff --git a/assets/images/nasc-logo.png b/assets/images/nasc-logo.png
diff --git a/assets/images/ntagsw-logo.png b/assets/images/ntagsw-logo.png
diff --git a/assets/images/scholarssociety-logo.png b/assets/images/scholarssociety-logo.png
diff --git a/assets/images/tbp-logo.png b/assets/images/tbp-logo.png
diff --git a/assets/images/tntlogo.png b/assets/images/tntlogo.png
diff --git a/assets/images/ucsdecelogo.png b/assets/images/ucsdecelogo.png
diff --git a/index.css b/index.css
@@ -39,6 +39,31 @@ h1 {
 	text-align: center;
 }
 
+#scrollTop {
+	display: none; /* Hidden by default */
+	position: fixed; /* Fixed/sticky position */
+	bottom: 20px; /* Place the button at the bottom of the page */
+	right: 30px; /* Place the button 30px from the right */
+	z-index: 99; /* Make sure it does not overlap */
+	border: none; /* Remove borders */
+	outline: none; /* Remove outline */
+	background-color: darkblue; /* Set a background color */
+	cursor: pointer; /* Add a mouse pointer on hover */
+	height: 40px;
+	width: 40px;
+	border-radius: 10px; /* Rounded corners */
+	padding: 0px;
+	text-align: center;
+	text-justify: center;
+	line-height: 45px;
+	color: white;
+	font-size: 30px;
+}
+
+#scrollTop:hover {
+background-color: #555; /* Add a dark-grey background on hover */
+}
+
 #menu-bar {
 	position: absolute;
 	display: flex;

diff --git a/index.html b/index.html
diff --git a/index.js b/index.js
@@ -12,6 +12,27 @@ $(document).ready(function() {
 		$("#icon").css({display: "block"});
 	}
 
+	// Get the button:
+	let scrollButton = document.getElementById("scrollTop");
+
+	// When the user scrolls down 20px from the top of the document, show the button
+	window.onscroll = function() {scrollFunction()};
+
+	function scrollFunction() {
+		if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+			scrollButton.style.display = "block";
+		} else {
+			scrollButton.style.display = "none";
+		}
+	}
+
+	scrollButton.addEventListener("click", toTop);
+
+	// When the user clicks on the button, scroll to the top of the document
+	function toTop() {
+		document.body.scrollTop = 0; // For Safari
+		document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+	}
 
 	const height = $(window).height();
 	const width = $(window).width();