Added new header-banner. Mostly placeholder stuff.
This commit is contained in:
parent
128137fe79
commit
f128ec66c2
@ -17,7 +17,21 @@ session_start();
|
||||
<body id="body">
|
||||
<script>getURL();</script>
|
||||
<div id="contentFrame">
|
||||
<h1>Trojan's Trophy Room</h1>
|
||||
<div class="header">
|
||||
<div id="headerLeft">
|
||||
<img src="/assets/trojan_image_1.png" alt="Trojan Destiny logo" id="headerImage">
|
||||
</div>
|
||||
<div id="headerCentre">
|
||||
<h1 id="headerText"><a href="/" class="plainLinkBlue">TrojanDestinyRL</a></h1>
|
||||
<div id="youtubeImage" onclick="redirect('mainpage', 'https://www.youtube.com/@TrojanDestinyRL')"><img src="/assets/youtube.svg" alt="youtube logo"></div>
|
||||
<div id="twitchImage" onclick="redirect('mainpage', 'https://www.twitch.tv/trojandestinyrl')"><img src="/assets/twitch.svg" alt="twitch logo"></div>
|
||||
<div id="discordImage" onclick="redirect('mainpage', 'https://discord.com')"><img src="/assets/discord.svg" alt="discord logo"></div>
|
||||
</div>
|
||||
<div id="headerRight">
|
||||
<img src="/assets/trojan_image_2.png" alt="Trojan Destiny logo" id="headerImage">
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<h2 id="adminHeader">ADMIN PANEL</h2>
|
||||
|
||||
<?php
|
||||
|
||||
BIN
assets/SSL.webp
BIN
assets/SSL.webp
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.5 KiB |
1
assets/discord.svg
Normal file
1
assets/discord.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?><svg id="Discord-Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.644 96"><defs><style>.cls-1{fill:#5865f2;}</style></defs><path id="Discord-Symbol-Blurple" class="cls-1" d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.4 KiB |
BIN
assets/trojan_image_1.png
Normal file
BIN
assets/trojan_image_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
assets/trojan_image_2.png
Normal file
BIN
assets/trojan_image_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
21
assets/twitch.svg
Normal file
21
assets/twitch.svg
Normal file
@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 2400 2800" style="enable-background:new 0 0 2400 2800;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
.st1{fill:#9146FF;}
|
||||
</style>
|
||||
<title>Asset 2</title>
|
||||
<g>
|
||||
<polygon class="st0" points="2200,1300 1800,1700 1400,1700 1050,2050 1050,1700 600,1700 600,200 2200,200 "/>
|
||||
<g>
|
||||
<g id="Layer_1-2">
|
||||
<path class="st1" d="M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600
|
||||
V1300z"/>
|
||||
<rect x="1700" y="550" class="st1" width="200" height="600"/>
|
||||
<rect x="1150" y="550" class="st1" width="200" height="600"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 890 B |
2
assets/youtube.svg
Normal file
2
assets/youtube.svg
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg width="800px" height="800px" viewBox="5.368 5.414 53.9 53.9" xmlns="http://www.w3.org/2000/svg"><path fill="#FFF" d="M41.272 31.81c-4.942-2.641-9.674-5.069-14.511-7.604v15.165c5.09-2.767 10.455-5.301 14.532-7.561h-.021z"/><path fill="#E8E0E0" d="M41.272 31.81c-4.942-2.641-14.511-7.604-14.511-7.604l12.758 8.575c.001 0-2.324 1.289 1.753-.971z"/><path fill="#CD201F" d="M27.691 51.242c-10.265-.189-13.771-.359-15.926-.803-1.458-.295-2.725-.95-3.654-1.9-.718-.719-1.289-1.816-1.732-3.338-.38-1.268-.528-2.323-.739-4.9-.323-5.816-.4-10.571 0-15.884.33-2.934.49-6.417 2.682-8.449 1.035-.951 2.239-1.563 3.591-1.816 2.112-.401 11.11-.718 20.425-.718 9.294 0 18.312.317 20.426.718 1.689.317 3.273 1.267 4.203 2.492 2 3.146 2.035 7.058 2.238 10.118.084 1.458.084 9.737 0 11.195-.316 4.836-.57 6.547-1.288 8.321-.444 1.12-.823 1.711-1.479 2.366a7.085 7.085 0 0 1-3.76 1.922c-8.883.668-16.426.813-24.987.676zM41.294 31.81c-4.942-2.641-9.674-5.09-14.511-7.625v15.166c5.09-2.767 10.456-5.302 14.532-7.562l-.021.021z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
15
index.php
15
index.php
@ -14,6 +14,21 @@ session_start();
|
||||
|
||||
<body id="body">
|
||||
<div id="contentFrame">
|
||||
<div class="header">
|
||||
<div id="headerLeft">
|
||||
<img src="/assets/trojan_image_1.png" alt="Trojan Destiny logo" id="headerImage">
|
||||
</div>
|
||||
<div id="headerCentre">
|
||||
<h1 id="headerText"><a href="/" class="plainLinkBlue">TrojanDestinyRL</a></h1>
|
||||
<div id="youtubeImage" onclick="redirect('mainpage', 'https://www.youtube.com/@TrojanDestinyRL')"><img src="/assets/youtube.svg" alt="youtube logo"></div>
|
||||
<div id="twitchImage" onclick="redirect('mainpage', 'https://www.twitch.tv/trojandestinyrl')"><img src="/assets/twitch.svg" alt="twitch logo"></div>
|
||||
<div id="discordImage" onclick="redirect('mainpage', 'https://discord.com')"><img src="/assets/discord.svg" alt="discord logo"></div>
|
||||
</div>
|
||||
<div id="headerRight">
|
||||
<img src="/assets/trojan_image_2.png" alt="Trojan Destiny logo" id="headerImage">
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<h1>Trojan's Trophy Room</h1>
|
||||
<h4><a href="/giveaway" id="giveawayLink">Giveaway Disclaimer</a></h4>
|
||||
<iframe src="/display/general_results.php" name="dataFrame" class="dataFrame" id="dataFrame" onload="resizeIframe(this);"></iframe>
|
||||
|
||||
@ -1,3 +1,6 @@
|
||||
/* "BUNGEE" font used for header */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap');
|
||||
|
||||
/* Line break for flex layout */
|
||||
.newLine {
|
||||
width: 100%;
|
||||
@ -52,7 +55,6 @@ Modifies and defines the iFrame that's holding the content shown to the user
|
||||
|
||||
#contentFrame h1 {
|
||||
margin: auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#contentFrame h2,h3 {
|
||||
@ -61,6 +63,145 @@ Modifies and defines the iFrame that's holding the content shown to the user
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
HEADER
|
||||
*/
|
||||
|
||||
.header {
|
||||
width:100%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
margin: auto;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
#headerLeft {
|
||||
height: 100%;
|
||||
width: 20%;
|
||||
}
|
||||
#headerLeft img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#headerImage {
|
||||
height: 100%;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
#headerRight {
|
||||
height: 100%;
|
||||
width: 20%;
|
||||
text-align: right;
|
||||
}
|
||||
#headerRight img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#headerText {
|
||||
font-family: "Bungee Inline", sans-serif;
|
||||
color: rgb(40, 80, 255);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-right: 5%;
|
||||
padding-left: 5%;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#headerCentre {
|
||||
width:60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
#socialsPanel {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#twitchImage {
|
||||
margin:auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1%;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#twitchImage img {
|
||||
object-fit: contain;
|
||||
}
|
||||
#twitchImage :hover {
|
||||
opacity: 80%;
|
||||
filter: blur(1px);
|
||||
scale: 1.15;
|
||||
}
|
||||
#twitchImage :active {
|
||||
opacity: 60%;
|
||||
filter: blur(3px);
|
||||
scale: 1.05;
|
||||
}
|
||||
|
||||
#youtubeImage {
|
||||
margin:auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1%;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#youtubeImage img{
|
||||
object-fit: contain;
|
||||
height: 125%;
|
||||
translate: 0 -12%;
|
||||
}
|
||||
#youtubeImage :hover {
|
||||
opacity: 80%;
|
||||
filter: blur(1px);
|
||||
scale: 1.1;
|
||||
}
|
||||
#youtubeImage :active {
|
||||
opacity: 60%;
|
||||
filter: blur(3px);
|
||||
scale: 1.03;
|
||||
}
|
||||
|
||||
#discordImage {
|
||||
margin:auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 1%;
|
||||
height: 60px;
|
||||
width: 100px;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#discordImage img {
|
||||
object-fit: contain;
|
||||
height: 90%;
|
||||
translate: 0 5%;
|
||||
}
|
||||
#discordImage :hover {
|
||||
opacity: 80%;
|
||||
filter: blur(1px);
|
||||
scale: 1.15;
|
||||
}
|
||||
#discordImage :active {
|
||||
opacity: 60%;
|
||||
filter: blur(3px);
|
||||
scale: 1.05;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
STANDARD NAVIGATION
|
||||
|
||||
|
||||
@ -48,7 +48,21 @@ try { // Try opening the SQL database connection
|
||||
<body id="body">
|
||||
<script>getURL();</script>
|
||||
<div id="contentFrame">
|
||||
<h1>Trojan's Trophy Room</h1>
|
||||
<div class="header">
|
||||
<div id="headerLeft">
|
||||
<img src="/assets/trojan_image_1.png" alt="Trojan Destiny logo" id="headerImage">
|
||||
</div>
|
||||
<div id="headerCentre">
|
||||
<h1 id="headerText"><a href="/" class="plainLinkBlue">TrojanDestinyRL</a></h1>
|
||||
<div id="youtubeImage" onclick="redirect('mainpage', 'https://www.youtube.com/@TrojanDestinyRL')"><img src="/assets/youtube.svg" alt="youtube logo"></div>
|
||||
<div id="twitchImage" onclick="redirect('mainpage', 'https://www.twitch.tv/trojandestinyrl')"><img src="/assets/twitch.svg" alt="twitch logo"></div>
|
||||
<div id="discordImage" onclick="redirect('mainpage', 'https://discord.com')"><img src="/assets/discord.svg" alt="discord logo"></div>
|
||||
</div>
|
||||
<div id="headerRight">
|
||||
<img src="/assets/trojan_image_2.png" alt="Trojan Destiny logo" id="headerImage">
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
<h2 id="adminHeader">My Account</h2>
|
||||
<?php
|
||||
if ($userExists) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user