From cb5d423db53c60c5df2b8fc59906fb7f4c9992db Mon Sep 17 00:00:00 2001 From: AaronWilzbach Date: Wed, 20 Nov 2024 01:25:27 -0600 Subject: [PATCH 01/19] Test Title --- app.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app.js b/app.js index 5ab128e4b4..74c2f525e2 100644 --- a/app.js +++ b/app.js @@ -13,7 +13,7 @@ const html = ` - Hello from Render! + Welcome to Kappa Sigma - - + + +
+ LOG IN +
+ + +` From 490f23d50e6c4f7884e74c74ec29e69ebc743886 Mon Sep 17 00:00:00 2001 From: AaronWilzbach Date: Wed, 20 Nov 2024 22:57:45 -0600 Subject: [PATCH 06/19] Moved to log_in.js --- app.js | 53 ----------------------------------------------------- 1 file changed, 53 deletions(-) delete mode 100644 app.js diff --git a/app.js b/app.js deleted file mode 100644 index 778b4e1bb5..0000000000 --- a/app.js +++ /dev/null @@ -1,53 +0,0 @@ -const express = require("express"); -const app = express(); -const port = process.env.PORT || 3001; - -app.get("/", (req, res) => res.type('html').send(html)); - -const server = app.listen(port, () => console.log(`Example app listening on port ${port}!`)); - -server.keepAliveTimeout = 120 * 1000; -server.headersTimeout = 120 * 1000; - -const html = ` - - - - Welcome to Kappa Sigma - - - -
- LOG IN -
- - -` From 82111eeaaab7f48a83c3d89465539af5c35ca157 Mon Sep 17 00:00:00 2001 From: AaronWilzbach Date: Wed, 20 Nov 2024 23:25:52 -0600 Subject: [PATCH 07/19] Adding username, password --- log_in.js | 59 ++++++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 48 insertions(+), 11 deletions(-) diff --git a/log_in.js b/log_in.js index 778b4e1bb5..01a3efd14b 100644 --- a/log_in.js +++ b/log_in.js @@ -33,21 +33,58 @@ const html = ` display: flex; align-items: center; } - section { - border-radius: 1em; - padding: 1em; - position: absolute; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); + .login-container { + background-color: #ffffff; + padding: 20px; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 300px; + } + h2 { + text-align: center; + margin-bottom: 20px; + } + label { + display: block; + margin-bottom: 5px; + font-weight: bold; + } + input[type="text"], + input[type="password"] { + width: 100%; + padding: 10px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 5px; + } + button { + width: 100%; + padding: 10px; + background-color: #007bff; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; + } + button:hover { + background-color: #0056b3; } -
- LOG IN -
+