Padel-Tournaments-System/frontend/drabinka/index.html
Lewy 63fd65e127 ADD core drabinki z bazą wizualizacji
ADD collapsible dla widoku całej drabinki
ADD podział style.css na collapsible.css dla zwijania drabinki, li.css dla tworzenia drabinki i round.css do przejść między poziomami drabinki
2022-05-30 23:26:22 +02:00

209 lines
7.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link rel="stylesheet" href="css/style.css">
<!-- TODO Zakomentowałem, bo może useless-->
<!-- <script src="https://cdn.jsdelivr.net/npm/less@4"></script>-->
</head>
<body>
<header>
<a href="../index.html"><img src="../logo_padel.jpeg" alt=""></a>
<a href="#">Wiadomości</a>
<a href="#">Kalendarz turniejów</a>
<a href="#">Ranking</a>
<a href="#">Wyniki</a>
<a href="#">Kontakt</a>
<span class="dot">JM</span>
</div>
</header>
<div class="container">
<h1>Padel tournament</h1>
<button type="button" class="collapsible">Drabinka Główna</button>
<div class="content">
<main id="tournament">
<!-- ROUND 1-->
<ul class="round round-1">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner ">
Jan <span>21</span><br> Paweł <span>37</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Piotrek <span>48</span><br> Artur <span>11</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Czarek <span>84</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Kasia <span>72</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Jerzy <span>55</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Andrzej <span>68</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Mateusz <span>64</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Lukasz <span>44</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Arek <span>54</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Marek <span>52</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Alfred <span>65</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Amir <span>54</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Ambrozy <span>67</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Fabian <span>63</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Fryderyk <span>73</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Gracjan <span>61</span>
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 2-->
<ul class="round round-2">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jan <span>82</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Czarek <span>56</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Andrzej <span>74</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Mateusz <span>57</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Arek <span>48</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Alfred <span>70</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Ambrozy <span>50</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Fryderyk <span>66</span>
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jan <span>77</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Andrzej <span>69</span>
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Alfred <span>61</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Fryderyk <span>71</span>
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jan <span>85</span>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Frederyk <span>63</span>
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
</div>
<script type="text/javascript" src="./myscript.js"></script>
</body>
</html>