Initial commit - general layout setup
This commit is contained in:
commit
80451c0b63
BIN
assets/SSL.webp
Normal file
BIN
assets/SSL.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
assets/champ3.webp
Normal file
BIN
assets/champ3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
assets/plat3.webp
Normal file
BIN
assets/plat3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
74
data.css
Normal file
74
data.css
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
#generalBody {
|
||||||
|
width: 400px;
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#leaderBody {
|
||||||
|
width: 400px;
|
||||||
|
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;
|
||||||
|
/*box-shadow: 0px 5px 10px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#divisionsTable th {
|
||||||
|
border-bottom: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
#informationTable {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 90%;
|
||||||
|
margin: auto;
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#informationTable tr {
|
||||||
|
border-bottom: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
61
general.html
Normal file
61
general.html
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
|
<link rel="stylesheet" href="primary.css" />
|
||||||
|
<link rel="stylesheet" href="data.css" />
|
||||||
|
<!-- <script src="trojan.js"></script>-->
|
||||||
|
<title>TROJAN'S GENERAL DATA SHIT</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="generalBody">
|
||||||
|
<div id="informationContentPanel">
|
||||||
|
<h4>GENERAL INFORMATION</h4>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<table id="divisionsTable">
|
||||||
|
<thead>
|
||||||
|
<th>Division</th>
|
||||||
|
<th>Max Rank</th>
|
||||||
|
</thead>
|
||||||
|
<tr>
|
||||||
|
<td class="divTableLeftColumn">Open</td>
|
||||||
|
<td class="divTableRightColumn"><img src="assets/plat3.webp" title="Plat 3" alt="plat 3" width="30px"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="divTableLeftColumn">Intermediate</td>
|
||||||
|
<td class="divTableRightColumn"><img src="assets/champ3.webp" title="Champ 3" alt="champ 3" width="30px"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="divTableLeftColumn">Main</td>
|
||||||
|
<td class="divTableRightColumn"><img src="assets/SSL.webp" title="SSL" alt="Supersonic Legend" width="30px"></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<table id="informationTable">
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Total # players:</td>
|
||||||
|
<td class="infoTableRightColumn">Coming soon!</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Total # Trophies won:</td>
|
||||||
|
<td class="infoTableRightColumn">Coming soon!</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Most Trophies - Open:</td>
|
||||||
|
<td class="infoTableRightColumn">Coming soon!</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Most Trophies - Intermediate:</td>
|
||||||
|
<td class="infoTableRightColumn">Coming soon!</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Most Trophies - Main:</td>
|
||||||
|
<td class="infoTableRightColumn">Coming soon!</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
27
index.html
Normal file
27
index.html
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
|
<link rel="stylesheet" href="primary.css" />
|
||||||
|
<script src="trojan.js"></script>
|
||||||
|
<title>Trojan's Trophy Room</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="body">
|
||||||
|
<div id="contentFrame">
|
||||||
|
<h1>Trojan's Trophy Room</h1>
|
||||||
|
<h3>Choose a division to see results!</h3>
|
||||||
|
<div id="navPanel">
|
||||||
|
<a href="open.html" target="dataFrame" class="navLink">OPEN</a>
|
||||||
|
<a href="intermediate.html" target="dataFrame" class="navLink">INTERMEDIATE</a>
|
||||||
|
<a href="main.html" target="dataFrame" class="navLink">MAIN</a>
|
||||||
|
<p class="newLine"></p>
|
||||||
|
<a href="general.html" target="dataFrame" class="navLink">GENERAL (HOME)</a>
|
||||||
|
</div>
|
||||||
|
<p> </p>
|
||||||
|
<iframe src="open.html" name="dataFrame" class="dataFrame" id="dataFrame" onload="resizeIframe(this);"></iframe>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
57
intermediate.html
Normal file
57
intermediate.html
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
|
<link rel="stylesheet" href="primary.css" />
|
||||||
|
<link rel="stylesheet" href="data.css" />
|
||||||
|
<!-- <script src="trojan.js"></script>-->
|
||||||
|
<title>INTERMEDIATE DIVISION DATA</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="leaderBody">
|
||||||
|
<div id="informationContentPanel">
|
||||||
|
<h4>INTERMEDIATE DIVISION</h4>
|
||||||
|
<h5>Max rank: Champ 3</h5>
|
||||||
|
<table id="informationTable">
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">TrojanDestinyRL</td>
|
||||||
|
<td class="infoTableRightColumn">3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Endeavor</td>
|
||||||
|
<td class="infoTableRightColumn">2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">KingKuna</td>
|
||||||
|
<td class="infoTableRightColumn">2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">vixify</td>
|
||||||
|
<td class="infoTableRightColumn">2</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Aura</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">imKryss</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Priickles</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">toxic_deadpool_x</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Vix</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
41
main.html
Normal file
41
main.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
|
<link rel="stylesheet" href="primary.css" />
|
||||||
|
<link rel="stylesheet" href="data.css" />
|
||||||
|
<!-- <script src="trojan.js"></script>-->
|
||||||
|
<title>MAIN DIVISION DATA</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="leaderBody">
|
||||||
|
<div id="informationContentPanel">
|
||||||
|
<h4>MAIN DIVISION</h4>
|
||||||
|
<h5>Max rank: SSL</h5>
|
||||||
|
<table id="informationTable">
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">RU33ER DUCK7</td>
|
||||||
|
<td class="infoTableRightColumn">3</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Aura</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Seqsons</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Stewy</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">Trash</td>
|
||||||
|
<td class="infoTableRightColumn">1</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
33
open.html
Normal file
33
open.html
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
|
<link rel="stylesheet" href="primary.css" />
|
||||||
|
<link rel="stylesheet" href="data.css" />
|
||||||
|
<!-- <script src="trojan.js"></script>-->
|
||||||
|
<title>OPEN DIVISION DATA</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="leaderBody">
|
||||||
|
<div id="informationContentPanel">
|
||||||
|
<h4>OPEN DIVISION</h4>
|
||||||
|
<h5>Max rank: Plat 3</h5>
|
||||||
|
<table id="informationTable">
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">No Data</td>
|
||||||
|
<td class="infoTableRightColumn">No Data</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">No Data</td>
|
||||||
|
<td class="infoTableRightColumn">No Data</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="infoTableLeftColumn">No Data</td>
|
||||||
|
<td class="infoTableRightColumn">No Data</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
76
primary.css
Normal file
76
primary.css
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
#body {
|
||||||
|
background-image: linear-gradient(to right, rgba(0, 0, 255, .8), rgba(255, 165, 0, .8));
|
||||||
|
padding-top: 2%;
|
||||||
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||||
|
height:100%
|
||||||
|
}
|
||||||
|
|
||||||
|
#contentFrame {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: auto;
|
||||||
|
border: 1px solid black;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: rgba(255, 255, 255, .2);
|
||||||
|
width: 800px;
|
||||||
|
min-height: 0px;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-left: 50px;
|
||||||
|
padding-right: 50px;
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contentFrame h1 {
|
||||||
|
margin: auto;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contentFrame h3 {
|
||||||
|
margin: auto;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navPanel {
|
||||||
|
position: relative;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#navPanel a:hover {
|
||||||
|
color: black;
|
||||||
|
background-color: rgba(255, 165, 0, .6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#navPanel a:active {
|
||||||
|
box-shadow: 0px 2px 3px;
|
||||||
|
transform: translateY(4px) translateX(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navLink {
|
||||||
|
border: 1px solid blue;
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 2px 6px 6px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
padding: 10px;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dataFrame {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-shrink: 1;
|
||||||
|
margin: auto;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0px 10px 15px;
|
||||||
|
background-color: rgba(183, 183, 255, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.newLine {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user