diff --git a/.gitignore b/.gitignore index d2f6c9c..a14b2fa 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ other/** +src/assets/media/** result diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 1ef6fd4..d24727e 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -18,9 +18,6 @@ body{ align-items:center; background:#000 } -.content { - position:absolute -} #bg-video { width: 100vw; @@ -35,70 +32,37 @@ body{ filter: brightness(75%); } -.content{ - z-index:1; - display:flex; - flex-direction:column; - align-items:center; - mix-blend-mode:overlay; - filter:invert(100%) -} -img{ - width:100vmin; - height:0vmin -} -canvas{ - width:91vmin; - height:13vmin -} -h1{ - font-size:5.25vmin; -} -h2{ - font-size:2vmin; -} -.social, .social button { - margin-top:.5vmin; - font-family:brandon light; - font-size:4.25vmin; - letter-spacing:.3vmin +#home { + 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; + } + } } -button { - border: none; - background: none; - cursor: pointer -} -.social a{ - text-decoration:none; - color:#000; -} #nav-as, #nav-home { cursor: pointer; } -.hint{ - z-index:1; - color:#000; - mix-blend-mode:overlay; - filter:invert(100%); - position:fixed; - bottom:6vmin; - font-family:brandon light; - font-size:2.75vmin; - letter-spacing:.2vmin; - font-weight:700; - cursor:pointer -} -/*.center{ - text-align: -webkit-center; -}*/ - -.img { - border: none; -} - -.content2 { +.content { 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); position: absolute; @@ -109,10 +73,10 @@ button { align-items: center; justify-content: center; background-color: rgba(0,0,0,0.5); -} -.content2 button { - 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); + color: #FFFFFF; + text-decoration: none; + font-size: 1.39vmin; + font-weight: bold; } .container { @@ -121,17 +85,24 @@ button { display: flex; flex-direction: column; align-items: center; + & pre { + display: inline-block; + & a { + color: #ffffff; + } + } } -.container pre { - display: inline-block; -} - -.container h1, .container button { - color: #FFFFFF; - text-decoration: none; - font-size: 1.39vmin; -} -.container a , .container button { - color: #ffffff +.hint { + z-index:1; + color:#000; + mix-blend-mode:overlay; + filter:invert(100%); + position:fixed; + bottom:6vmin; + font-family:brandon light; + font-size:2.75vmin; + letter-spacing:.2vmin; + font-weight:700; + cursor:pointer; } diff --git a/src/assets/js/app.js b/src/assets/js/app.js index 3cdb47e..4d19b2c 100644 --- a/src/assets/js/app.js +++ b/src/assets/js/app.js @@ -1,4 +1,4 @@ -'use strict'; +//'use strict'; (function() { var title = document.title, animSeq = ["/", "$", "\\", "|", "$"], @@ -22,31 +22,27 @@ })(); const qS = q => document.querySelector(q); -const video = qS('video'); let initialized = false; - document.getElementById("hint").addEventListener('click', _ => { if (!initialized) { - video.muted = false; - initialized = true; + qS('video').muted = false; qS('.hint').style.display = 'none'; + initialized = true; } }); -document.getElementById("nav-as").addEventListener('click', _ => { - nav('as'); -}); -document.getElementById("nav-home").addEventListener('click', _ => { - nav('home'); + +const sites = ['as', 'home']; +sites.forEach((item) => { + document.getElementById(`nav-${item}`).addEventListener('click', _ => { + nav(`${item}`); + }); }); function nav(site) { - const home = document.getElementById('content'); - const as = document.getElementById('content2'); - if (site == "as") { - home.style.display = 'none'; - as.style.display = ''; - } else { - home.style.display = ''; - as.style.display = 'none'; - } + const bg = [...sites]; + bg.splice(sites.indexOf(site), 1); + bg.forEach((item) => { + document.getElementById(item).style.display = 'none'; + }); + document.getElementById(site).style.display = ''; } diff --git a/src/index.html b/src/index.html index e5feeb0..d2fde91 100644 --- a/src/index.html +++ b/src/index.html @@ -9,22 +9,20 @@ -
+

K Y O U M A . N E T

BE GAY DO CRIME

-