diff --git a/frontend/_main page/style.css b/frontend/_main page/style.css index 01b0d4f..265b0c6 100644 --- a/frontend/_main page/style.css +++ b/frontend/_main page/style.css @@ -19,6 +19,7 @@ body { height: 100vh; width: 5vh; float: left; + /*margin-right: 1%;*/ padding: 1%; border: 1px #AFAFAF solid; diff --git a/frontend/dodawanie turnieju/style.css b/frontend/dodawanie turnieju/style.css index affd161..ce92e4a 100644 --- a/frontend/dodawanie turnieju/style.css +++ b/frontend/dodawanie turnieju/style.css @@ -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; } \ No newline at end of file diff --git a/frontend/drabinka/css/collapsible.css b/frontend/drabinka/css/collapsible.css index ec6406b..85261df 100644 --- a/frontend/drabinka/css/collapsible.css +++ b/frontend/drabinka/css/collapsible.css @@ -12,7 +12,7 @@ text-align: left; /*Visual*/ - background-color: #777; + background-color: #007C36; color: white; cursor: pointer; font-size: 15px; diff --git a/frontend/index.html b/frontend/index.html index a56c7d3..e66084d 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -53,14 +53,14 @@
-

Turniej majowy 2022

+

Turniej majowy 2022

Propadel, Warszawa 13/05/2022 do 15/05/2022
- + diff --git a/frontend/pojedynczy_turniej/back.jpg b/frontend/pojedynczy_turniej/back.jpg new file mode 100644 index 0000000..c342651 Binary files /dev/null and b/frontend/pojedynczy_turniej/back.jpg differ diff --git a/frontend/pojedynczy_turniej/index.html b/frontend/pojedynczy_turniej/index.html new file mode 100644 index 0000000..bfc03f4 --- /dev/null +++ b/frontend/pojedynczy_turniej/index.html @@ -0,0 +1,102 @@ + + + + + + + + Padel Tournaments System + + + + +
+
+ +
+
+ + + Kontakt + Ranking + Kalendarz turniejów +
+
+ +
+ +
+
+ +
+ +
+
+

Turniej majowy 2022

+

Propadel, Warszawa
+ 13/05/2022 do 15/05/2022

+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +

Turniej Majowy 2022

+

Propadel, Warszawa

+ +

Wpisowe:

+ + +

Ranga:

+ + +

Kategorie:

+ + +

Zapisy do:

+ + +

Czy rankingowy:

+ + +

Dyrektor turnieju:

+ + +

Dodatkowe informacje

+ + + +
+
+ + + \ No newline at end of file diff --git a/frontend/pojedynczy_turniej/style.css b/frontend/pojedynczy_turniej/style.css new file mode 100644 index 0000000..7e7f4cf --- /dev/null +++ b/frontend/pojedynczy_turniej/style.css @@ -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; +} diff --git a/frontend/pojedynczy_turniej/tournament_detail_header.css b/frontend/pojedynczy_turniej/tournament_detail_header.css new file mode 100644 index 0000000..16c3345 --- /dev/null +++ b/frontend/pojedynczy_turniej/tournament_detail_header.css @@ -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; +} \ No newline at end of file diff --git a/frontend/szablony/pojedynczy_turniej/index.html b/frontend/szablony/pojedynczy_turniej/index.html new file mode 100644 index 0000000..5cb6a2b --- /dev/null +++ b/frontend/szablony/pojedynczy_turniej/index.html @@ -0,0 +1,92 @@ + + + + + + + + Padel Tournaments System + + + + +
+
+ +
+
+ + + Kontakt + Ranking + Kalendarz turniejów +
+
+ + +
.
+
.
+ +
+
+

Nazwa Turnieju

+ + +

Termin

+ + +

Miejsce

+ + +

Kategorie

+ + +

Ranga

+ + +

Wpisowe

+ + +

Dyrektor Turnieju

+ + +

Telefon

+ + +

Zapisy

+ + +

Dodatkowe informacje

