0xmac/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added "moe.html"

Browse Source
This commit is contained in:
0xmac 2024-10-14 23:45:02 +02:00
parent f3d6f65db9
commit 086e85d7cf
5 changed files with 86 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
global/bgtiled.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

44
global/global.js
View File

@ -75,15 +75,15 @@ dirDepth = ""
function updateStyle(type){
function resetBackground(){
try {
document.querySelector("body").style.backgroundImage = "none";
document.querySelector("body").style.backgroundRepeat = "repeat-x";
document.querySelector("body").style.backgroundPosition = "top";
document.querySelector("body").style.backgroundBlendMode = "normal";
document.querySelector("body").style.backgroundImage = "none";
document.querySelector("body").style.backgroundRepeat = "repeat-x";
document.querySelector("body").style.backgroundPosition = "top";
document.querySelector("body").style.backgroundBlendMode = "normal";
} catch { }
}
var doc = document.documentElement;
/* If type = undefined, default to "tomorrow" */
if (type == undefined){ type = "Neocities"; }
if (type == "Yotsuba"){
@ -100,7 +100,7 @@ function updateStyle(type){
try {
document.querySelector("body").style.backgroundImage = "url(" + dirDepth + "global/fade.png)";
} catch { }
} else if (type == "Tomorrow"){
} /*else if (type == "Tomorrow"){
doc.style.setProperty("--main-bg-color", "#1d1f21");
doc.style.setProperty("--main-bg-end-color", "#1d1f21");
doc.style.setProperty("--main-color", "#282a2e");
@ -122,7 +122,7 @@ function updateStyle(type){
doc.style.setProperty("--font-size", "13px");
resetBackground();
} else if (type == "Neocities"){
} */else if (type == "Neocities"){
doc.style.setProperty("--main-bg-color", "#000000");
doc.style.setProperty("--main-bg-end-color", "#468184");
doc.style.setProperty("--main-color", "#00000055");
@ -137,6 +137,22 @@ function updateStyle(type){
document.querySelector("body").style.backgroundRepeat = "repeat";
document.querySelector("body").style.backgroundBlendMode = "overlay";
} catch { }
} else if (type == "Indepth"){
doc.style.setProperty("--main-bg-color", "#000000");
doc.style.setProperty("--main-bg-end-color", "#080808");
doc.style.setProperty("--main-color", "#000000");
doc.style.setProperty("--main-fg-color", "#ffffff");
doc.style.setProperty("--main-title-fg-color", "#2c9080");
doc.style.setProperty("--font-family", "FreePixel");
doc.style.setProperty("--font-size", "15px");
resetBackground();
try {
document.querySelector("body").style.backgroundImage = "url(" + dirDepth + "global/bgtiled.gif)";
document.querySelector("body").style.backgroundRepeat = "repeat";
document.querySelector("body").style.backgroundBlendMode = "overlay";
} catch { }
}
}
@ -283,8 +299,8 @@ function LoadWebsite(){
if (document.getElementById("please-no-buttons") != null){
button_check_buttons.checked = false;
button_check_label.disabled = true;
button_check_buttons.disabled = true;
button_check_buttons.style.visibility = "hidden";
button_check_label.style.visibility = "hidden";
}
button_span.appendChild(button_select_label);
@ -343,8 +359,14 @@ function LoadWebsite(){
updateStyle(event.target.value);
});
if (localStorage.getItem("style") == "Yotsuba" || localStorage.getItem("style") == "Neocities" || localStorage.getItem("style") == undefined){
updateStyle(localStorage.getItem("style"));
if (document.getElementById("static-theme") == null){
if (localStorage.getItem("style") == "Yotsuba" || localStorage.getItem("style") == "Neocities" || localStorage.getItem("style") == undefined){
updateStyle(localStorage.getItem("style"));
}
} else {
updateStyle(document.getElementById("static-theme").getAttribute("data-"));
stylebutton.disabled = true;
button_select_label.style.visibility = "hidden";
}
}

9
global/style.css
View File

@ -24,6 +24,15 @@ body {
transition: 0.2s;
}
body:before{
animation-name: Static;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: steps(4);
opacity: 0.35;
pointer-events: none;
}
nav{
width:100%;
height:40px;

3
index.html
View File

@ -43,7 +43,8 @@
</ul> (yes yes... I will add [insert your favorite frontend] if demand is large enough)
</p>
<p class="text-center"><br><br><br>Thank you for stopping by.</p>
<p class="text-center"><br><br>Thank you for stopping by.</p>
<a class="text-center" href="moe.html"><br>? More stuff about <b><i>me</i></b> ?</a>
</div>
<div id="footnote"><var id="toplevel" data-="">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>

42
moe.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel="stylesheet" href="global/theme.css">
<script rel="text/javascript" src="global/global.js"></script>
<link rel="stylesheet" href="global/style.css">
<title>Moe about me?</title>
</head>
<body>
<main>
<h1 class="text-center">My real-estate corner</h1>
<p>Go <a href="./">back</a></p>
<div class="content fit">
<h2 class="titlebar">Moe about me?</h2>
Well...
</div>
<div class="content fit">
<h2 class="titlebar">$SKILLSET</h2>
Well...
</div>
<div class="content fit">
<h2 class="titlebar">What I do at $Daytime</h2>
Well...
</div>
<p>Go <a href="./">back</a></p>
<div id="footnote"><var id="toplevel" data-="./">Please enable Javascript on this page as it's required to generate the footer and navigation bar.<br>For fear of non-free Javascript: The JS is licensed under GPL v.3</var></div>
</main>
<footer id="footer"></footer>
<!-- Some variables and script-call for global site elements -->
<var id="selected-nav" data-="Home"></var>
<var id="please-no-buttons"></var>
<var id="static-theme" data-="Indepth"></var>
</body>
</html>