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

Amélioration en cours

Browse Source
RaphouBranche
Raphael LACOTE 2 years ago
parent 24ef8900a6
commit 90de25cc81
2 changed files with 60 additions and 32 deletions
Show Stats Download Patch File Download Diff File

35
styles/index.css
Unescape View File

@ -141,7 +141,7 @@ h1 {
#horizontale-center { #horizontale-center {
position: absolute; position: absolute;
top: 30%; top: 40%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: flex; display: flex;
@ -150,15 +150,6 @@ h1 {
text-align: 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 { #high-score-option {
font-size: 0.9rem; font-size: 0.9rem;
@ -166,3 +157,27 @@ h1 {
border: 2px solid; border: 2px solid;
} }
#div-all-select {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#div-select {
display: flex;
flex-direction: column;
}
table,
td {
border: 1px solid;
}
thead,
tfoot {
background-color: #333;
color: #fff;
}

57
views/leaderboard.html
Unescape View File

@ -23,36 +23,49 @@
<body> <body>
<div id="horizontale-center"> <div id="horizontale-center">
<h2>BEST SCORES</h2><br /> <h2>BEST SCORES</h2>
<br /><br />
<div id="verticale-center">
<h5>Select a type of game</h5> <form action="#">
<select name="pets" id="high-score-option"> <div id="div-all-select">
<option value="T0">--Choose an option--</option>
<option value="T1">Set</option>
<option value="T2">Hyperset</option> <div id="div-select">
</select> <h5>Select a type of game</h5>
<select name="pets" id="high-score-option">
<h5>Select a variant</h5> <option value="T0">--Choose an option--</option>
<select name="pets" id="high-score-option"> <option value="T1">Set</option>
<option value="V0">--Choose an option--</option> <option value="T2">Hyperset</option>
<option value="V1">3*3</option> </select>
<option value="V2">3*4</option> </div>
<option value="V3">3*5</option>
<option value="V4">4*4</option> <div id="div-select">
<option value="V5">4*5</option> <h5>Select a variant</h5>
<option value="V6">5*5</option> <select name="pets" id="high-score-option">
</select> <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>
</div> </div>
<br />
<input type="submit" value="Submit" />
</form>
<br /> <br />
<table> <table>
<thead> <thead>
<tr> <tr>
<th colspan="1">Tableau des meilleures scores</th> <th>Tableau des meilleures scores</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

Write Preview
Loading…
Cancel
Save