+ + + +
+ + +
+
+ + + \ No newline at end of file diff --git a/frontend/szablony/pojedynczy_turniej/style.css b/frontend/szablony/pojedynczy_turniej/style.css new file mode 100644 index 0000000..ce92e4a --- /dev/null +++ b/frontend/szablony/pojedynczy_turniej/style.css @@ -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; +} \ No newline at end of file diff --git a/frontend/zapisy/collapsible.js b/frontend/zapisy/collapsible.js new file mode 100644 index 0000000..ca79021 --- /dev/null +++ b/frontend/zapisy/collapsible.js @@ -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"; + } + }); +} \ No newline at end of file diff --git a/frontend/zapisy/css/collapsible.css b/frontend/zapisy/css/collapsible.css new file mode 100644 index 0000000..85261df --- /dev/null +++ b/frontend/zapisy/css/collapsible.css @@ -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; +} \ No newline at end of file diff --git a/frontend/zapisy/css/li.css b/frontend/zapisy/css/li.css new file mode 100644 index 0000000..7cd2bff --- /dev/null +++ b/frontend/zapisy/css/li.css @@ -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; +} \ No newline at end of file diff --git a/frontend/zapisy/css/round.css b/frontend/zapisy/css/round.css new file mode 100644 index 0000000..eace4a0 --- /dev/null +++ b/frontend/zapisy/css/round.css @@ -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; +} diff --git a/frontend/zapisy/index.html b/frontend/zapisy/index.html new file mode 100644 index 0000000..f9d6b4b --- /dev/null +++ b/frontend/zapisy/index.html @@ -0,0 +1,621 @@ + + + + + + + + Padel Tournaments System + + + + + + + +
+
+ +
+
+ + + Kontakt + Ranking + Kalendarz turniejów +
+
+ +
+ + + + +
+ +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • + + +
  •  
    • +
  • + Gracjan Wojciechowski
    + Maurycy Błaszczyk +
    • + +
  •  
    • + +
  • + Marcin Szewczyk
    + Martin Marciniak + +
    • +
  •  
    • +
  • + Patryk Kołodziej
    + Emil Kaczmarczyk +
    • + +
  •  
    • + +
  • + Dorian Jasiński
    + Dawid Borkowski +
    • +
  •  
    • +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • + +
  •  
    • + +
  • + Anatol Piotrowski
    + Filip Pawlak +
    • +
  •  
    • + +
  • + Aleksander Pietrzak
    + Olaf Górecki +
    • + +
  •  
    • + +
  • + Kryspin Ostrowski
    + Bartłomiej Baranowski +
    • +
  •  
    • +
  • + Janusz Kwiatkowski
    + Kamil Szulc +
    • + +
  •  
    • + +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • +
  •  
    • +
  • + Oktawian Sikora
    + Marcel Borkowski +
    • + +
  •  
    • + +
  • + Jerzy Stępień
    + Alojzy Witkowski +
    • +
  •  
    • +
  • + Olaf Rutkowski
    + Klaudiusz Chmielewski +
    • + +
  •  
    • + +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • +
  •  
    • +
  • + Jarosław Cieślak
    + Kamil Piotrowski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Marcin Szewczyk
    + Martin Marciniak +
    • + +
  •  
    • + +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • +
  •  
    • +
  • + Anatol Piotrowski
    + Filip Pawlak +
    • + +
  •  
    • + +
  • + Kryspin Ostrowski
    + Bartłomiej Baranowski +
    • +
  •  
    • +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • + +
  •  
    • + +
  • + Jerzy Stępień
    + Alojzy Witkowski +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • + +
  •  
    • + +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • + +
  •  
    • + +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ + +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Marcin Szewczyk
    + Martin Marciniak +
    • + +
  •  
    • + +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • +
  •  
    • +
  • + Anatol Piotrowski
    + Filip Pawlak +
    • + +
  •  
    • + +
  • + Kryspin Ostrowski
    + Bartłomiej Baranowski +
    • +
  •  
    • +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • + +
  •  
    • + +
  • + Jerzy Stępień
    + Alojzy Witkowski +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • + +
  •  
    • + +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Emanuel Czerwiński
    + Bartłomiej Michalak +
    • + +
  •  
    • + +
  • + Kryspin Sokołowski
    + Roman Jankowski +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+ + + +
+
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
  • + Jędrzej Wróblewski
    + Oskar Kowalski +
    • + +
  •  
    • +
+ +
    +
  •  
    • + +
  • + Jędrzej Kubiak
    + Borys Kamiński +
    • +
  •  
    • +
+
+
+
+ + + + \ No newline at end of file diff --git a/frontend/zapisy/style.css b/frontend/zapisy/style.css new file mode 100644 index 0000000..004f4d8 --- /dev/null +++ b/frontend/zapisy/style.css @@ -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; +} \ No newline at end of file