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

@@ -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>

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();

styles/data.css

@@ -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;    
-}
-
-*/

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);;
+}
+
 
 
 

styles/user_management.css

@@ -262,12 +262,3 @@
     height: 0px;
     font-size: 90%;
 }
-
-.accountDetailsRightSide a {
-    text-decoration: none;
-    color: blue;
-}
-
-.accountDetailsRightSide a:hover {
-    color: rgb(30, 90, 255);;
-}

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>");
                 }