fixed top navbar and new admin info added

This commit is contained in:
root 2019-09-22 19:40:20 -06:00
parent 90ffb90619
commit 19c91c4033
4 changed files with 41 additions and 40 deletions

View File

@ -1,24 +1,5 @@
<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>
</div>
<br>
</body>
</html>

View File

@ -8,10 +8,11 @@
</head>
<body>
<div id="navbar">
<a href="/">~TILDE.CLUB~</a>
<a href="/">HOME</a>
<a href="/wiki/">WIKI</a>
<a href="/signup/">SIGN-UP</a>
</div>
<div id="navbar">
<a href="/">~TILDE.CLUB~</a>
<a href="/">HOME</a>
<a href="/wiki/">WIKI</a>
<a href="/signup/">SIGN-UP</a>
</div>
<div class="content">

View File

@ -40,6 +40,27 @@
</td>
<td valign="top">
<h2>UPDATE: September 2019:</h2>
<p>
tilde.club is back!! as of september 20th, we're now accepting
signups and operating as normal!
</p>
<p>
your new admins are: <a href="/~deepend/">~deepend</a> and
<a href="/~benharri/">~benharri</a>. if you need anything,
reach out via email (root AT tilde DOT club) or on irc.
</p>
<p>so what's new?</p>
<ul>
<li>~club is joining the <a href="https://tildeverse.org">
tildeverse</a>, a collective of like-minded tilde communities with a <a href="https://tilde.chat">shared irc network</a></li>
<li>we now have a <a href="https://lists.tildeverse.org/postorius/lists/tildeclub.lists.tildeverse.org/">mailing list</a> and a full-fledged <a href="/wiki/email.html">mailserver</a>. new users are automatically subscribed to the list with their @tilde.club address.</li>
<li>we're on a new vm with more ram and disk space to grow. check the expected ssh hostkey at the top of the page.</li>
<li>to keep up with updates, stop by irc (via <a href="https://web.tilde.chat/?join=club">webchat</a> or at your shell by running "chat"), check the mailing list, or follow our projects on our <a href="https://github.com/tildeclub">github org</a></li>
<li>most of the info from previous wiki iterations are now consolidated on our new <a href="/wiki/">wiki</a></li>
</ul>
<hr>
<h2>tilde.club gold star supporters</h2>
<p>Tilde.Club is supported by a global community of good people. We
@ -75,4 +96,6 @@
</tr>
</table>
<p>big kudos and thanks to the people who built the original tilde.club!</p>
<?php include "footer.php";

View File

@ -23,6 +23,9 @@ a {
font-weight: bold;
padding-right: 0.25em;
}
hr {
border-color: darkorange;
}
.advisory {
background: darkorange;
color: #223;
@ -61,6 +64,11 @@ h1 {
#navbar {
overflow: hidden;
background-color: darkorange;
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
/* Navbar links */
@ -75,21 +83,9 @@ h1 {
/* Page content */
.content {
padding: 16px;
padding-top: 30px;
}
/* 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;