Merge pull request #121 from RPI-ITWS/CSS-Stuff-again-for-the-10000th…

…-time-not-final CSS without 2 files
RPI-ITWS · Dec 9, 2024 · 9e412ed · 9e412ed
2 parents d602ef2 + 7578d60
commit 9e412ed
Show file tree

Hide file tree

Showing 22 changed files with 813 additions and 282 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Auth/Login/login.css b/Auth/Login/login.css
@@ -1,26 +1,119 @@
 body {
     margin: 0;
-    background-color: #646060;
-    color: #fff;
+    background-color: #a0c9bf; 
+    color: #000000; 
+    font-family: Arial, sans-serif;
+    display: flex;
+    flex-direction: column; /* Stack elements vertically */
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
 }
 
-#signup a {
+.navbar {
+    background-color: #333; 
+    border-bottom: 5px solid #00ffc3; 
+    padding: 10px 20px;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+}
+
+.logo-container {
+    margin-top: 150px;
+    text-align: center;
+
+}
+
+.logo-container img {
+    width: 235px; 
+    height: auto; 
+}
+
+.login-title {
+    font-family: "Arial Black", sans-serif;
+    font-size: 35px;
+    font-style: italic;
     font-weight: bold;
-    color: #fff;
+    color: #333;
+    text-align: center;
+    margin-top: -35px;
+
 }
 
 .form-container {
     width: 400px;
     padding: 2rem;
-    border: 2px solid #00aaff;
+    border: 2px solid #00ffc3; 
     border-radius: 8px;
-    background-color:rgb(86, 80, 80);;
+    background-color: #D3D3D3; 
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 .form-title {
     text-align: center;
     font-size: 1.8rem;
     font-weight: bold;
     font-style: italic;
-    color: #fff;
+    color: #00ffc3; 
+    margin-bottom: 1.5rem;
+}
+
+label {
+    font-size: 1rem;
+    font-weight: bold;
+    color: #000000; 
+    margin-bottom: 0.5rem;
+    display: block;
+}
+
+input[type="email"],
+input[type="password"] {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 1rem;
+    border: 2px solid #00ffc3; 
+    border-radius: 5px;
+    background-color: #FFFFFF; 
+    font-size: 1rem;
+    color: #000000; 
+}
+
+input[type="email"]:focus,
+input[type="password"]:focus {
+    outline: none;
+    border-color: #00b28e; /* Slightly darker cyan */
+}
+
+button[type="submit"] {
+    width: 100%;
+    padding: 10px;
+    font-size: 1rem;
+    font-weight: bold;
+    font-style: italic;
+    color: #333; 
+    background-color: #00ffc3; 
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+button[type="submit"]:hover {
+    background-color: #00b28e; 
+    color: #FFFFFF;
+}
+
+#signup a {
+    font-weight: bold;
+    color: #00ffc3; 
+    text-decoration: none;
+}
+
+#signup a:hover {
+    text-decoration: underline;
 }
diff --git a/Auth/Login/login.php b/Auth/Login/login.php
@@ -54,6 +54,10 @@
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 </head>
 <body>    
+        <div class="logo-container text-center">
+        <img src="../../assets/Photos/logo2_processed.png" alt="WinShare Logo" class="mb-3">
+        <h1 class="display-4 login-title">Login</h1>
+    </div>
     <div class="d-flex vh-100 justify-content-center align-items-center">
         <div class="form-container">
             <form method="POST" action="">

diff --git a/Leaderboard/.DS_Store b/Leaderboard/.DS_Store
diff --git a/Leaderboard/leaderboard.php b/Leaderboard/leaderboard.php
@@ -5,6 +5,7 @@
 ?>
 
 <!DOCTYPE html>
+
 <html lang="en">
     <head>
         <meta charset="UTF-8">
@@ -18,11 +19,10 @@
     <body>
 
         <?php include '../php/header.php'; ?>
-
+<div><h1 id="leaderBoardTitle">Leaderboard</h1></div>
         <div id="Page" class="sticky-top">
             <div id="LeftCol"></div>
             <div id="MiddleCol" class ="flex-column flex-md-row align-items-center pt-3 pb-3">
-                <h1 id="leaderBoardTitle">Leaderboard</h1>
                 <div id="sortButtons" class="mb-3">
                     <button id="sortByScore" class="btn btn-primary active">Sort by Score</button>
                     <button id="sortByWinRate" class="btn btn-primary">Sort by Win Rate</button>

diff --git a/Leaderboard/src/.DS_Store b/Leaderboard/src/.DS_Store
diff --git a/Player/Player.css b/Player/Player.css
@@ -1,18 +1,20 @@
 .player-header {
     display: flex;
     padding: 3rem;
-    background: linear-gradient(135deg, #1a1a1a 0%, #333333 100%);
+    background: linear-gradient(135deg, #1a1a1a 0%, #d3d3d3 100%);
     align-items: center;
     gap: 3rem;
-    color: white;
+    color: #00ffc3;
+    font-style: italic;
+    font-weight: bold;
 }
 
 .player-photo {
     width: 250px;
     height: 250px;
     object-fit: cover;
     border-radius: 50%;
-    border: 4px solid #ffffff;
+    border: 4px solid #00ffc3;
     box-shadow: 0 4px 15px rgba(0,0,0,0.2);
     transition: transform 0.3s ease;
 }
@@ -28,14 +30,16 @@
 .player-info h1 {
     font-size: 2.5rem;
     margin-bottom: 0.5rem;
-    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+    color: #00ffc3;
+    font-style: italic;
+    font-weight: bolder;
 }
 
 .content {
     padding: 2rem;
     max-width: 1200px;
     margin: 0 auto;
-    background: #f8f9fa;
+    background: #d3d3d3;
 }
 
 section {
@@ -57,6 +61,8 @@ section h2 {
     margin-bottom: 1.5rem;
     padding-bottom: 0.5rem;
     border-bottom: 2px solid #e9ecef;
+    font-style: italic;
+    font-weight: bold;
 }
 
 /* Career stats grid */
@@ -83,7 +89,9 @@ section h2 {
 .career-stats .stat-item label {
     display: block;
     font-size: 0.9rem;
-    color: #6c757d;
+    color: #333;
+    font-style: italic;
+    font-weight: bold;
     margin-bottom: 0.5rem;
     text-transform: uppercase;
     letter-spacing: 0.5px;
@@ -92,7 +100,7 @@ section h2 {
 .career-stats .stat-item span {
     font-size: 1.5rem;
     font-weight: bold;
-    color: #2c3e50;
+    color: #333;
 }
 
 /* Season stats table */
@@ -108,14 +116,14 @@ section h2 {
     padding: 1rem;
     font-weight: 600;
     text-align: left;
-    color: #2c3e50;
+    color: #333;
     border-bottom: 2px solid #dee2e6;
 }
 
 .season-stats td {
     padding: 1rem;
     border-bottom: 1px solid #dee2e6;
-    color: #495057;
+    color: #333;
 }
 
 .season-stats tr:hover {
@@ -142,7 +150,7 @@ section h2 {
 }
 
 .stat-item strong {
-    color: #2c3e50;
+    color: #333;
     display: block;
     margin-bottom: 0.5rem;
     font-size: 0.9rem;

diff --git a/Predictions/.DS_Store b/Predictions/.DS_Store
diff --git a/Predictions/src/.DS_Store b/Predictions/src/.DS_Store