HyperSet
/
hyper-set
6
3
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases Wiki Activity

Début de création de la vue high scores
continuous-integration/drone/push Build is passing Details

Browse Source
RaphouBranche
Raphael LACOTE 2 years ago
parent c1b57e318f
commit 24ef8900a6
2 changed files with 111 additions and 0 deletions
Show Stats Download Patch File Download Diff File

28
styles/index.css
Unescape View File

@ -138,3 +138,31 @@ h1 {
color:red;
font-family:'Comic Sans MS';
}
#horizontale-center {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
#verticale-center {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
text-align: center;
}
#high-score-option {
font-size: 0.9rem;
border-radius: 10px;
border: 2px solid;
}

83
views/leaderboard.html
Unescape View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tutorial</title>
<!-- <base href="https://codefirst.iut.uca.fr/containers/HyperSet-hyperset/"> -->
<link rel="stylesheet" type="text/css" href="../styles/style.css">
<link rel="stylesheet" type="text/css" href="../styles/index.css">
</head>
<header>
<ul id="nav-bar">
<li><a href="../index.html">Home</a></li>
<li><a href="./cards-test.html">Card Test</a></li>
<li><a href="./tutorial.html">Tutorial</a></li>
<li><a href="./leaderboard.html">Leaderboard</a></li>
<li><a href="./about.html">About</a></li>
</ul>
</header>
<body>
<div id="horizontale-center">
<h2>BEST SCORES</h2><br />
<div id="verticale-center">
<h5>Select a type of game</h5>
<select name="pets" id="high-score-option">
<option value="T0">--Choose an option--</option>
<option value="T1">Set</option>
<option value="T2">Hyperset</option>
</select>
<h5>Select a variant</h5>
<select name="pets" id="high-score-option">
<option value="V0">--Choose an option--</option>
<option value="V1">3*3</option>
<option value="V2">3*4</option>
<option value="V3">3*5</option>
<option value="V4">4*4</option>
<option value="V5">4*5</option>
<option value="V6">5*5</option>
</select>
</div>
<br />
<table>
<thead>
<tr>
<th colspan="1">Tableau des meilleures scores</th>
</tr>
</thead>
<tbody>
<tr>
<td>The table body</td>
</tr>
<tr>
<td>The table body</td>
</tr>
<tr>
<td>The table body</td>
</tr>
<tr>
<td>The table body</td>
</tr>
<tr>
<td>The table body</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save