quartznet/quartznet-info
2
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Layout redesign.

Browse Source 
- In a seperate commit from the stylesheet changes. Work in progress.
This commit is contained in:
Gitea
2020-06-22 03:44:10 -04:00
parent f416e08d54
commit 720dcc89eb
12 changed files with 229 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
includes/footer.php
View File

@ -1,5 +1,18 @@
<footer>
<div class="container">
<p>&copy; Quartznet 2020 <a href="/quartznet/policy">Policy</a></p>
<hr>
<p>&copy; Quartznet 2020 | <a href="/quartznet/policy">Policy</a></p>
</div>
</footer>
<!-- Used for nav bar dropdown with smaller screens-->
<script src="/quartznet/assets/js/jquery-3.5.1.min.js" defer></script>
<script src="/quartznet/assets/js/bootstrap.bundle.min.js" defer></script>
<script>
const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');
document.documentElement.setAttribute('data-theme', 'dark');
// var clientHeight = document.getElementsByClassName('overlay')[0].clientHeight;
// alert(clientHeight);
</script>

30
includes/header.php
View File

@ -1,15 +1,25 @@
<header>
<div class="container">
<nav>
<a class="title" href="/quartznet/">Quartznet</a>
<!-- <h2>Software and Game developers</h2> -->
<ul class="menu">
<li><a href="/quartznet/about">About</a></li>
<li><a href="/quartznet/contact">Contact</a></li>
<!-- <li><a href="/quartznet/contact">Contact</a></li> -->
<!-- <li><a href="/quartznet/contact">Contact</a></li> -->
<li><a href="/quartznet/admin">Admin</a></li>
</ul>
<nav class="navbar navbar-expand-md">
<div class="navbar-collapse order-1 order-md-0 dual-collapse2">
<ul class="navbar-nav mr-auto">
<li><a href="/quartznet/">Quartznet</a></li>
<li><a href="/quartznet/about">About</a></li>
<li><a href="/quartznet/contact">Contact</a></li>
</ul>
</div>
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul class="navbar-nav ml-auto">
<li><a href="/quartznet/admin">Admin</a></li>
</ul>
</div>
</nav>
</div>
<div class="overlay">
<div class="description">
<h1 class="title">Quartznet</h1>
<p>Software, Games, Science, Space!</p>
</div>
</div>
</header>