changed indentaion

This commit is contained in:
emily 2024-01-23 19:11:19 +01:00
parent d0bc2222a0
commit ea082c7fd8
Signed by: emily
GPG key ID: F6F4C66207FCF995
2 changed files with 116 additions and 114 deletions

View file

@ -1,108 +1,110 @@
@font-face{ @font-face{
font-family:brandon light; font-family:brandon light;
src:url(../font.woff2) src:url(../font.woff2)
} }
*{ *{
margin:0; margin:0;
padding:0; padding:0;
position:relative; position:relative;
box-sizing:border-box; box-sizing:border-box;
overflow:hidden overflow:hidden
} }
html,body{ html,body{
height:100% height:100%
} }
body{ body{
display:flex; display:flex;
justify-content:center; justify-content:center;
align-items:center; align-items:center;
background:#000 background:#000
} }
#bg-video { #bg-video {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
object-fit: cover; object-fit: cover;
position: fixed; position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: -1; z-index: -1;
filter: brightness(75%); filter: brightness(75%);
} }
#home { #nav-as, #nav-home {
z-index: 1; cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
mix-blend-mode: overlay;
filter: invert(100%);
position: absolute;
& h1 {
font-size:5.25vmin;
}
& h2 {
font-size:2vmin;
}
& .social {
margin-top:.5vmin;
font-family:brandon light;
font-size:4.25vmin;
letter-spacing:.3vmin;
& a {
text-decoration:none;
color:#000;
}
}
} }
#nav-as, #nav-home { #home {
cursor: pointer; z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
mix-blend-mode: overlay;
filter: invert(100%);
position: absolute;
& h1 {
font-size:5.25vmin;
}
& h2 {
font-size:2vmin;
}
& .social {
margin-top:.5vmin;
font-family:brandon light;
font-size:4.25vmin;
letter-spacing:.3vmin;
& a {
text-decoration:none;
color:#000;
}
}
} }
.content { .content {
font-family: Calibri, monospace; font-family: Calibri, monospace;
text-shadow: 0.06vw 0.06vw 0px rgba(8,230,255,100), -0.06vw -0.06vw 0px rgba(255,0,0,100); text-shadow: 0.06vw 0.06vw 0px rgba(8,230,255,100), -0.06vw -0.06vw 0px rgba(255,0,0,100);
position: absolute; position: absolute;
width: 100%; width: 100%;
min-height: 100%; min-height: 100%;
z-index: 1; z-index: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);
color: #FFFFFF; color: #FFFFFF;
text-decoration: none; text-decoration: none;
font-size: 1.39vmin; font-size: 1.39vmin;
font-weight: bold; font-weight: bold;
} }
.container { .container {
text-align: left; text-align: left;
position: absolute; position: absolute;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
& pre { & pre {
display: inline-block; display: inline-block;
& a { & a {
color: #ffffff; color: #ffffff;
}
} }
}
} }
.hint { .hint {
z-index:1; z-index:1;
color:#000; color:#000;
mix-blend-mode:overlay; mix-blend-mode:overlay;
filter:invert(100%); filter:invert(100%);
position:fixed; position:fixed;
bottom:6vmin; bottom:6vmin;
font-family:brandon light; font-family:brandon light;
font-size:2.75vmin; font-size:2.75vmin;
letter-spacing:.2vmin; letter-spacing:.2vmin;
font-weight:700; font-weight:700;
cursor:pointer; cursor:pointer;
} }

View file

@ -1,48 +1,48 @@
//'use strict'; //'use strict';
(function() { (function() {
var title = document.title, var title = document.title,
animSeq = ["/", "$", "\\", "|", "$"], animSeq = ["/", "$", "\\", "|", "$"],
animIndex = 0, animIndex = 0,
titleIndex = 0; titleIndex = 0;
function doInverseSpinZeroPitch() { function doInverseSpinZeroPitch() {
var loadTitle = title.substring(0, titleIndex); var loadTitle = title.substring(0, titleIndex);
if (titleIndex > title.length) { if (titleIndex > title.length) {
animIndex = 0; animIndex = 0;
titleIndex = 0 titleIndex = 0
}
if (animIndex > 3) {
titleIndex++;
animIndex = 0
}
document.title = loadTitle + animSeq[animIndex];
animIndex++
} }
window.setInterval(doInverseSpinZeroPitch, 50); if (animIndex > 3) {
titleIndex++;
animIndex = 0
}
document.title = loadTitle + animSeq[animIndex];
animIndex++
}
window.setInterval(doInverseSpinZeroPitch, 50);
})(); })();
const qS = q => document.querySelector(q); const qS = q => document.querySelector(q);
let initialized = false; let initialized = false;
document.getElementById("hint").addEventListener('click', _ => { document.getElementById("hint").addEventListener('click', _ => {
if (!initialized) { if (!initialized) {
qS('video').muted = false; qS('video').muted = false;
qS('.hint').style.display = 'none'; qS('.hint').style.display = 'none';
initialized = true; initialized = true;
} }
}); });
const sites = ['as', 'home']; const sites = ['as', 'home'];
sites.forEach((item) => { sites.forEach((item) => {
document.getElementById(`nav-${item}`).addEventListener('click', _ => { document.getElementById(`nav-${item}`).addEventListener('click', _ => {
nav(`${item}`); nav(`${item}`);
}); });
}); });
function nav(site) { function nav(site) {
const bg = [...sites]; const bg = [...sites];
bg.splice(sites.indexOf(site), 1); bg.splice(sites.indexOf(site), 1);
bg.forEach((item) => { bg.forEach((item) => {
document.getElementById(item).style.display = 'none'; document.getElementById(item).style.display = 'none';
}); });
document.getElementById(site).style.display = ''; document.getElementById(site).style.display = '';
} }