feat: strona pojedynczego turnieju, podpięcie drabinki turniejowej pod widok turnieju, stworzenie szablonu zapisów uczestników
This commit is contained in:
parent
5581bfce78
commit
06fd933369
@ -19,6 +19,7 @@ body {
|
||||
height: 100vh;
|
||||
width: 5vh;
|
||||
float: left;
|
||||
/*margin-right: 1%;*/
|
||||
|
||||
padding: 1%;
|
||||
border: 1px #AFAFAF solid;
|
||||
|
||||
@ -1,23 +1,12 @@
|
||||
@import "../_global/header.css";
|
||||
|
||||
/*0 layer*/
|
||||
body {
|
||||
background-color: #EBEBEB;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.form {
|
||||
width: 50%;
|
||||
height: 800px;
|
||||
background-color: #FFFFFF;
|
||||
/*form na środku strony*/
|
||||
margin: auto;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-left: 40px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
|
||||
/*1'st layer*/
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@ -25,37 +14,60 @@ body {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/*2'nd layer*/
|
||||
.form {
|
||||
/*Alignment*/
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
height: 800px;
|
||||
|
||||
/*Inside*/
|
||||
padding-left: 40px;
|
||||
padding-top: 15px;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #FFFFFF;
|
||||
|
||||
/*Others*/
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*Elements*/
|
||||
.descriptor {
|
||||
/* Kategorie */
|
||||
/* Size */
|
||||
width: 326px;
|
||||
height: 42px;
|
||||
left: 254px;
|
||||
top: 554px;
|
||||
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0px;
|
||||
|
||||
/* H3 */
|
||||
/*font-family: 'Montserrat';*/
|
||||
font-size: 20px;
|
||||
line-height: 42px;
|
||||
|
||||
/* identical to box height, or 150% */
|
||||
/* Alignment */
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
display: flex;
|
||||
|
||||
align-items: center;
|
||||
|
||||
/* DARK GREY */
|
||||
/* Text */
|
||||
font-family: 'Montserrat', serif;
|
||||
font-size: 20px;
|
||||
line-height: 42px;
|
||||
color: #828282;
|
||||
|
||||
}
|
||||
|
||||
.myButton {
|
||||
background-color: #14A6F9;
|
||||
/*Button alignment*/
|
||||
width: 25%;
|
||||
height: 5%;
|
||||
|
||||
/*Button visual*/
|
||||
border-radius: 25px;
|
||||
cursor: pointer;
|
||||
color: #ffffff;
|
||||
font-family: Arial;
|
||||
background-color: #007C36;
|
||||
|
||||
/*Text*/
|
||||
font-family: Arial, serif;
|
||||
font-size: 12px;
|
||||
width: 25%;
|
||||
height: 5%
|
||||
color: #ffffff;
|
||||
}
|
||||
@ -12,7 +12,7 @@
|
||||
text-align: left;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #777;
|
||||
background-color: #007C36;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
|
||||
@ -53,14 +53,14 @@
|
||||
|
||||
<div class="tournamentDataBox">
|
||||
<div class="tournamentData">
|
||||
<h4>Turniej majowy 2022</h4>
|
||||
<h4><a href="./pojedynczy_turniej/index.html"> Turniej majowy 2022</a></h4>
|
||||
Propadel, Warszawa
|
||||
13/05/2022 do 15/05/2022
|
||||
<button class="tournamentOpen">OPEN</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
BIN
frontend/pojedynczy_turniej/back.jpg
Normal file
BIN
frontend/pojedynczy_turniej/back.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 651 KiB |
102
frontend/pojedynczy_turniej/index.html
Normal file
102
frontend/pojedynczy_turniej/index.html
Normal file
@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
||||
|
||||
<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 href="style.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div class="logoBox">
|
||||
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
|
||||
</div>
|
||||
<div class="linkBox">
|
||||
<!-- <span class="dot">JM</span>-->
|
||||
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
|
||||
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
|
||||
<a class="header_link" href="../ranking/index.html">Ranking</a>
|
||||
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="mainInfoBox">
|
||||
<div class="tournamentIconBox">
|
||||
<img class="tournamentIcon" src="../_main%20page/cup.svg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="tournamentDataBox">
|
||||
<div class="tournamentData">
|
||||
<h1 class="tournamentInfo">Turniej majowy 2022</h1>
|
||||
<h2 class="tournamentInfo">Propadel, Warszawa </br>
|
||||
13/05/2022 do 15/05/2022</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="signInBox">
|
||||
<button class="signIn">ZAPISZ SIĘ!</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="bookmarks">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="../pojedynczy_turniej/index.html">Informacje</a></li>
|
||||
<li><a href="#">Zapisy</a></li>
|
||||
<li><a href="../drabinka/index.html">Drabinka</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="form">
|
||||
|
||||
<h1> Turniej Majowy 2022</h1>
|
||||
<h2>Propadel, Warszawa</h2>
|
||||
|
||||
<h3 class="descriptor">Wpisowe:</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Ranga:</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Kategorie:</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Zapisy do:</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Czy rankingowy:</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Dyrektor turnieju:</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Dodatkowe informacje</h3>
|
||||
|
||||
<label>
|
||||
<textarea name="Text1" cols="40" rows="5"></textarea>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
113
frontend/pojedynczy_turniej/style.css
Normal file
113
frontend/pojedynczy_turniej/style.css
Normal file
@ -0,0 +1,113 @@
|
||||
@import "../_global/header.css";
|
||||
@import "./tournament_detail_header.css";
|
||||
|
||||
/*0 layer*/
|
||||
body {
|
||||
background-color: #EBEBEB;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*1'st layer*/
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-flow: row wrap;
|
||||
background-image: url(back.jpg);
|
||||
}
|
||||
|
||||
.mainInfoBox {
|
||||
height: 25vh;
|
||||
width: 100%;
|
||||
background-color: #0B4D39;
|
||||
}
|
||||
|
||||
/*2'nd layer*/
|
||||
.form {
|
||||
/*Alignment*/
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
height: 75vh;
|
||||
|
||||
/*Inside*/
|
||||
padding-left: 40px;
|
||||
padding-top: 15px;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #FFFFFF;
|
||||
|
||||
/*Others*/
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bookmarks {
|
||||
/*Alignment*/
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
height: 5vh;
|
||||
|
||||
/*Others*/
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*Elements*/
|
||||
.descriptor {
|
||||
/* Size */
|
||||
left: 254px;
|
||||
top: 554px;
|
||||
|
||||
/* Alignment */
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
display: flex;
|
||||
|
||||
align-items: center;
|
||||
|
||||
/* Text */
|
||||
font-family: 'Montserrat', serif;
|
||||
font-size: 20px;
|
||||
line-height: 42px;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
|
||||
/*##################*/
|
||||
ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
/*background-color: #0B4D39;*/
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
float: left;
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
width: 130px;
|
||||
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
background-color: white;
|
||||
padding: 10px 15px;
|
||||
margin: 0px 1px 1px 0px;
|
||||
|
||||
border: 1px solid black;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
box-shadow: 0px 2px 3px gray;
|
||||
-moz-box-shadow: 0px 2px 3px gray;
|
||||
-webkit-box-shadow: 0px 2px 3px gray;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
color: black;
|
||||
background: #AFAFAF;
|
||||
border: 1px solid black;
|
||||
}
|
||||
66
frontend/pojedynczy_turniej/tournament_detail_header.css
Normal file
66
frontend/pojedynczy_turniej/tournament_detail_header.css
Normal file
@ -0,0 +1,66 @@
|
||||
|
||||
/*1'st layer*/
|
||||
.tournamentIconBox {
|
||||
width: 20%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
/*padding: 25px;*/
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.tournamentDataBox {
|
||||
width: 30%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.signInBox {
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*Element */
|
||||
.tournamentIcon {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
top: 45%;
|
||||
left: 45%;
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.tournamentData {
|
||||
margin-top: 1%;
|
||||
text-align: left;
|
||||
/*padding-left: 10%;*/
|
||||
color: #282828E5;
|
||||
}
|
||||
|
||||
.signIn {
|
||||
/*Alignment*/
|
||||
margin: 5%;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
|
||||
/*Visual*/
|
||||
background: #B8BC00;
|
||||
border-radius: 63px;
|
||||
border: 1px solid #B8BC00;
|
||||
|
||||
/*Text*/
|
||||
color: #FFFFFF;
|
||||
font-family: 'Montserrat', serif;
|
||||
font-size: 34px;
|
||||
flex: none;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.tournamentInfo {
|
||||
font-family: 'Montserrat', serif;
|
||||
font-style: normal;
|
||||
color: white;
|
||||
}
|
||||
92
frontend/szablony/pojedynczy_turniej/index.html
Normal file
92
frontend/szablony/pojedynczy_turniej/index.html
Normal file
@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
||||
|
||||
<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 href="style.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div class="logoBox">
|
||||
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
|
||||
</div>
|
||||
<div class="linkBox">
|
||||
<!-- <span class="dot">JM</span>-->
|
||||
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
|
||||
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
|
||||
<a class="header_link" href="../ranking/index.html">Ranking</a>
|
||||
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- TODO sztuczny padding-->
|
||||
<div> .</div>
|
||||
<div> .</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="form">
|
||||
<h3 class="descriptor">Nazwa Turnieju</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Termin</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Miejsce</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Kategorie</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Ranga</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Wpisowe</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Dyrektor Turnieju</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Telefon</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Zapisy</h3>
|
||||
<label>
|
||||
<input>
|
||||
</label>
|
||||
|
||||
<h3 class="descriptor">Dodatkowe informacje</h3>
|
||||
|
||||
<label>
|
||||
<textarea name="Text1" cols="40" rows="5"></textarea>
|
||||
</label>
|
||||
|
||||
</br>
|
||||
<button class="myButton" type="submit" id="tournamentsubmit">
|
||||
Załóż turniej
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
73
frontend/szablony/pojedynczy_turniej/style.css
Normal file
73
frontend/szablony/pojedynczy_turniej/style.css
Normal file
@ -0,0 +1,73 @@
|
||||
@import "../_global/header.css";
|
||||
|
||||
/*0 layer*/
|
||||
body {
|
||||
background-color: #EBEBEB;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*1'st layer*/
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/*2'nd layer*/
|
||||
.form {
|
||||
/*Alignment*/
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
height: 800px;
|
||||
|
||||
/*Inside*/
|
||||
padding-left: 40px;
|
||||
padding-top: 15px;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #FFFFFF;
|
||||
|
||||
/*Others*/
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*Elements*/
|
||||
.descriptor {
|
||||
/* Size */
|
||||
width: 326px;
|
||||
height: 42px;
|
||||
left: 254px;
|
||||
top: 554px;
|
||||
|
||||
/* Alignment */
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
display: flex;
|
||||
|
||||
align-items: center;
|
||||
|
||||
/* Text */
|
||||
font-family: 'Montserrat', serif;
|
||||
font-size: 20px;
|
||||
line-height: 42px;
|
||||
color: #828282;
|
||||
|
||||
}
|
||||
|
||||
.myButton {
|
||||
/*Button alignment*/
|
||||
width: 25%;
|
||||
height: 5%;
|
||||
|
||||
/*Button visual*/
|
||||
border-radius: 25px;
|
||||
cursor: pointer;
|
||||
background-color: #007C36;
|
||||
|
||||
/*Text*/
|
||||
font-family: Arial, serif;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
14
frontend/zapisy/collapsible.js
Normal file
14
frontend/zapisy/collapsible.js
Normal file
@ -0,0 +1,14 @@
|
||||
var coll = document.getElementsByClassName("collapsible");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < coll.length; i++) {
|
||||
coll[i].addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var content = this.nextElementSibling;
|
||||
if (content.style.maxHeight){
|
||||
content.style.maxHeight = null;
|
||||
} else {
|
||||
content.style.maxHeight = content.scrollHeight + "px";
|
||||
}
|
||||
});
|
||||
}
|
||||
51
frontend/zapisy/css/collapsible.css
Normal file
51
frontend/zapisy/css/collapsible.css
Normal file
@ -0,0 +1,51 @@
|
||||
/*COLLAPSIBLE*/
|
||||
|
||||
/*Wersja zwinięta*/
|
||||
.collapsible {
|
||||
/*Box alignment*/
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
width: 80%;
|
||||
|
||||
/*Content alignment*/
|
||||
padding: 1%;
|
||||
text-align: left;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #007C36;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
font-size: 15px;
|
||||
|
||||
/*Others*/
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
}
|
||||
|
||||
.active, .collapsible:hover {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.collapsible:after {
|
||||
content: '\002B';
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.active:after {
|
||||
content: "\2212";
|
||||
}
|
||||
|
||||
/*Wersja rozwinięta*/
|
||||
.collapsibleContent {
|
||||
padding: 0 18px;
|
||||
max-height: 0;
|
||||
/*szerokość drabinki*/
|
||||
width: 75%;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
39
frontend/zapisy/css/li.css
Normal file
39
frontend/zapisy/css/li.css
Normal file
@ -0,0 +1,39 @@
|
||||
li.game {
|
||||
padding-left: 200px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
li.game.winner {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*Tekst wewnątrz boxa*/
|
||||
li.game span {
|
||||
float: right;
|
||||
margin-right: 100px;
|
||||
}
|
||||
|
||||
/*Górna linia drabinki*/
|
||||
li.game-top {
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
|
||||
/*Róznica wysokości między rundami*/
|
||||
li.game-spacer {
|
||||
/*border-right: 1px solid #aaa;*/
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
/*Dolna linia drabinki*/
|
||||
li.game-bottom {
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
/*Box drużyny*/
|
||||
li.teambox {
|
||||
border-radius: 25px;
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
/*text color*/
|
||||
color: #828282;
|
||||
}
|
||||
23
frontend/zapisy/css/round.css
Normal file
23
frontend/zapisy/css/round.css
Normal file
@ -0,0 +1,23 @@
|
||||
|
||||
.round {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
/*szerokość całej drabinki*/
|
||||
width: 250px;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.round .spacer {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.round .spacer:first-child,
|
||||
.round .spacer:last-child {
|
||||
flex-grow: .5;
|
||||
}
|
||||
|
||||
.round .game-spacer {
|
||||
flex-grow: 1;
|
||||
}
|
||||
621
frontend/zapisy/index.html
Normal file
621
frontend/zapisy/index.html
Normal file
@ -0,0 +1,621 @@
|
||||
<!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="style.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<div class="logoBox">
|
||||
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
|
||||
</div>
|
||||
<div class="linkBox">
|
||||
<!-- <span class="dot">JM</span>-->
|
||||
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
|
||||
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
|
||||
<a class="header_link" href="../ranking/index.html">Ranking</a>
|
||||
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<button type="button" class="collapsible">Drabinka Główna</button>
|
||||
|
||||
<!-- Zawartość collapsu-->
|
||||
<div class="collapsibleContent">
|
||||
<!-- Turniej-->
|
||||
<main id="tournament">
|
||||
<!-- ROUND 1-->
|
||||
<ul class="round round-1">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner ">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
|
||||
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Gracjan Wojciechowski<br>
|
||||
Maurycy Błaszczyk
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Marcin Szewczyk<br>
|
||||
Martin Marciniak
|
||||
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Patryk Kołodziej<br>
|
||||
Emil Kaczmarczyk
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Dorian Jasiński<br>
|
||||
Dawid Borkowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Emanuel Czerwiński<br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Anatol Piotrowski<br>
|
||||
Filip Pawlak
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
|
||||
<li class="game game-bottom teambox">
|
||||
Aleksander Pietrzak<br>
|
||||
Olaf Górecki
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Kryspin Ostrowski<br>
|
||||
Bartłomiej Baranowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Janusz Kwiatkowski<br>
|
||||
Kamil Szulc
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Kryspin Sokołowski<br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Oktawian Sikora<br>
|
||||
Marcel Borkowski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jerzy Stępień<br>
|
||||
Alojzy Witkowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Olaf Rutkowski<br>
|
||||
Klaudiusz Chmielewski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Wróblewski<br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jarosław Cieślak<br>
|
||||
Kamil Piotrowski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 2-->
|
||||
<ul class="round round-2">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Marcin Szewczyk<br>
|
||||
Martin Marciniak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Emanuel Czerwiński<br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Anatol Piotrowski<br>
|
||||
Filip Pawlak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Ostrowski<br>
|
||||
Bartłomiej Baranowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Kryspin Sokołowski<br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Jerzy Stępień<br>
|
||||
Alojzy Witkowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 3-->
|
||||
<ul class="round round-3">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Marcin Szewczyk<br>
|
||||
Martin Marciniak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Emanuel Czerwiński<br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Anatol Piotrowski<br>
|
||||
Filip Pawlak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Ostrowski<br>
|
||||
Bartłomiej Baranowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Kryspin Sokołowski<br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Jerzy Stępień<br>
|
||||
Alojzy Witkowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 3-->
|
||||
<ul class="round round-3">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </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"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="collapsible.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
37
frontend/zapisy/style.css
Normal file
37
frontend/zapisy/style.css
Normal 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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user