crt
/
a7-css-shenanigans
1
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

Fixing stuff and changed page titles and stuff

This commit is contained in:
crt 2024-02-27 10:16:54 +01:00
parent 5c1ebcbe07
commit 49eb7416ed
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@ -2,7 +2,7 @@
<html lang="en" > <html lang="en" >
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>i hate javascript</title> <title>Adastra7</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/waves.css"> <link rel="stylesheet" href="css/waves.css">
<link rel="stylesheet" href="css/nav.css"> <link rel="stylesheet" href="css/nav.css">
@ -99,6 +99,8 @@ viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<a href="https://jabber.adastra7.net/" class="action-button btnanimate dabtn grow-btn">XMPP Server</a> <a href="https://jabber.adastra7.net/" class="action-button btnanimate dabtn grow-btn">XMPP Server</a>
<a href="https://img.adastra7.net/" class="action-button btnanimate dabtn grow-btn">CRT Image Host</a> <a href="https://img.adastra7.net/" class="action-button btnanimate dabtn grow-btn">CRT Image Host</a>
<a href="https://wiki.adastra7.net/" class="action-button btnanimate dabtn grow-btn">Wiki</a> <a href="https://wiki.adastra7.net/" class="action-button btnanimate dabtn grow-btn">Wiki</a>
<a href="https://pass.adastra7.net/" class="action-button btnanimate dabtn grow-btn">Password Manager</a>
<a href="https:/adastra7.net/git/" class="action-button btnanimate dabtn grow-btn">Git</a>
<!-- ich brauche mental dringend hilfe--> <!-- ich brauche mental dringend hilfe-->
</div> </div>
</li> </li>
@ -144,22 +146,17 @@ viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
</li> </li>
<!-- ich brauche mental dringend hilfe--> <!-- ich brauche mental dringend hilfe-->
</ul> </ul>
<h2>Updates and News:</h2>
<ul class="flex-box cards nocent"> <ul class="flex-box cards nocent">
<li> <li>
<h2>What is wrong with me tell me what ?????????????</h2> <h2>Planned fiber upgrade:</h2>
<p>Waterboard children</p> <p>In the first week of May 2024 Adastra7 will be getting the long awaited fiber upgrade. Please expect some downtime while fiber is being installed and core components are replace or reconfigured for 10Gbps networking</p>
<h3>- crt</h3>
</li> </li>
<li> <li>
<h2>Private Services</h2> <h2>Rework of Adastra7 website:</h2>
<p>Services that require a login only obtainable through our discord</p> <p>An ongoing project is the rework of this website. I have decided that continuing to drag along our Bootstrap 3 based DOS themed website isnt viable therefore I am working on an overhaul of the entire thing.</p>
<br> <h3>- crt</h3>
<div class="button-container flex-buttons center-this-shit"> <!-- Add a container for your buttons -->
<a href="https://cloud.adastra7.net/" class="action-button btnanimate dabtn grow-btn">Cloud</a>
<a href="https://media.adastra7.net/" class="action-button btnanimate dabtn grow-btn">Mediaserver</a>
<a href="https://gpt.adastra7.net/" class="action-button btnanimate dabtn grow-btn">AdasterGPT</a>
<a href="https://mail.adastra7.net/" class="action-button btnanimate dabtn grow-btn">Email</a>
<!-- ich brauche mental dringend hilfe-->
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -169,10 +166,9 @@ viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
</div> </div>
<!-- Content ends --> <!-- Content ends -->
<!--<div class="footer"><p style="font-family: 'Quicksand'">Adastra7 | 2017-2014</p></div>--> <!--<div class="footer"><p style="font-family: 'Quicksand'">Adastra7 | 2017-2014</p></div>-->
<script> <script>
function changeContent(pageName) { function changeContent(pageName) {
// Fade out all elements first (they will ignore if already hidden) // Fade out all elements first
var contentDivs = document.getElementsByClassName("content-div"); var contentDivs = document.getElementsByClassName("content-div");
for (var i = 0; i < contentDivs.length; i++) { for (var i = 0; i < contentDivs.length; i++) {
contentDivs[i].style.opacity = '0'; // Start fade out contentDivs[i].style.opacity = '0'; // Start fade out
@ -191,6 +187,13 @@ viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
title.innerHTML = pageName; title.innerHTML = pageName;
title.style.display = "block"; // Make sure title is ready for fading in title.style.display = "block"; // Make sure title is ready for fading in
// Update the browser tab title only if not viewing 'Adastra7'
if (pageName !== 'Adastra7') {
document.title = 'Adastra7 | ' + pageName;
} else {
document.title = 'Adastra7'; // Keep it as just 'Adastra7' if that's the current page
}
// Show and fade in the new active content // Show and fade in the new active content
var activeDiv = document.getElementById(pageName); var activeDiv = document.getElementById(pageName);
activeDiv.style.display = 'block'; activeDiv.style.display = 'block';
@ -201,7 +204,6 @@ viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
}, 300); // Match fade effect duration }, 300); // Match fade effect duration
} }
</script> </script>
<script> <script>
// Initialize the page with default content // Initialize the page with default content
window.onload = initPage; window.onload = initPage;