diff --git a/frontend/drabinka/index.html b/frontend/drabinka/index.html new file mode 100644 index 0000000..833f13a --- /dev/null +++ b/frontend/drabinka/index.html @@ -0,0 +1,133 @@ + + + + + + + + Document + + + + + +
+ + Wiadomości + Kalendarz turniejów + Ranking + Wyniki + Kontakt + JM + +
+
+

Padel tournament

+
+ + + + +
+ + + + \ No newline at end of file diff --git a/frontend/drabinka/style.css b/frontend/drabinka/style.css new file mode 100644 index 0000000..d78e3bf --- /dev/null +++ b/frontend/drabinka/style.css @@ -0,0 +1,167 @@ +/* + * Flex Layout Specifics +*/ + + +img { + width: 150px; + height: 30px; +} + +.dot { + height: 30px; + width: 30px; + color: white; + background-color: skyblue; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} + +a { + text-align: center; + line-height: 2; + color: white; + text-decoration: none; +} + +.loginn { + background-color: skyblue; + border-radius: 31px; + border: 1px solid skyblue; + cursor: pointer; + color: #ffffff; + font-family: Arial; + text-decoration: none; + height: 30px; + +} + +header { + display: flex; + flex-flow: row wrap; + align-items: center; + justify-content: space-between; + background-color: #0f64f2; + margin: auto; + padding-top: 10px; + padding-bottom: 10px; + padding-right: 30px; + padding-left: 10px; + +} + + + +header>p { + text-align: center; + line-height: 0; +} + +.myButton { + background-color: #4C8BF5; + border-radius: 28px; + border: 1px solid #4C8BF5; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-family: Arial; + font-size: 9px; + padding: 8px 13px; + text-decoration: none; +} + +.container { + display: flex; + flex-direction: column; + align-items: center; +} + +.round { + display: flex; + flex-direction: column; + justify-content: center; + width: 200px; + 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; +} + +/* + * Flex Layout Specifics +*/ +main { + display: flex; + flex-direction: row; +} + +.round { + display: flex; + flex-direction: column; + justify-content: center; + width: 200px; + 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; +} + +/* + * General Styles +*/ +body { + font-family: sans-serif; + font-size: small; + padding: 10px; + line-height: 1.4em; +} + +li.game { + padding-left: 20px; +} + +li.game.winner { + font-weight: bold; +} + +li.game span { + float: right; + margin-right: 5px; +} + +li.game-top { + border-bottom: 1px solid #aaa; +} + +li.game-spacer { + border-right: 1px solid #aaa; + min-height: 40px; +} + +li.game-bottom { + border-top: 1px solid #aaa; +} \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html index 6b61479..bc86b1b 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -11,7 +11,7 @@
-

Padel

+ Wiadomości Kalendarz turniejów Ranking diff --git a/frontend/logo_padel.jpeg b/frontend/logo_padel.jpeg new file mode 100644 index 0000000..dde8f3e Binary files /dev/null and b/frontend/logo_padel.jpeg differ diff --git a/frontend/panel_organizatora/index.html b/frontend/panel_organizatora/index.html index f73b0a9..04da0a3 100644 --- a/frontend/panel_organizatora/index.html +++ b/frontend/panel_organizatora/index.html @@ -8,7 +8,7 @@
-

Padel

+ Wiadomości Kalendarz turniejów Ranking diff --git a/frontend/panel_organizatora/style.css b/frontend/panel_organizatora/style.css index e9437bb..770ce79 100644 --- a/frontend/panel_organizatora/style.css +++ b/frontend/panel_organizatora/style.css @@ -2,6 +2,11 @@ /* border: solid; */ } +img { + width: 150px; + height: 30px; +} + a { text-align: center; line-height: 2; @@ -13,13 +18,14 @@ a { header { display: flex; flex-flow: row wrap; + align-items: center; justify-content: space-between; background-color: #0f64f2; margin: auto; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; - padding-left: 30px; + padding-left: 10px; } diff --git a/frontend/style.css b/frontend/style.css index 780248b..500bd9d 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -2,6 +2,11 @@ /* border: solid; */ } +img { + width: 150px; + height: 30px; +} + a { text-align: center; line-height: 2; @@ -25,11 +30,14 @@ a { header { display: flex; flex-flow: row wrap; + align-items: center; justify-content: space-between; background-color: #0f64f2; margin: auto; padding-top: 10px; padding-bottom: 10px; + padding-right: 30px; + padding-left: 10px; } diff --git a/frontend/zalogowany_organizator/index.html b/frontend/zalogowany_organizator/index.html index 99e9206..aa8525e 100644 --- a/frontend/zalogowany_organizator/index.html +++ b/frontend/zalogowany_organizator/index.html @@ -11,7 +11,7 @@
-

Padel

+ Wiadomości Kalendarz turniejów Ranking diff --git a/frontend/zalogowany_organizator/style.css b/frontend/zalogowany_organizator/style.css index 1c97b62..dbcf55f 100644 --- a/frontend/zalogowany_organizator/style.css +++ b/frontend/zalogowany_organizator/style.css @@ -2,6 +2,11 @@ /* border: solid; */ } +img { + width: 150px; + height: 30px; +} + a { text-align: center; line-height: 2; @@ -25,11 +30,14 @@ a { header { display: flex; flex-flow: row wrap; + align-items: center; justify-content: space-between; - background-color: #065FD4; + background-color: #0f64f2; margin: auto; padding-top: 10px; padding-bottom: 10px; + padding-right: 30px; + padding-left: 10px; }