diff --git a/DV8-Expo/website/static/gen/packed.css b/DV8-Expo/website/static/gen/packed.css index 4c5502b..2b49315 100644 --- a/DV8-Expo/website/static/gen/packed.css +++ b/DV8-Expo/website/static/gen/packed.css @@ -1 +1 @@ -:root{--primary:43,43,43;--secondary:240,240,245;--primary-button:242,96,34;--secondary-button:191,85,40;--accent:194,165,136;--radius:.3rem;--main-font:'Rubik',sans-serif;--monospace-font:'JetBrains Mono',monospace;--nav:35,35,35}@keyframes glow{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes gradient{0%{background-position:0 0}25%{background-position:100% 50%}50%{background-position:0 100%}75%{background-position:50% 25%}100%{background-position:0 50%}}@keyframes title-change{0%{transform:translateX(-3rem);opacity:0;filter:blur(0.2rem)}100%{transform:translateX(0);opacity:1;filter:blur(0)}}@media(max-width:600px){@keyframes title-change{0%{transform:translateY(-0.5rem);opacity:0}100%{transform:translateY(0);opacity:1}}}nav{padding-left:1rem;padding-right:.5rem;width:100%;height:3rem;display:flex;flex-direction:row;align-items:center;position:fixed;top:0;left:0;font-weight:bold;font-family:var(--main-font);font-size:1.1rem;white-space:nowrap;color:RGB(var(--primary));border-bottom:1px solid RGB(var(--primary));overflow:hidden;z-index:100;transition:color .1s ease-in-out}nav::before{content:"";position:absolute;inset:0;background:RGB(var(--nav));transform:translateY(-3rem);transition:transform .2s ease-in-out;z-index:-1}nav>span{width:100%}nav>ul{margin:0;padding:0;height:3rem;list-style:none;display:flex;flex-direction:row;align-items:center}nav>ul>li>a{margin:0 .75rem;padding:.1rem .5rem;text-decoration:none;color:inherit;transition:color .1s ease-in-out}nav>ul>li>a:hover{color:RGB(var(--accent))}nav>.title{height:3rem;display:flex;flex-direction:row;align-items:center;justify-content:center}nav>.title>p{margin:auto;font-size:inherit;color:inherit;transition:color .1s ease-in-out}nav>.title>p>span{font-family:var(--monospace-font);color:RGB(var(--accent))}nav.scrolled{color:RGB(var(--secondary))}nav.scrolled::before{transform:translateY(0)}@media(max-width:600px){nav{padding-right:1rem;height:6rem;top:-3rem;display:flex;flex-direction:column;justify-content:center;transition:top .2s ease-in-out}nav>.title{opacity:1}nav>.title>p{font-size:1.3rem}nav.scrolled{top:0}}header{padding:0 1rem;height:100vh;max-height:30rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--main-font);color:RGB(var(--primary))}header>h1{margin:0;font-size:3rem}header>h1>span{font-family:var(--monospace-font);font-weight:normal;color:RGB(var(--accent))}header>p{margin:0;font-size:1.2rem}header>img{margin-bottom:1rem;width:40rem;height:auto;max-width:100%;max-height:30rem}header>i{margin:1rem 0 0;font-size:1.2rem;animation:glow 3s ease-in-out infinite}section{margin:3rem auto 0;max-width:85rem;display:flex;flex-direction:column;gap:1rem;scroll-margin-top:4rem}section>h2{margin:0;font-size:2rem;font-weight:bold}section>p{margin:0;font-size:1rem}@media(max-width:600px){section{scroll-margin-top:7rem;text-align:center;justify-content:center}}.login{padding:.5rem;background-color:RGB(var(--primary));color:RGB(var(--secondary));border-radius:var(--radius)}.login>p{margin:0 0 .5rem;padding:.5rem;background-color:RGB(var(--accent));color:RGB(var(--primary));border-radius:calc(calc(var(--radius) - .5rem) / 2)}.login>p:first-child{border-top-left-radius:calc(var(--radius) - .5rem);border-top-right-radius:calc(var(--radius) - .5rem)}.login>form{display:flex;flex-direction:row}.login>form>input{padding:.5rem 1rem;width:100%;font-size:1rem;font-family:var(--monospace-font);background-color:RGB(var(--secondary));color:RGB(var(--primary));border-radius:calc(calc(var(--radius) - .5rem) / 2) 0 0 calc(var(--radius) - .5rem);border:none;transition:transform .1s ease-in-out,border-radius .1s ease-in-out}.login>form>input:hover,.login>form>input:focus-visible{outline:none}.login>form>button{padding:.5rem 1rem;font-size:1rem;background-color:RGB(var(--primary-button));color:RGB(var(--primary));border-radius:0 calc(calc(var(--radius) - .5rem) / 2) calc(var(--radius) - .5rem) 0;border:none;transition:transform .1s ease-in-out,border-radius .1s ease-in-out}.login>form>button:hover,.login>form>button:focus-visible{outline:none;background-color:RGB(var(--secondary-button))}.games{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.game-box{margin:0 auto;padding:1rem;width:16rem;height:0;position:relative;display:flex;flex-direction:column;font-family:var(--main-font);font-size:1rem;text-decoration:none;text-align:center;background-color:RGB(var(--primary));color:RGB(var(--secondary));border-radius:var(--radius);box-shadow:0 .2rem 1rem 0 RGB(var(--primary));transition:box-shadow .1s ease-in-out,transform .25s ease-in-out;overflow:hidden}.game-box .background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(0.25rem);z-index:+1}.game-box::after{content:'';position:absolute;inset:0;background-image:linear-gradient(to top,transparent,RGB(var(--primary)));z-index:+2}.game-box>div{position:relative;height:100%;display:flex;flex-direction:column;gap:.5rem;font-weight:bold;z-index:+3}.game-box>div .logo{margin:0 auto 1rem;width:auto;height:auto;max-width:100%;max-height:40%;display:block;border-radius:calc(var(--radius) / 2)}.game-box>div>h2{margin:0;font-size:2rem;color:RGB(var(--accent))}.game-box>div>p{margin:0}.game-box>div>span{height:100%}.game-box>div>ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.game-box>div>ul>li{margin:0;padding:.25rem .5rem;font-size:.9rem;font-weight:normal;background-color:RGBA(var(--accent),0.5);color:RGB(var(--secondary));border-radius:var(--radius)}.game-box:hover{box-shadow:0 .25rem 1.25rem 0 RGB(var(--primary));transform:scale(1.03) translateY(-0.25rem)}@media(max-width:600px){.game-box{margin-bottom:2rem;padding:.75rem;width:14rem}.game-box>div .logo{margin-bottom:.5rem;max-height:25%}.game-box>div>h2{font-size:1.5rem}}*{box-sizing:border-box}html{font-family:var(--main-font);background-color:RGB(var(--secondary));color:RGB(var(--primary))}body{margin:0;padding:0;min-height:100vh;display:grid;grid-template-rows:1fr auto}.background{background-color:RGB(var(--secondary));position:absolute;inset:0;overflow:hidden;z-index:1}.background>img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(0.25rem);opacity:.6}.background::after{content:'';position:absolute;inset:0;background-image:linear-gradient(to top,RGB(var(--secondary)) 3%,RGBA(var(--primary),0.1));z-index:+1}main{padding:3rem 2rem 2rem;position:relative;z-index:2}@media(max-width:600px){main{padding:3rem 1rem 1rem}}footer{margin:auto 0 0;padding:.5rem;position:relative;display:flex;justify-content:center;align-items:center;background-color:RGB(var(--nav));color:RGB(var(--secondary));z-index:2}footer>p{margin:0;font-size:.8rem;font-family:var(--monospace-font);text-align:center;color:RGB(var(--secondary))}footer>p>a{margin:0;font-size:inherit;font-family:inherit;color:RGB(var(--accent));text-decoration:none;cursor:pointer}footer>p>a:hover{text-decoration:underline} \ No newline at end of file +:root{--primary:43,43,43;--secondary:240,240,245;--primary-button:242,96,34;--secondary-button:191,85,40;--accent:194,165,136;--radius:.3rem;--main-font:'Rubik',sans-serif;--monospace-font:'JetBrains Mono',monospace;--nav:35,35,35}@keyframes glow{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes gradient{0%{background-position:0 0}25%{background-position:100% 50%}50%{background-position:0 100%}75%{background-position:50% 25%}100%{background-position:0 50%}}@keyframes title-change{0%{transform:translateX(-3rem);opacity:0;filter:blur(0.2rem)}100%{transform:translateX(0);opacity:1;filter:blur(0)}}@media(max-width:600px){@keyframes title-change{0%{transform:translateY(-0.5rem);opacity:0}100%{transform:translateY(0);opacity:1}}}nav{padding-left:1rem;padding-right:.5rem;width:100%;height:3rem;display:flex;flex-direction:row;align-items:center;position:fixed;top:0;left:0;font-weight:bold;font-family:var(--main-font);font-size:1.1rem;white-space:nowrap;color:RGB(var(--primary));overflow:hidden;z-index:100;transition:color .1s ease-in-out}nav::before{content:"";position:absolute;inset:0;background:RGB(var(--nav));transform:translateY(-3rem);transition:transform .2s ease-in-out;z-index:-1}nav>span{width:100%}nav>ul{margin:0;padding:0;height:3rem;list-style:none;display:flex;flex-direction:row;align-items:center}nav>ul>li>a{margin:0 .75rem;padding:.1rem .5rem;text-decoration:none;color:inherit;transition:color .1s ease-in-out}nav>ul>li>a:hover{color:RGB(var(--accent))}nav>.title{height:3rem;display:flex;flex-direction:row;align-items:center;justify-content:center}nav>.title>p{margin:auto;font-size:inherit;color:inherit;transition:color .1s ease-in-out}nav>.title>p>span{font-family:var(--monospace-font);color:RGB(var(--accent))}nav.scrolled{color:RGB(var(--secondary))}nav.scrolled::before{transform:translateY(0)}@media(max-width:600px){nav{padding-right:1rem;height:6rem;top:-3rem;display:flex;flex-direction:column;justify-content:center;transition:top .2s ease-in-out}nav>.title{opacity:1}nav>.title>p{font-size:1.3rem}nav.scrolled{top:0}}header{padding:0 1rem;height:100vh;max-height:30rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--main-font);color:RGB(var(--primary))}header>h1{margin:0;font-size:3rem}header>h1>span{font-family:var(--monospace-font);font-weight:normal;color:RGB(var(--accent))}header>p{margin:0;font-size:1.2rem}header>img{margin-bottom:1rem;width:40rem;height:auto;max-width:100%;max-height:30rem}header>i{margin:1rem 0 0;font-size:1.2rem;animation:glow 3s ease-in-out infinite}section{margin:3rem auto 0;max-width:85rem;display:flex;flex-direction:column;gap:1rem;scroll-margin-top:4rem}section>h2{margin:0;font-size:2rem;font-weight:bold}section>p{margin:0;font-size:1rem}@media(max-width:600px){section{scroll-margin-top:7rem;text-align:center;justify-content:center}}.login{padding:.5rem;background-color:RGB(var(--primary));color:RGB(var(--secondary));border-radius:var(--radius)}.login>p{margin:0 0 .5rem;padding:.5rem;background-color:RGB(var(--accent));color:RGB(var(--primary));border-radius:calc(calc(var(--radius) - .5rem) / 2)}.login>p:first-child{border-top-left-radius:calc(var(--radius) - .5rem);border-top-right-radius:calc(var(--radius) - .5rem)}.login>form{display:flex;flex-direction:row}.login>form>input{padding:.5rem 1rem;width:100%;font-size:1rem;font-family:var(--monospace-font);background-color:RGB(var(--secondary));color:RGB(var(--primary));border-radius:calc(calc(var(--radius) - .5rem) / 2) 0 0 calc(var(--radius) - .5rem);border:none;transition:transform .1s ease-in-out,border-radius .1s ease-in-out}.login>form>input:hover,.login>form>input:focus-visible{outline:none}.login>form>button{padding:.5rem 1rem;font-size:1rem;background-color:RGB(var(--primary-button));color:RGB(var(--primary));border-radius:0 calc(calc(var(--radius) - .5rem) / 2) calc(var(--radius) - .5rem) 0;border:none;transition:transform .1s ease-in-out,border-radius .1s ease-in-out}.login>form>button:hover,.login>form>button:focus-visible{outline:none;background-color:RGB(var(--secondary-button))}.games{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.game-box{margin:0 auto;padding:1rem;width:16rem;height:0;position:relative;display:flex;flex-direction:column;font-family:var(--main-font);font-size:1rem;text-decoration:none;text-align:center;background-color:RGB(var(--primary));color:RGB(var(--secondary));border-radius:var(--radius);box-shadow:0 .2rem 1rem 0 RGB(var(--primary));transition:box-shadow .1s ease-in-out,transform .25s ease-in-out;overflow:hidden}.game-box .background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:blur(0.25rem);z-index:+1}.game-box::after{content:'';position:absolute;inset:0;background-image:linear-gradient(to top,transparent,RGB(var(--primary)));z-index:+2}.game-box>div{position:relative;height:100%;display:flex;flex-direction:column;gap:.5rem;font-weight:bold;z-index:+3}.game-box>div .logo{margin:0 auto 1rem;width:auto;height:auto;max-width:100%;max-height:40%;display:block;border-radius:calc(var(--radius) / 2)}.game-box>div>h2{margin:0;font-size:2rem;color:RGB(var(--accent))}.game-box>div>p{margin:0}.game-box>div>span{height:100%}.game-box>div>ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.game-box>div>ul>li{margin:0;padding:.25rem .5rem;font-size:.9rem;font-weight:normal;background-color:RGBA(var(--accent),0.5);color:RGB(var(--secondary));border-radius:var(--radius)}.game-box:hover{box-shadow:0 .25rem 1.25rem 0 RGB(var(--primary));transform:scale(1.03) translateY(-0.25rem)}@media(max-width:600px){.game-box{margin-bottom:2rem;padding:.75rem;width:14rem}.game-box>div .logo{margin-bottom:.5rem;max-height:25%}.game-box>div>h2{font-size:1.5rem}}*{box-sizing:border-box}html{font-family:var(--main-font);background-color:RGB(var(--secondary));color:RGB(var(--primary))}body{margin:0;padding:0;min-height:100vh;display:grid;grid-template-rows:1fr auto}.background{background-color:RGB(var(--secondary));position:absolute;inset:0;overflow:hidden;z-index:1}.background>img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(0.25rem);opacity:.6}.background::after{content:'';position:absolute;inset:0;background-image:linear-gradient(to top,RGB(var(--secondary)) 3%,RGBA(var(--primary),0.1));z-index:+1}main{padding:3rem 2rem 2rem;position:relative;z-index:2}@media(max-width:600px){main{padding:3rem 1rem 1rem}}footer{margin:auto 0 0;padding:.5rem;position:relative;display:flex;justify-content:center;align-items:center;background-color:RGB(var(--nav));color:RGB(var(--secondary));z-index:2}footer>p{margin:0;font-size:.8rem;font-family:var(--monospace-font);text-align:center;color:RGB(var(--secondary))}footer>p>a{margin:0;font-size:inherit;font-family:inherit;color:RGB(var(--accent));text-decoration:none;cursor:pointer}footer>p>a:hover{text-decoration:underline} \ No newline at end of file diff --git a/DV8-Expo/website/static/js/editor.js b/DV8-Expo/website/static/js/editor.js deleted file mode 100644 index e69de29..0000000 diff --git a/DV8-Expo/website/static/sass/nav.sass b/DV8-Expo/website/static/sass/nav.sass index 250bac1..3c210fb 100644 --- a/DV8-Expo/website/static/sass/nav.sass +++ b/DV8-Expo/website/static/sass/nav.sass @@ -18,7 +18,7 @@ nav white-space: nowrap color: RGB($primary) - border-bottom: 1px solid RGB($primary) + // border-bottom: 1px solid RGB($primary) overflow: hidden z-index: 100