loads of progress. kinda

This commit is contained in:
Jonas_Jones 2023-01-15 19:04:09 +01:00
parent b283560e10
commit 35d4d0ef3a
9 changed files with 233 additions and 31 deletions

View file

@ -1,18 +1,45 @@
<html>
<style>
</style>
<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%;width:100%;position:absolute;top:55px;z-index: -2;">
<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" style="border: 1px solid blue;"><object type="text/html" data="footer.html" style="overflow:hidden; width: 100%; height: 151%"></object></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" style="position: fixed; bottom: 0;height: 100%; width: 100%;">
<div id="small_devices" class="generic_popup">
<div class="generic_content">
<div class="generic_header">
<span class="close" style="font-size: 70px;">&times;</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>Be prepared for these issues (and more) 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>
@ -39,5 +66,14 @@
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>