diff --git a/FlaskWebProject/FlaskWebProject/static/soccer-field.jpg b/FlaskWebProject/FlaskWebProject/static/soccer-field.jpg new file mode 100644 index 0000000..f607b00 Binary files /dev/null and b/FlaskWebProject/FlaskWebProject/static/soccer-field.jpg differ diff --git a/FlaskWebProject/FlaskWebProject/static/style.css b/FlaskWebProject/FlaskWebProject/static/style.css index 35d12fd..217ae3a 100644 --- a/FlaskWebProject/FlaskWebProject/static/style.css +++ b/FlaskWebProject/FlaskWebProject/static/style.css @@ -24,7 +24,7 @@ --polska-red: #E30B17; --polska-white: #FFFFFF; - --polska-section-color: #970000; + --polska-section-color: #121623; --section-color: #051839; --pink-highlight: #E1317E; --blue-highlight: #00B9BF; @@ -95,6 +95,7 @@ body { top: 0; } + .profile-image img { width: 100%; max-width: 600px; @@ -220,8 +221,17 @@ header button { } .nav-links li:nth-child(4) a::before { + content: "🤝"; +} +.nav-links li:nth-child(5) a::before { + content: "⚽"; +} +.nav-links li:nth-child(6) a::before { content: "🏆"; } +.nav-links li:nth-child(7) a::before { + content: "🔎"; +} .nav-links li { display: block; @@ -299,6 +309,8 @@ header button { { margin-bottom: 400px; } */ + + .nav-links { position: absolute; flex-direction: column; @@ -535,6 +547,7 @@ td { width: 80%; border-radius: var(--border-radius); max-width: 1000px; + margin-bottom: 50px; } .section__matches h2 { @@ -655,8 +668,9 @@ body.poland-mode .hamburger { /* body.poland-mode .nav-links { background-color: var(--polska-red); /*Ale oczopląs*/ - } */ -} + } + + body.poland-mode .section-stats { @@ -664,7 +678,7 @@ body.poland-mode .section-stats { } body.poland-mode .section-stats h2 { - color: #220000 + color: white; } body.poland-mode .stat-box { @@ -688,8 +702,22 @@ body.poland-mode .stat-box h3 { max-width: 1000px; margin: 0 auto; margin-bottom: 10px; + width: 100%; +} +.section-stats-center +{ + display: grid; + grid-template-columns: 1fr 1fr; + gap: 30px; + justify-content: center; +} +@media (max-width: 1400px) { + + .section-stats-center + { + grid-template-columns: 1fr !important; + } } - .section-stats h2 { font-size: 2rem; margin-bottom: 1rem; @@ -701,7 +729,6 @@ body.poland-mode .stat-box h3 { justify-content: space-around; text-align: center; margin-top: 2rem; - flex-wrap: wrap; gap: 2rem; } @@ -729,21 +756,70 @@ body.poland-mode .stat-box h3 { .stat-box p { font-size: 1.1rem; } +.choose-club +{ + margin: 10px; + padding: 20px; + display: flex; + gap: 20px; + justify-content: space-around; +} .choose-club button { - height: 50px; - width: 50px; - background-color: white; + width: 100px; border: none; + + background-color:transparent; + border-radius: 50%; } .choose-club button img { - height: 40px; - width: 40px; + width: 100%; + height: 100%; + background-color:transparent; + transition: transform 100ms ease; } .choose-club button img:hover { - height: 45px; - width: 45px; - background-color: #ffffff7e; + transform: scale(1.3,1.3) translateY(-10px); +} +.club-stats h2{ + color: var(--barca-gold); + text-align: center; + border: 5px solid var(--barca-red); + background-color: var(--barca-blue); + padding: 20px; + border-radius: var(--border-radius); +} +.stat-box +{ + padding: 20px; + background-color: var(--barca-blue); + display: grid; + grid-template-rows: 1fr 1fr; + text-align: center; +} +.stat-box-special +{text-align: center; + display: block; + font-size: 40px; + color: var(--barca-gold); +} +.club-stats-grid +{ + display: grid; + margin-bottom: 50px; + gap: 10px; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr; +} +select +{ + color: white; + padding: 20px; + margin: 10px; + font-size: 24px; + background-color: var(--barca-blue); + border-radius: 10px; + border: 2px solid white; } \ No newline at end of file diff --git a/FlaskWebProject/FlaskWebProject/templates/club.html b/FlaskWebProject/FlaskWebProject/templates/club.html index b059c9a..915b230 100644 --- a/FlaskWebProject/FlaskWebProject/templates/club.html +++ b/FlaskWebProject/FlaskWebProject/templates/club.html @@ -22,33 +22,36 @@ {% for stats in clubs %} {% if stats.club == selected_club %}
-

Statystyki dla {{selected_club}}

-
- Gole: {{ stats.goals }} -
-
- Asysty: {{ stats.assist }} -
-
- Występy: {{ stats.goals }} -
-
- Łączny czas gry: {{ stats.goals }} -
-
- Hat-tricki: {{ stats.goals }} -
-
- Zwycięstwa: {{ stats.goals }} -
-
- Porażki: {{ stats.goals }} -
-
- Żółte kartki: {{ stats.goals }} -
-
- Czerwone kartki: {{ stats.goals }} +

Statystyki dla {{selected_club}}

+
+
+
+

Gole:

{{ stats.goals }} +
+
+

Asysty:

{{ stats.assist }} +
+
+

Występy:

{{ stats.goals }} +
+
+

Łączny czas gry:

{{ stats.goals }} +
+
+

Hat-tricki:

{{ stats.goals }} +
+
+

Zwycięstwa:

{{ stats.goals }} +
+
+

Porażki:

{{ stats.goals }} +
+
+

Żółte kartki:

{{ stats.goals }} +
+
+

Czerwone kartki:

{{ stats.goals }} +
{% endif %} diff --git a/FlaskWebProject/FlaskWebProject/templates/matches.html b/FlaskWebProject/FlaskWebProject/templates/matches.html index 57a9573..9117152 100644 --- a/FlaskWebProject/FlaskWebProject/templates/matches.html +++ b/FlaskWebProject/FlaskWebProject/templates/matches.html @@ -4,7 +4,7 @@ {% block content %}