mirror of
https://github.com/JonasunderscoreJones/Website-v1.git
synced 2025-10-25 19:49:19 +02:00
80 lines
No EOL
3.4 KiB
HTML
Executable file
80 lines
No EOL
3.4 KiB
HTML
Executable file
<html style="background-color: #bababa;">
|
|
<body style="margin: 0px;">
|
|
<link rel="icon" type="image/x-icon" href="/.src/assets/logos/logo_icon.png">
|
|
<link id="style-main" rel="stylesheet" href="/.src/css/light/main.css">
|
|
<title>Template</title>
|
|
<div id="headerDiv"><object type="text/html" data="/header.html" style="overflow:hidden; width: 100%; height: 570px;"></object>
|
|
<div id="headerContent" style="height: 90%;max-height: 600px;min-height: 400px;width:100%;position:absolute;top:55px;z-index: -2;">
|
|
<h1 style="position: absolute;left: 70px;top: 100px;z-index: -1;font-size: 150;">Template</h1>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footerDiv"><object type="text/html" data="/footer.html" style="overflow:hidden; width: 100%; height: 151%"></object></div>
|
|
|
|
|
|
<link id="style-popup" rel="stylesheet" href="/.src/css/light/popups.css">
|
|
<div id="small_devices">
|
|
<div id="small_devices" class="generic_popup">
|
|
<div class="generic_content">
|
|
<div class="generic_header">
|
|
<span class="close" style="font-size: 70px;">×</span>
|
|
<h2>Mobile View not supported (yet)</h2>
|
|
</div>
|
|
<div class="generic_body">
|
|
<p>This website hasn't (yet) been optimized for mobile with small screens.</p>
|
|
<p>It is recommended to use a desktop or laptop computer to view this website.</p>
|
|
<p>The issues include small font size, bad website formatting and more.</p>
|
|
<p>On top of that the website is still under construction.</p>
|
|
<p>Be prepared for these issues or use a device with a bigger screen...</p>
|
|
</div>
|
|
<div class="generic_footer">
|
|
<h3>This issue is being adressed. Stay tuned for fixes!</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
|
|
</body>
|
|
<script>
|
|
// toggle dark mode
|
|
function toggleDarkMode() {
|
|
console.log('toggleDarkMode()');
|
|
var main = document.getElementById("style-main");
|
|
var topnav = document.getElementById("style-topnav");
|
|
var header = document.getElementById("style-header");
|
|
var footer = document.getElementById("style-footer");
|
|
var assets = document.getElementById("style-assets");
|
|
|
|
if (main.href.match("light")) {
|
|
main.href = "/.src/css/dark/main.css";
|
|
topnav.href = "/.src/css/dark/topnav.css";
|
|
header.href = "/.src/css/dark/header.css";
|
|
footer.href = "/.src/css/dark/footer.css";
|
|
assets.href = "/.src/css/dark/assets.css";
|
|
} else {
|
|
main.href = "/.src/css/light/main.css";
|
|
topnav.href = "/.src/css/light/topnav.css";
|
|
header.href = "/.src/css/light/header.css";
|
|
footer.href = "/.src/css/light/footer.css";
|
|
assets.href = "/.src/css/light/assets.css";
|
|
}
|
|
}
|
|
var span = document.getElementsByClassName("close")[0];
|
|
span.onclick = function() {
|
|
small_devices.style.display = "none";
|
|
}
|
|
window.onclick = function(event) {
|
|
if (event.target == small_devices) {
|
|
small_devices.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</html> |