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;
|
height: 100vh;
|
||||||
width: 5vh;
|
width: 5vh;
|
||||||
float: left;
|
float: left;
|
||||||
|
/*margin-right: 1%;*/
|
||||||
|
|
||||||
padding: 1%;
|
padding: 1%;
|
||||||
border: 1px #AFAFAF solid;
|
border: 1px #AFAFAF solid;
|
||||||
|
|||||||
@ -1,23 +1,12 @@
|
|||||||
@import "../_global/header.css";
|
@import "../_global/header.css";
|
||||||
|
|
||||||
|
/*0 layer*/
|
||||||
body {
|
body {
|
||||||
background-color: #EBEBEB;
|
background-color: #EBEBEB;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.form {
|
/*1'st layer*/
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -25,37 +14,60 @@ body {
|
|||||||
justify-content: flex-end;
|
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 {
|
.descriptor {
|
||||||
/* Kategorie */
|
/* Size */
|
||||||
width: 326px;
|
width: 326px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
left: 254px;
|
left: 254px;
|
||||||
top: 554px;
|
top: 554px;
|
||||||
|
|
||||||
margin-bottom: 0px;
|
/* Alignment */
|
||||||
margin-top: 0px;
|
margin-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
/* H3 */
|
|
||||||
/*font-family: 'Montserrat';*/
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 42px;
|
|
||||||
|
|
||||||
/* identical to box height, or 150% */
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
/* DARK GREY */
|
/* Text */
|
||||||
|
font-family: 'Montserrat', serif;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 42px;
|
||||||
color: #828282;
|
color: #828282;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.myButton {
|
.myButton {
|
||||||
background-color: #14A6F9;
|
/*Button alignment*/
|
||||||
|
width: 25%;
|
||||||
|
height: 5%;
|
||||||
|
|
||||||
|
/*Button visual*/
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #ffffff;
|
background-color: #007C36;
|
||||||
font-family: Arial;
|
|
||||||
|
/*Text*/
|
||||||
|
font-family: Arial, serif;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
width: 25%;
|
color: #ffffff;
|
||||||
height: 5%
|
|
||||||
}
|
}
|
||||||
@ -12,7 +12,7 @@
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
/*Visual*/
|
/*Visual*/
|
||||||
background-color: #777;
|
background-color: #007C36;
|
||||||
color: white;
|
color: white;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|||||||
@ -53,14 +53,14 @@
|
|||||||
|
|
||||||
<div class="tournamentDataBox">
|
<div class="tournamentDataBox">
|
||||||
<div class="tournamentData">
|
<div class="tournamentData">
|
||||||
<h4>Turniej majowy 2022</h4>
|
<h4><a href="./pojedynczy_turniej/index.html"> Turniej majowy 2022</a></h4>
|
||||||
Propadel, Warszawa
|
Propadel, Warszawa
|
||||||
13/05/2022 do 15/05/2022
|
13/05/2022 do 15/05/2022
|
||||||
<button class="tournamentOpen">OPEN</button>
|
<button class="tournamentOpen">OPEN</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</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