Moved slowcord login server to own dir

1 files changed, 106 insertions, 0 deletions

diff --git a/slowcord/login/public/css/index.css b/slowcord/login/public/css/index.css
new file mode 100644
index 00000000..1fa76966
--- /dev/null
+++ b/slowcord/login/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