Merge pull request #17 from cis3296s24/join_styling

Join CSS Styling
cis3296s24 · Apr 9, 2024 · b2ecb71 · b2ecb71
2 parents 4384269 + 28c5220
commit b2ecb71
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 7 deletions.
diff --git a/receiptifyv1/app.js b/receiptifyv1/app.js
@@ -26,8 +26,8 @@ const cors = require('cors');
 require('dotenv').config();
 
 
-const client_id = '82641df2811b48b493da744446b6b90f';
-const client_secret = 'e48944809f164d768c38ca1e9d850021';
+const client_id = '035844db2ccb4d0698ab8e14bb12f27a';
+const client_secret = '8bfd5a9fa7a44aedbf8bf8f513236b4f';
 //const privateKey = fs.readFileSync('AuthKey_A8FKGGUQP3.p8').toString();
 const teamId = process.env.teamId;
 const keyId = process.env.keyId;

diff --git a/receiptifyv1/public/join.html b/receiptifyv1/public/join.html
@@ -1,13 +1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
+  <link href="joinStyles.css" rel="stylesheet" type="text/css" />
   <title>Receiptify Join Session</title>
 </head>
 <body>
-  <h1>Enter SessionID:</h1>
-  <form action="/submit" method="get">  <label for="sessionID">Your SessionID:</label>
-    <input type="text" id="sessionID" name="sessionID"><br>
-    <input type="submit" value="Submit">
-  </form>
+  <h1 id="join-session-title">Receiptify</h1>
+  <div id="join-session">
+    <h2 id="join-session-text">Enter Session ID:</h2>
+    <form action="/submit" method="get">
+      <input type="text" id="join-session-input" name="sessionID"><br>
+      <input type="submit" id="join-session-btn" value="Submit">
+    </form>
+  </div>
+
 </body>
 </html>
diff --git a/receiptifyv1/public/joinStyles.css b/receiptifyv1/public/joinStyles.css
@@ -0,0 +1,36 @@
+#join-session-title {
+    font-family: Inter, 'Helvetica Neue', sans-serif;
+    font-weight: 600;
+    font-size: 3rem;
+    margin: 1rem 0rem 4rem .25rem /* top right bottom left */
+}
+
+#join-session-text {
+    font-size: 2rem;
+    font-family: Inter, 'Helvetica Neue', sans-serif;
+    margin: 1rem 0rem 3rem .25rem;
+}
+
+#join-session {
+    text-align: center;
+}
+
+#join-session-input {
+    font-family: Inter, 'Helvetica Neue', sans-serif;
+    font-size: 1rem;
+    padding: 0.5rem 1rem 0.5rem 1rem
+}
+
+#join-session-btn {
+    margin: 2rem 0rem 0rem 0rem;
+    text-decoration: none;
+    padding: 0.5rem 1rem 0.5rem 1rem;
+    background-color: #1db954;
+    font-size: 1.5rem;
+    cursor: pointer;
+    border-width: thin;
+    border-radius: 1rem;
+    color: white;
+    font-family: 'Helvetica Neue', Helvetica, Geneva, Tahoma, sans-serif;
+
+}