From 7ad0b47ea6ff7ea9a9ab5d0d96d8a856e5920013 Mon Sep 17 00:00:00 2001
From: Taylor Courage <taylorjamescourage@gmail.com>
Date: Sat, 8 Mar 2025 08:44:44 -0500
Subject: [PATCH] Changes to how we display links  - New class for blue links,
 orange links will come later Slight changes to wording and layout on game
 uploading form

---
 admin/data_management/game_form.php |  4 +-
 scripts/tools.js                    |  3 +-
 styles/data.css                     | 89 -----------------------------
 styles/primary.css                  | 11 ++++
 styles/user_management.css          |  9 ---
 user/account.php                    |  6 +-
 6 files changed, 17 insertions(+), 105 deletions(-)
 delete mode 100644 styles/data.css

diff --git a/admin/data_management/game_form.php b/admin/data_management/game_form.php
index 537f64d..03c8aaa 100644
--- a/admin/data_management/game_form.php
+++ b/admin/data_management/game_form.php
@@ -135,9 +135,9 @@ try {  // Try opening the SQL database connection
                 </div>
                 <p class="newLine"></p>
                 <div class="optionsArea">
-                    <p>If this game was part of a tournament, enter the name of it below</p>
+                    <p class="newLine">If this game was part of a tournament, select it below</p>
                     <input type="text" name="tourneyName" id="tourneyName" maxlength="150" tabindex="4">
-                    <p>If you have uploaded a replay of this game to <a href="https://ballchasing.com">ballchasing.com</a>, enter the ID code below.</p>
+                    <p class="newLine">If you have uploaded a replay of this game to <a href="#" onclick="redirect('ballchasing', 'https://ballchasing.com')" class="plainLinkBlue">ballchasing.com</a>, enter the ID code below.</p>
                     <input type="text" name="ballchasingID" id="ballchasingID" maxlength="50" tabindex="4">
                     <p class="newLine"></p>
                     <p>If you have any notes about the game, leave them below</p>
diff --git a/scripts/tools.js b/scripts/tools.js
index 9bda3da..8b214bd 100644
--- a/scripts/tools.js
+++ b/scripts/tools.js
@@ -33,9 +33,8 @@ function redirect(location, address) {
         case "discord":
             var link = "https://discordapp.com/users/" + address;
         break;
-        case "youtube":
+        default:
             var link = address;
-        break;
     }
         
     window.open(link).focus();
diff --git a/styles/data.css b/styles/data.css
deleted file mode 100644
index 4ba9800..0000000
--- a/styles/data.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-
-#generalBody {
-    width: 400px;
-    margin: 0;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
-#leaderBody {
-    width: 300px;
-    margin: 0;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
-#informationContentPanel {
-    margin: auto;
-    padding-left: 10px;
-    padding-right: 10px;
-    padding-bottom: 15px;
-    flex-grow: 1;
-    flex-shrink: 1;
-}
-
-#informationContentPanel h4,h5 {
-    text-align: center;
-}
-
-#divisionsTable {
-    width: 90%;
-    margin: auto;
-    padding-top: 15px;
-    padding-left: 10px;
-    padding-right: 10px;
-    padding-bottom: 30px;
-    text-align: center;
-    vertical-align: middle;
-    font-size: 130%;
-}
-
-#divisionsTable th {
-    border-bottom: 1px solid black;
-}
-
-#informationTable {
-    border-collapse: collapse;
-    width: 90%;
-    margin: auto;
-    padding-top: 5px;
-    padding-left: 10px;
-    padding-right: 10px;
-    vertical-align: middle;
-    font-size: 130%;
-}
-
-#informationTable tr {
-    border-bottom: 1px solid black;
-}
-
-#informationTable td {
-    vertical-align: middle;
-}
-
-#informationTable img {
-    vertical-align: middle;
-}
-
-
-
-.infoTableLeftColumn {
-    text-align: left;
-    padding-top: 7px;
-    padding-bottom: 7px;
-}
-
-.infoTableRightColumn {
-    text-align: right;    
-}
-
-.divTableLeftColumn {
-    text-align: center;
-    padding-top: 7px;
-    padding-bottom: 7px;
-}
-
-.divTableRightColumn {
-    text-align: center;    
-}
-
-*/
\ No newline at end of file
diff --git a/styles/primary.css b/styles/primary.css
index 9a3db46..dcf4bda 100644
--- a/styles/primary.css
+++ b/styles/primary.css
@@ -167,6 +167,17 @@ For all the things at the bottom of the page; log in/out, 'my account', etc.
 }
 
 
