clarity

public/assets/css/style.css

@@ -158,6 +158,23 @@ body {
     white-space: nowrap;
 }
 
+.subtitle {
+    font: 12px tahoma, sans-serif;
+    color: var(--light-blue);
+    margin: 0;
+}
+
+.subtitle p {
+    margin: 0;
+}
+
+.logo-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: -20px;
+}
+
 .box table thead td {
     font-weight: bold;
 }

public/home.html

@@ -8,7 +8,10 @@
     <div class="grid-container">
         <div class="header">
             <div class="header-left">
+                <div class="logo-container">
                     <h2 class="logo">PayDirt</h2>
+                    <p class="subtitle">NFL Stats</p>
+                </div>
                 <a class="button" href="/search">Search Players</a>
                 <br>
             </div>

public/player.html

@@ -32,14 +32,14 @@
             <div class="info-container">
                 <div class="info">
                     <div class="cursor-question">
-                        <p><b>PayDirt Score:</b></p>
+                        <p><b>2024 PayDirt Score:</b></p>
                         <span class="tooltip-text">A player's <b>PayDirt score</b> is calculated by weighting their offense score by their annual salary. It is used to evaluate the worth of their contract.</span>
                     </div>
                     <p class="attribute-PaydirtScore format-integer"></p>
                 </div>
                 <div class="info">
                     <div class="cursor-question">
-                        <p><b>Offense Score:</b></p>
+                        <p><b>2024 Offense Score:</b></p>
                         <span class="tooltip-text">A player's <b>offense score</b> is calculated by combining several of their offense stats into a weighted score. It is indicative of their overall performance.</span>
                     </div>
                     <p class="attribute-OffenseScore format-integer"></p>