diff --git a/.env.example b/.env.example index bb01ff1..409b9eb 100644 --- a/.env.example +++ b/.env.example @@ -40,3 +40,9 @@ DATABASE_URL=postgres://username:password@localhost:5432/database # Determines if the database driver will log queries. DATABASE_LOG=false + +############################################################################### +## API KEYS + +# The API key for YouTube Data API v3. +YOUTUBE_API_KEY= diff --git a/public/banner.html b/public/banner.html new file mode 100644 index 0000000..b47aa6d --- /dev/null +++ b/public/banner.html @@ -0,0 +1,33 @@ + + + + + Infernal Studios | Under Contruction + + + + + + + + +
+ + +
+ + diff --git a/public/css/banner.css b/public/css/banner.css new file mode 100644 index 0000000..1ffa740 --- /dev/null +++ b/public/css/banner.css @@ -0,0 +1,68 @@ +/* Copyright (c) 2022 Infernal Studios, All Rights Reserved unless otherwise explicitly stated. */ +* { + margin: 0; + padding: 0; + font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +#patreon-banner { + height: calc(100vw * (250 / 1920) + ((1920px - 100vw) / 15)); + user-select: none; + cursor: pointer; + + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + +#patreon-banner .banner-bg { + position: absolute; + z-index: -1; + height: calc(100vw * (250 / 1920) + ((1920px - 100vw) / 15)); + width: 100vw; +} + +#patreon-banner .banner-text { + --banner-text-width: calc((100vw * (250 / 1920) + ((1920px - 100vw) / 15)) * 2.5); + + font-family: "Century Gothic", "Arial Narrow", Arial, sans-serif; + font-size: calc(var(--banner-text-width) / 30); + font-weight: 600; + color: white; + + text-shadow: black 0 0 15px; + + display: flex; + margin-left: auto; + margin-right: 5%; + min-width: 330px; + max-width: var(--banner-text-width); + height: 100%; + + flex-direction: column; + justify-content: center; + align-items: center; +} + +#patreon-banner .banner-text p { + padding: 0; + margin: 0; +} + +#patreon-banner .banner-text .smol { + font-size: 1em; +} +#patreon-banner .banner-text .big { + font-size: 2em; +} +#patreon-banner .banner-text .humongous { + font-size: 3.5em; + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; +} + +#patreon-banner .banner-text .humongous img { + max-height: 3.5rem; +} diff --git a/public/css/style.css b/public/css/style.css index baaecdc..c9afff7 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -44,60 +44,13 @@ hr { margin-bottom: 16px; } -#patreon-banner { - height: calc(100vw * (250 / 1920) + ((1920px - 100vw) / 15)); - user-select: none; - cursor: pointer; +.video-embed { + width: 48vw; + height: 27vw; } -#patreon-banner .banner-bg { - position: absolute; - transform: translateX(-50%); - z-index: -1; - height: calc(100vw * (250 / 1920) + ((1920px - 100vw) / 15)); -} - -#patreon-banner .banner-text { - --banner-text-width: calc((100vw * (250 / 1920) + ((1920px - 100vw) / 15)) * 2.5); - - font-family: "Century Gothic", "Arial Narrow", Arial, sans-serif; - font-size: calc(var(--banner-text-width) / 30); - font-weight: 600; - color: white; - - text-shadow: black 0 0 15px; - - display: flex; - margin-left: auto; - margin-right: 5%; - min-width: 330px; - max-width: var(--banner-text-width); - height: 100%; - - flex-direction: column; - justify-content: center; - align-items: center; -} - -#patreon-banner .banner-text p { - padding: 0; - margin: 0; -} - -#patreon-banner .banner-text .smol { - font-size: 1em; -} -#patreon-banner .banner-text .big { - font-size: 2em; -} -#patreon-banner .banner-text .humongous { - font-size: 3.5em; - display: flex; - justify-content: center; - align-items: center; - flex-direction: row; -} - -#patreon-banner .banner-text .humongous img { - max-height: 3.5rem; +.banner { + --banner-width: 100vw; + width: var(--banner-width); + height: calc(var(--banner-width) * (250 / 1920) + ((1920px - var(--banner-width)) / 15)); } diff --git a/public/index.html b/public/index.html index dfa90c0..41ad678 100644 --- a/public/index.html +++ b/public/index.html @@ -20,24 +20,7 @@
-
- - -
+
@@ -64,6 +47,8 @@

+ +