diff --git a/__pycache__/modelfetch.cpython-311.pyc b/__pycache__/modelfetch.cpython-311.pyc new file mode 100644 index 0000000..c9f1080 Binary files /dev/null and b/__pycache__/modelfetch.cpython-311.pyc differ diff --git a/help.css b/help.css new file mode 100644 index 0000000..4125656 --- /dev/null +++ b/help.css @@ -0,0 +1,41 @@ +body { + /*background-color: black*/ + padding: 20px; + padding-top: 40px; +} + +h1, h2, h3, h4, h5, h6, p { + color: white; + font-family: 'Inter'; +} + +@font-face { + font-family: 'Inter'; + src: url('assets/fonts/inter/Inter-Regular.ttf'); +} + +.titlebar { + background-color: #00000070; + position: fixed; + left: 0; + top: 0; + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + height: 40px; + z-index: 10; +} + +.close { + background-color: #00000000; + border: 0; + width: 40px; + height: 40px; +} + +.close:hover { + background-color: #00000050; + scale: 1.05; +} \ No newline at end of file diff --git a/help.html b/help.html new file mode 100644 index 0000000..1cd222d --- /dev/null +++ b/help.html @@ -0,0 +1,17 @@ + + + + zdkrimson + + + +
+ +

Documentation

+
+ +

Documentation will be worked on eventually

+ + \ No newline at end of file diff --git a/help.js b/help.js new file mode 100644 index 0000000..d31d41c --- /dev/null +++ b/help.js @@ -0,0 +1,11 @@ +function closeHelp() { + // Send message from iframe to parent window + window.parent.postMessage('hideDocs', '*'); +} + +document.addEventListener('DOMContentLoaded', function() { + if (window.self === window.top) { + // Not inside an iframe + document.body.style.backgroundColor = 'darkred'; + } +}); \ No newline at end of file diff --git a/index.css b/index.css index 61878c0..ecc6415 100644 --- a/index.css +++ b/index.css @@ -1,9 +1,31 @@ body { + background-color: #210202; background-image: url("assets/bg/blur/crim1.png"); background-size: cover; background-attachment: fixed; } +@keyframes fadeout { + from { + opacity: 1; + } + to { + opacity: 0; + } +} + +.windowfade { + position: fixed; + top: 0; + left: 0; + background-color: #210202; + width: 100%; + height: 100%; + z-index: 100; + animation: fadeout 1s ease-in-out forwards; + pointer-events: none +} + @font-face { font-family: 'Inter'; src: url('assets/fonts/inter/Inter-Regular.ttf'); @@ -190,6 +212,24 @@ button:active { pointer-events: none; } +.help { + position: fixed; + width: 450px; + height: 80%; + padding: 0px; + margin: auto; + inset: 0px; + display: flex; + flex-direction: column; + backdrop-filter: blur(20px) brightness(40%); + border-radius: 20px; + box-shadow: 0px 0px 20px #00000055; + z-index: 7; /* i like the number 7 */ + opacity: 0; + scale: 0.8; + pointer-events: none; +} + @keyframes popup { from { scale: 0.8; @@ -224,7 +264,7 @@ button:active { animation: popout 0.5s ease-in forwards; } -.settingsiframe { +.windowiframe { width: 100%; height: 100%; border: 0; diff --git a/index.html b/index.html index 7d2f688..c7aac05 100644 --- a/index.html +++ b/index.html @@ -6,12 +6,16 @@ +
- + +
+
+
-

Minecraft Information

diff --git a/settings.js b/settings.js index 5855a8d..6a037e6 100644 --- a/settings.js +++ b/settings.js @@ -1,12 +1,25 @@ +console.log("Platform: " + navigator.platform) + +// Adds information on load +document.addEventListener('DOMContentLoaded', function() { + var restext = document.getElementById('sysres'); + var platformtext = document.getElementById('sysplat'); + + restext.textContent = "Resolution: " + window.screen.width + "x" + window.screen.height; + platformtext.textContent = "Platform: " + navigator.platform; +}); + +window.addEventListener('message', function(event) { + var syshost = document.getElementById('syshost'); + + syshost.textContent = "Host: " + event.data; +}); + function closeSettings() { // Send message from iframe to parent window window.parent.postMessage('hideSettings', '*'); } -// Check if the webpage is not loaded inside an iframe - - - //This code snippet sets the background to dark red if ran outside an iframe, this makes writing the settings page easier without it being embedded? // Im writing the settings page in it's own tab, not in the iframe cuz i need to refresh the page then open up the settings menu every new change // Wait for DOM content to be fully loaded