diff --git a/footer.php b/footer.php
index c7a2628..d64264b 100644
--- a/footer.php
+++ b/footer.php
@@ -1,3 +1,24 @@
+<script>
+// When the user scrolls the page, execute myFunction
+window.onscroll = function() {myFunction()};
+
+// Get the navbar
+var navbar = document.getElementById("navbar");
+
+// Get the offset position of the navbar
+var sticky = navbar.offsetTop;
+
+// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
+function myFunction() {
+  if (window.pageYOffset >= sticky) {
+    navbar.classList.add("sticky")
+  } else {
+    navbar.classList.remove("sticky");
+  }
+} 
+</script>
+<br> 
+<p>Thanks to the OG tilde.club team! </p>
 	</body>
 </html>
 
diff --git a/header.php b/header.php
index 9aee802..6b2db25 100644
--- a/header.php
+++ b/header.php
@@ -4,6 +4,12 @@
 		<meta http-equiv="x-ua-compatible" content="ie=edge">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title><?=isset($title) ? $title : "Welcome to ~tilde.club~"?></title>
-		<link rel="stylesheet" href="/style.css">
+		<link rel="stylesheet" href="https://yourtilde.com/~deepend/tcnew/style.css">
+
 	</head>
-	<body>
+<body>
+ <div id="navbar">
+  <a href="https://tilde.club/">HOME</a>
+  <a href="https://tilde.club/wiki">WIKI</a>
+  <a href="https://tilde.club/signup">SIGN-UP</a>
+</div> 
diff --git a/index.php b/index.php
index 5f80b72..b8186cb 100644
--- a/index.php
+++ b/index.php
@@ -14,7 +14,6 @@
 					in their shared quest to build awesome web pages
 				</p>
 
-				<h2>Public sign-ups will re-open on September 20th 2019!</h2>
 				<p>
 					If you would like a list of <a href="http://tilde.club/~delfuego/tilde.24h.html">
 					RECENTLY CHANGED PAGES</a> you can see that too
diff --git a/style.css b/style.css
index a728616..0360609 100644
--- a/style.css
+++ b/style.css
@@ -53,6 +53,39 @@ h1 {
   animation-iteration-count: infinite;
 }
 
+ /* Style the navbar */
+#navbar {
+  overflow: hidden;
+  background-color: darkorange;
+}
+
+/* Navbar links */
+#navbar a {
+  float: left;
+  display: block;
+  color: black;
+  text-align: center;
+  padding: 14px;
+  text-decoration: none;
+}
+
+/* Page content */
+.content {
+  padding: 16px;
+}
+
+/* The sticky class is added to the navbar with JS when it reaches its scroll position */
+.sticky {
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
+.sticky + .content {
+  padding-top: 60px;
+} 
+
 input[type="text"],
 textarea {
   background-color: #333;
