diff --git a/create_account.php b/create_account.php index ccd0f3a..fbe5e88 100644 --- a/create_account.php +++ b/create_account.php @@ -48,7 +48,7 @@ try { // Try opening the SQL database connection - +

Create An Account!

Get started on your trophy-winning journey with your very own TrojanDestinyRL account!

diff --git a/display/division_results.php b/display/division_results.php index 612b779..274df9d 100644 --- a/display/division_results.php +++ b/display/division_results.php @@ -93,29 +93,33 @@ try { // Try opening the SQL database connection GENERAL DATA - -
- $name

"; - echo "

$numWins

"; - $contentLatch = 1; - } + "; + echo "
"; + echo "

$name

"; + echo "

$numWins

"; + echo "
"; + echo ""; + $contentLatch = 1; } - if ($contentLatch == 0) { - echo "

Nothing yet! Check back later!

"; - } - - + } + + + if ($contentLatch == 0) { + echo ""; + echo "
"; + echo "

Nothing yet! Check back later!

"; + echo "
"; + echo ""; + } ?> -
- \ No newline at end of file diff --git a/display/general_results.php b/display/general_results.php index 6e431de..de6b017 100644 --- a/display/general_results.php +++ b/display/general_results.php @@ -194,7 +194,7 @@ session_start();
- - Top 10 Winners

" html += "
"; + + - html += ""; + html += ""; html += "
"; // TODO; @@ -52,4 +54,5 @@ function refreshDisplay() { document.getElementById("divisionDisplay").innerHTML = html; + } \ No newline at end of file diff --git a/scripts/tools.js b/scripts/tools.js index 6f31008..9265d1d 100644 --- a/scripts/tools.js +++ b/scripts/tools.js @@ -1,6 +1,7 @@ function resizeIframe(obj) { + console.log(obj); obj.style.height = "200px"; - obj.style.width = "100px"; + obj.style.width = "500px"; obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px'; obj.style.width = obj.contentWindow.document.documentElement.scrollWidth + 'px'; } diff --git a/styles/admin_nav.css b/styles/admin_nav.css index 552dbc7..33089d3 100644 --- a/styles/admin_nav.css +++ b/styles/admin_nav.css @@ -2,7 +2,6 @@ width: 800px; margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - } #informationContentPanel { @@ -20,4 +19,12 @@ #dbManagementPanel { gap: 2%; +} + + +@media only screen and (max-width: 480px) { + #generalBody { + width: 300px; + } + } \ No newline at end of file diff --git a/styles/data_display.css b/styles/data_display.css index 753514e..64b61d7 100644 --- a/styles/data_display.css +++ b/styles/data_display.css @@ -114,7 +114,8 @@ display: flex; flex-direction: row; justify-content: center; - width:100%; + width: 100%; + margin-top: 4%; } .dateSelector select { @@ -154,7 +155,6 @@ flex-direction: row; flex-wrap: wrap; justify-content: center; - width: 300px; } .lineImage { @@ -175,4 +175,41 @@ text-align: center; font-style: italic; color: rgba(0, 0, 0, .35); +} + + +@media only screen and (max-width: 480px) { + + #resultsDisplayBody { + flex-direction: column; + width: 330px; + align-items: center; + margin: auto; + } + + #generalResultsDisplayPanel { + order: 2; + width: 92%; + margin-right: 0; + padding-left: 2%; + padding-right: 2%; + margin-top: 5%; + } + + #divisionDisplayPanel { + order: 1; + width: 94%; + margin-left: 0; + padding-left: 1%; + padding-right: 1%; + + } + + .divisionPanel img { + width: 25%; + } + + + + } \ No newline at end of file diff --git a/styles/db_management.css b/styles/db_management.css index b8a1aa5..b881d53 100644 --- a/styles/db_management.css +++ b/styles/db_management.css @@ -49,4 +49,14 @@ .subNavLink a { margin: 10px !important; +} + + +@media only screen and (max-width: 480px) { + + .sqlOutput { + width: 275px; + border: none; + } + } \ No newline at end of file diff --git a/styles/header.css b/styles/header.css index c55b633..e5b62a9 100644 --- a/styles/header.css +++ b/styles/header.css @@ -134,3 +134,39 @@ scale: 1.05; } + +/* MOBILE */ + +@media only screen and (max-width: 480px) { + + #headerLeft { + display:none; + } + + #headerRight { + display:none; + } + + #headerCentre { + width:100%; + } + + .header { + font-size: 100%; + } + + #discordImage { + height: 40px; + margin-top: 10px; + } + + #twitchImage { + height: 40px; + margin-top: 10px; + } + + #youtubeImage { + height: 40px; + margin-top: 10px; + } +} \ No newline at end of file diff --git a/styles/login.css b/styles/login.css index f66c94a..53f1a2a 100644 --- a/styles/login.css +++ b/styles/login.css @@ -1,6 +1,6 @@ #loginBody { width: 275px; - margin: 0; + margin: auto; overflow: hidden; } @@ -20,7 +20,6 @@ padding: 10%; padding-top: 8%; padding-bottom: 12%; - width:100%; } #inputArea { @@ -86,7 +85,7 @@ #submitButton { display: flex; justify-content: center; - margin:auto; + margin: auto; align-items: center; } \ No newline at end of file diff --git a/styles/primary.css b/styles/primary.css index c2f2136..27b9617 100644 --- a/styles/primary.css +++ b/styles/primary.css @@ -234,4 +234,64 @@ TEMPORARY #giveawayLink:hover { color:orange; -webkit-text-stroke: 1px black; +} + + + + +/* MOBILE */ + +@media only screen and (max-width: 480px) { + html,body { + overflow-x: hidden; + } + #body { + width: 370px; + margin: auto; + } + + #contentFrame { + display: flex; + flex-direction: column; + margin: auto; + border: 1px solid black; + border-radius: 8px; + background-color: rgba(255, 255, 255, .2); + width: 98%; + max-width: 370px; + min-height: 0px; + padding-top: 20px; + padding-left: 0; + padding-right: 0; + padding-bottom: 40px; + box-shadow: 0px 0px 2px; + } + + #contentFrame h1, + h2, + h3, + h4 { + text-align: center; + } + + .subNavLink { + margin-top: 4%; + padding: 8px; + padding-left: 20px; + padding-right: 20px; + } + + .backgroundImage { + position: absolute; + margin-left: auto; + margin-right: auto; + left: 0; + right: 0; + top: 15%; + text-align: center; + z-index: -1; + opacity: 0.05; + max-width: 96%; + } + } \ No newline at end of file diff --git a/styles/user_management.css b/styles/user_management.css index a06e539..f147828 100644 --- a/styles/user_management.css +++ b/styles/user_management.css @@ -5,11 +5,9 @@ #userFormPanel { margin: auto; text-align: center; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } -#createAccountPanel { - width: 375px; -} #createAccountPanel { margin: auto; @@ -306,4 +304,36 @@ #passwordChangeBody { display: flex; -} \ No newline at end of file +} + +#createAccountBody { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + width: 350px; + margin: auto; +} + + +@media only screen and (max-width: 480px) { + + #createAccountPanel { + width: 275px; + } + + #createAccountBody { + width: 275px; + } + + #userForm input[type="password"] { + margin: 2% 2%; + width: 170px; + } + #userForm input[type="text"] { + margin: 2% 2%; + width: 170px; + } + + #displayPassword { + padding: 0 0 0 5px; + } + +}