diff --git a/slowcord/public/css/index.css b/slowcord/public/css/index.css new file mode 100644 index 00000000..1fa76966 --- /dev/null +++ b/slowcord/public/css/index.css @@ -0,0 +1,106 @@ +/* Can you tell I like flexbox? */ + +html { + --background-primary: rgb(22, 23, 25); + --background-secondary: rgb(15, 16, 18); + --foreground-primary: rgb(200, 200, 200); + --background-login-discord: #5865F2; + + background: url("https://slowcord.maddy.k.vu/assets/background.png"); + background-size: 100% 100%; + background-repeat: no-repeat; + + font-family: 'Montserrat', sans-serif; + + color: var(--foreground-primary); +} + +* { + margin: 0; + padding: 0; +} + +.content { + display: flex; + width: 100vw; + height: 100vh; + justify-content: flex-start; + align-items: center; +} + +.login { + height: 100%; + width: 25%; + min-width: 400px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + background-color: var(--background-primary); + + padding: 0 50px 0 50px; +} + +.header { + margin: 40px; + width: 100%; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.header-subtext { + text-align: center; +} + +.header-subtext a, .header-subtext p { + display: inline-block; + margin: 0 10px 0 10px; +} + +a { + color: var(--foreground-primary); +} + +form { + display: flex; + flex-direction: column; + justify-content: center; + width: 100%; + min-height: 50%; +} + +input, +form a { + background-color: var(--background-secondary); + padding: 10px; + margin: 5px 0 5px 0; + outline: none; + border: 1px solid grey; + color: var(--foreground-primary); + text-decoration: none; + cursor: pointer; +} + +form a { + text-align: center; +} + +label { + text-transform: uppercase; + font-size: 0.75rem; + font-weight: bold; +} + +#loginDiscord { + background-color: var(--background-login-discord); +} + +#failure { + width: 100%; + margin-top: 10px; + color: rgb(200, 20, 20); + display: none; +} \ No newline at end of file diff --git a/slowcord/public/login.html b/slowcord/public/login.html index 586e7c61..ef2d91c1 100644 --- a/slowcord/public/login.html +++ b/slowcord/public/login.html @@ -10,93 +10,7 @@ - +
@@ -104,7 +18,10 @@