+/* Link styling */
+
+.plainLinkBlue {
+    text-decoration: none;
+    color: blue;
+}
+
+.plainLinkBlue:hover {
+    color: rgb(30, 90, 255);;
+}
+
 
 
 
diff --git a/styles/user_management.css b/styles/user_management.css
index de51216..c664699 100644
--- a/styles/user_management.css
+++ b/styles/user_management.css
@@ -261,13 +261,4 @@
     visibility: hidden;
     height: 0px;
     font-size: 90%;
-}
-
-.accountDetailsRightSide a {
-    text-decoration: none;
-    color: blue;
-}
-
-.accountDetailsRightSide a:hover {
-    color: rgb(30, 90, 255);;
 }
\ No newline at end of file
diff --git a/user/account.php b/user/account.php
index 0139d5b..11b185b 100644
--- a/user/account.php
+++ b/user/account.php
@@ -139,14 +139,14 @@ try {  // Try opening the SQL database connection
                     <div class=\"accountDetailsRightSide\">
             ");
             if (isset($userDetails["twitch"]) && $userDetails["twitch"] != "") {
-                echo ("<p><a href=\"#\" id=\"twitchURL\" onclick=\"redirect('twitch', '" . $userDetails["twitch"] . "')\">" . $userDetails["twitch"] . "</a></p>");
+                echo ("<p><a href=\"#\" id=\"twitchURL\" onclick=\"redirect('twitch', '" . $userDetails["twitch"] . "')\" class=\"plainLinkBlue\">" . $userDetails["twitch"] . "</a></p>");
             } else {
                 echo ("<p>none</p>");
             }
 
             if (isset($userDetails["youtube"]) && $userDetails["youtube"] != "") {
                 if (isset($userDetails["youtubeLink"]) && $userDetails["youtubeLink"] != "") {
-                    echo ("<p><a href=\"#\" id=\"youtubeURL\" onclick=\"redirect('youtube', '" . $userDetails["youtubeLink"] . "')\">" . $userDetails["youtube"] . "</a></p>");
+                    echo ("<p><a href=\"#\" id=\"youtubeURL\" onclick=\"redirect('youtube', '" . $userDetails["youtubeLink"] . "')\" class=\"plainLinkBlue\">" . $userDetails["youtube"] . "</a></p>");
                 } else {
                     echo ("<p>" . $userDetails["youtube"] . "</a></p>");
                 }
@@ -156,7 +156,7 @@ try {  // Try opening the SQL database connection
 
             if (isset($userDetails["discord"]) && $userDetails["discord"] != "") {
                 if (isset($userDetails["discordLink"]) && $userDetails["discordLink"] != "") {
-                    echo ("<a href=\"#\" id=\"discordURL\" onclick=\"redirect('discord', '" . $userDetails["discordLink"] . "')\"> " . $userDetails["discord"] . "</a></p>");
+                    echo ("<a href=\"#\" id=\"discordURL\" onclick=\"redirect('discord', '" . $userDetails["discordLink"] . "')\" class=\"plainLinkBlue\"> " . $userDetails["discord"] . "</a></p>");
                 } else {
                     echo ("<p>" . $userDetails["discord"] . "</a></p>");
                 }