feat: schematy wszystkich drabinek w pierwszym systemie

This commit is contained in:
Lewy 2022-06-01 17:07:56 +02:00
parent f0ece17555
commit 5462828aba
6 changed files with 590 additions and 219 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

View File

@ -2,16 +2,25 @@
/*Wersja zwinięta*/
.collapsible {
/*Box alignment*/
margin-left: 5%;
margin-right: 5%;
width: 80%;
/*Content alignment*/
padding: 1%;
text-align: left;
/*Visual*/
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
/*szerokość zwiniętego boxa*/
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
/*Others*/
border: none;
outline: none;
}
.active, .collapsible:hover {
@ -31,7 +40,7 @@
}
/*Wersja rozwinięta*/
.content {
.collapsibleContent {
padding: 0 18px;
max-height: 0;
/*szerokość drabinki*/

View File

@ -1,49 +0,0 @@
@import "li.css";
@import "collapsible.css";
@import "round.css";
@import "../../_global/header.css";
body {
background-color: #C0C0C0;
font-family: sans-serif;
font-size: small;
padding: 10px;
line-height: 1.4em;
}
.dot {
height: 30px;
width: 30px;
color: white;
background-color: skyblue;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.myButton {
background-color: #4C8BF5;
border-radius: 28px;
border: 1px solid #4C8BF5;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 9px;
padding: 8px 13px;
text-decoration: none;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
main {
display: flex;
flex-direction: row;
}

View File

@ -7,13 +7,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="style.css">
<!-- TODO Zakomentowałem, bo może useless-->
<!-- <script src="https://cdn.jsdelivr.net/npm/less@4"></script>-->
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
@ -27,200 +26,567 @@
</div>
</header>
<!-- TODO Sztuczny padding-->
<h1> </h1>
<div class="container">
<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>
<!-- Zawartość collapsu-->
<div class="collapsibleContent">
<!-- Turniej-->
<main id="tournament">
<!-- ROUND 1-->
<ul class="round round-1">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner ">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-top teambox winner ">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Gracjan Wojciechowski<br>
Maurycy Błaszczyk
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Gracjan Wojciechowski<br>
Maurycy Błaszczyk
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Marcin Szewczyk<br>
Martin Marciniak
<li class="game game-top teambox winner">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Patryk Kołodziej<br>
Emil Kaczmarczyk
</li>
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Patryk Kołodziej<br>
Emil Kaczmarczyk
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Dorian Jasiński<br>
Dawid Borkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="game game-top teambox">
Dorian Jasiński<br>
Dawid Borkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Aleksander Pietrzak<br>
Olaf Górecki
</li>
<li class="game game-bottom teambox">
Aleksander Pietrzak<br>
Olaf Górecki
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Janusz Kwiatkowski<br>
Kamil Szulc
</li>
<li class="game game-top teambox winner">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Janusz Kwiatkowski<br>
Kamil Szulc
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Oktawian Sikora<br>
Marcel Borkowski
</li>
<li class="game game-top teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Oktawian Sikora<br>
Marcel Borkowski
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Olaf Rutkowski<br>
Klaudiusz Chmielewski
</li>
<li class="game game-top teambox winner">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Olaf Rutkowski<br>
Klaudiusz Chmielewski
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Wróblewski<br>
Oskar Kowalski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jarosław Cieślak<br>
Kamil Piotrowski
</li>
<li class="game game-top teambox winner">
Jędrzej Wróblewski<br>
Oskar Kowalski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jarosław Cieślak<br>
Kamil Piotrowski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 2-->
<ul class="round round-2">
<li class="spacer">&nbsp;</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">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="game game-top teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="game game-top teambox">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="game game-top teambox">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</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">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 4-->
<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">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 3 MIEJSCE-->
<button type="button" class="collapsible">O 3. miejsce</button>
<div class="collapsibleContent">
<main id="tournament2">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 5 MIEJSCE-->
<button type="button" class="collapsible">O 5. miejsce</button>
<div class="collapsibleContent">
<main id="tournament3">
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</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">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 7 MIEJSCE-->
<button type="button" class="collapsible">O 7. miejsce</button>
<div class="collapsibleContent">
<main id="tournament4">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 9 MIEJSCE-->
<button type="button" class="collapsible">O 9. miejsce</button>
<div class="collapsibleContent">
<main id="tournament5">
<!-- ROUND 2-->
<ul class="round round-2">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</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">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</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">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 11 MIEJSCE-->
<button type="button" class="collapsible">O 11. miejsce</button>
<div class="collapsibleContent">
<main id="tournament6">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 13 MIEJSCE-->
<button type="button" class="collapsible">O 13. miejsce</button>
<div class="collapsibleContent">
<main id="tournament7">
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</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">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 15 MIEJSCE-->
<button type="button" class="collapsible">O 15. miejsce</button>
<div class="collapsibleContent">
<main id="tournament8">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
@ -236,10 +602,19 @@
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
</div>
<script type="text/javascript" src="collapsible.js"></script>
</body>

View File

@ -0,0 +1,37 @@
@import "css/li.css";
@import "css/collapsible.css";
@import "css/round.css";
@import "../_global/header.css";
body {
margin: 0;
/*padding: 10px;*/
/*line-height: 1.4em;*/
}
.dot {
height: 30px;
width: 30px;
color: white;
background-color: skyblue;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
width: 100%;
justify-content: flex-end;
}
main {
display: flex;
flex-direction: row;
}

View File

@ -11,5 +11,4 @@ body {
width: 100%;
display: flex;
justify-content: flex-end;
}