changing responsive design

FlaskWebProject/FlaskWebProject/fs_scraper.py

@@ -61,6 +61,34 @@ class scraper:
 		# 	return False
 		return self.__czy_x_istnieje("kluby", id_klubu=id_klubu)
 
+	def id_na_imie_nazwisko_urodziny(self, zewnetrzne_id_sportowca: str = "MVC8zHZD"):
+		"""
+		Scraper z dykty xD
+		Pobiera imiona, nazwiska i dni urodzin sportowców z zewnętrznego id.
+		Działa na słowo honoru.
+		
+		:param      zewnetrzne_id_sportowca:  Zewnętrzne id sportowca
+		:type       zewnetrzne_id_sportowca:  str
+		"""
+		if len(zewnetrzne_id_sportowca) != 8:
+			raise ValueError("Zewnętrzne ID sportowca powinno być długości 8!")
+		r = requests.get(f'https://www.flashscore.pl/?r=4:{zewnetrzne_id_sportowca}')
+		page = r.text
+
+		name_start_pos = page.find("data-testid=\"wcl-scores-heading-02\">") + 36
+		name_end_pos   = page.find("</", name_start_pos)
+		name = page[name_start_pos:name_end_pos].strip().split(' ')
+
+		# Tak wiem... można by było użyć beautifulsoup4, ale nie ma sensu dodawać nowych zależności dla tylko jednej metody.
+		birthday_start_pos_1 = page.find("data-testid=\"wcl-scores-simpleText-01\">", name_end_pos) + 39
+		birthday_start_pos_2 = page.find("data-testid=\"wcl-scores-simpleText-01\">", birthday_start_pos_1) + 39
+		birthday_start_pos_3 = page.find("data-testid=\"wcl-scores-simpleText-01\">", birthday_start_pos_2) + 39
+		birthday_start_pos   = page.find("data-testid=\"wcl-scores-simpleText-01\">", birthday_start_pos_3) + 39
+		birthday_end_pos     = page.find("</", birthday_start_pos) - 1
+		birthday = None if birthday_end_pos - birthday_start_pos > 20 else page[birthday_start_pos:birthday_end_pos].strip(" ()")
+
+		return name, birthday
+
 	def aktualizuj_dane_sportowca(self, zewnetrzne_id_sportowca: str = "MVC8zHZD"):
 		stop_scraping = False
 		matches_to_add = []

FlaskWebProject/FlaskWebProject/lewy.py

@@ -62,12 +62,15 @@ def setup():
 	app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
 	
 	# Widoki widoczne dla "normalnego" użytkownika:
-	app.add_url_rule('/',                            view_func=lewy_routes.index)
-	app.add_url_rule('/index.html',                  view_func=lewy_routes.index)
-	app.add_url_rule('/mecze',                       view_func=lewy_routes.mecze)
-	app.add_url_rule('/statystyki',                  view_func=lewy_routes.statystyki)
-	app.add_url_rule('/toggle_dark_mode',            view_func=lewy_routes.toggle_dark_mode)
-	app.add_url_rule('/historia',       			view_func=lewy_routes.historia)
+	app.add_url_rule('/',                           view_func=lewy_routes.index)
+	app.add_url_rule('/index.html',                 view_func=lewy_routes.index)
+	app.add_url_rule('/mecze',                      view_func=lewy_routes.mecze)
+	app.add_url_rule('/statystyki',                 view_func=lewy_routes.statystyki)
+	app.add_url_rule('/toggle_dark_mode',     	 	view_func=lewy_routes.toggle_dark_mode)
+	app.add_url_rule('/club',       				view_func=lewy_routes.clubs)
+	app.add_url_rule('/representation',       		view_func=lewy_routes.representation)
+	app.add_url_rule('/compare',       				view_func=lewy_routes.compare)
+	app.add_url_rule('/trophies',       			view_func=lewy_routes.trophies)
 	
 	# API:
 	app.add_url_rule('/api/',                        view_func=lewy_api.api_greeting)

FlaskWebProject/FlaskWebProject/lewy_db.py

@@ -10,6 +10,18 @@ import traceback
 
 global db
 
+class c:
+	HEADER    = '\033[95m'
+	OKBLUE    = '\033[94m'
+	OKCYAN    = '\033[96m'
+	OKGREEN   = '\033[92m'
+	WARNING   = '\033[93m'
+	FAIL      = '\033[91m'
+	ENDC      = '\033[0m'
+	BOLD      = '\033[1m'
+	UNDERLINE = '\033[4m'
+	ENDL      = '\n'
+
 class baza():
 
 	# global sportowcy, trofea, sportowcy_w_meczach, statystyki_sportowcow, kluby, mecze
@@ -168,9 +180,9 @@ class baza():
 			try:
 				return_val = func(self, *args, **kwargs)
 			except:
-				print( "\033[91m"
+				print(f"{c.FAIL}"
 					  f"Wystąpił błąd podczas wykonywania zapytania SQL:"
-					   "\033[0m"
+					  f"{c.ENDC}"
 					   "\n"
 					  f"{traceback.format_exc()}")
 				self.session.rollback()
@@ -263,6 +275,14 @@ class baza():
 		if not isinstance(entity_type, str):
 			entity_type = entity_type.__name__
 
+		if "id" in kwargs:
+			print(f"{c.FAIL}UWAGA!{c.ENDC}")
+			print(f"Próbujesz dodać obiekt do tabeli, który ma już identyfikator.\n"
+				  f"To spowoduje problemy w przyszłości, gdy będziesz chciał dodać nowy obiekt do bazy bez ustawiania id na sztywno\n"
+				  f"(id klucza głównego nie zostanie zaktualizowane w sekwencji, przez co baza będzie próbowała dodać obiekt z id już istniejącego rekordu!).\n"
+				  f"Aby naprawić dodawanie z autoinkrementującym kluczem zobacz {c.WARNING}https://stackoverflow.com/a/8745101{c.ENDC}\n"
+				  f"Zostałeś ostrzeżony!")
+
 		print(f"[{round(time.time())}] INSERT")
 
 		obj = self.entities[entity_type](**kwargs)

FlaskWebProject/FlaskWebProject/lewy_routes.py

@@ -3,6 +3,39 @@ import lewy_api_v1
 import lewy_db
 import lewy_globals
 
+def get_lewy_stats():
+    return {
+        'all_time_stats': {
+            'goals': 380,
+            'assists': 120,
+            'matches': 450,
+        },
+        'club_stats': {
+            'goals': 132,
+            'assists': 112,
+            'matches': 245,
+        },
+        'nation_stats': {
+            'goals': 86,
+            'assists': 52,
+            'matches': 158,
+        },
+        'worldcup': {
+            'goals': 7,
+            'assists': 2,
+            'matches': 11,
+        },
+        'euro': {
+            'goals': 6,
+            'assists': 2,
+            'matches': 18,
+        },
+        'cards': {
+            'yellow': 24,
+            'red': 4,
+        }
+    }
+
 def index():
 	dark_mode = request.cookies.get('darkMode', 'disabled')
 	# Przykładowe użycie endpointu last_goal_for():
@@ -32,20 +65,39 @@ def mecze():
 	return render_template('matches.html', matches=matches)
 
 def statystyki():
-	stats = {
-		'goals': 38,
-		'assists': 12,
-		'matches': 45,
-	}
-	return render_template('stats.html', stats=stats)
+	dane=get_lewy_stats()
+	return render_template('stats.html', **dane)
 
-def historia():
+def clubs():
 	selected_club = request.args.get("club","FC Barcelona")
-	history = [
-		{'club': 'FC Barcelona', 'goals': 22},
-		{'club': 'Bayern Monachium', 'goals': 132},
+	clubs = [
+		{'club': 'FC Barcelona', 'goals': 22,'assist':12},
+		{'club': 'Bayern Monachium', 'goals': 132,'assist':12},
+		{'club': 'Borussia Dortmund', 'goals': 132,'assist':12},
+		{'club': 'Lech Poznan', 'goals': 132,'assist':12},
 	]
-	return render_template('history.html', history=history, selected_club=selected_club)
+	return render_template('club.html', clubs=clubs, selected_club=selected_club)
+
+def representation():
+	nation_stats = {
+		'goals': 86,
+		'assists': 52,
+		'matches': 158,
+	}
+	return render_template('representation.html', nation_stats=nation_stats)
+def compare():
+	selected_player = request.args.get("player","Leo Messi")
+	lewy=get_lewy_stats()
+	player2 = [
+		{'name':'Leo Messi','goals': 34,'assists': 12},
+	]
+	return render_template('compare.html',player2=player2, selected_player=selected_player,**lewy, )
+def trophies():
+	trophy = [
+		{'name': 'asdasd', 'year': 2023},
+		{'name': 'ssss', 'sezon': '2022/2023'},
+	]
+	return render_template('trophies.html',trophy=trophy)
 
 def toggle_dark_mode():
 	# Przełącz tryb i zapisz w ciasteczku

FlaskWebProject/FlaskWebProject/static/style.css

@@ -24,7 +24,7 @@
 	--polska-red: #E30B17;
 	--polska-white: #FFFFFF;
 
-	--polska-section-color: #05204A;
+	--polska-section-color: #121623;
 	--section-color: #051839;
 	--pink-highlight: #E1317E;
 	--blue-highlight: #00B9BF;
@@ -61,6 +61,7 @@ body {
 	font-size: 15px;
 	z-index: -2;
 	position: relative;
+	margin-top: 60px;
 	/* box-shadow: 0px -5px 10px 2px rgba(0, 0, 0, 0.347); */
 }
 
@@ -82,6 +83,7 @@ body {
 	width: 40%;
 	padding: 20px;
 	position: relative;
+
 }
 
 .profile-image-cover {
@@ -93,6 +95,7 @@ body {
 	top: 0;
 }
 
+
 .profile-image img {
 	width: 100%;
 	max-width: 600px;
@@ -129,7 +132,7 @@ header button {
 
 	padding: 2.3rem 1rem;
 	height: 1.5rem;
-	position: sticky;
+	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
@@ -181,7 +184,7 @@ header button {
 	align-items: center;
 	text-decoration: none;
 	border-radius: var(--border-radius);
-	padding: 10px 20px;
+	padding: 10px;
 	height: 100%;
 	transition: 100ms ease;
 	position: relative;
@@ -218,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;
@@ -292,21 +304,32 @@ header button {
 	cursor: pointer;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1090px) {
+	/* .base-header .navbar:not(:has(.show))
+	{
+		margin-bottom: 400px;
+	} */
+	 
+		
 	.nav-links {
-		display: none;
-		flex-direction: column;
-		background-color: var(--barca-blue);
 		position: absolute;
-		top: 2.5rem;
-		right: 0rem;
+		flex-direction: column;
+		top: 57px;
+		right: 0px;
 		padding: 0rem;
 		gap: 0;
-		width: 200px;
+		height: auto;
+		backdrop-filter: blur(4px);
+		width: 30%;
+		justify-content: center;
+		box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.105);
 	}
 
 	.nav-links li {
 		width: 100%;
+		margin: 0;
+		display: flex;
+		justify-content: center;
 	}
 
 	.nav-links li a,
@@ -319,16 +342,78 @@ header button {
 		border-radius: 0;
 		/* brak zaokrągleń w mobilnym menu */
 	}
+	.nav-links li button
+	{
+		background-color: none;
+		width: 45px;
+		border-radius: 50%;
+	}
+	.nav-links li button::before,.nav-links li button::after
+	{
+		background-color: none
+		;
+	}
+	.nav-links li button:hover
+	{
+		transform: none;
+	}
 
 	.nav-links.show {
-		display: flex;
+		display: none;
 	}
 
 	.hamburger {
 		display: block;
 	}
 }
-
+@media (max-width: 1000px)
+{
+	.header-content
+	{
+		flex-direction: column;
+	}
+	.header-content .profile-image
+	{
+		display: flex;
+		justify-content: center;
+		width: 100%;
+	}
+	.header-content .profile-image img{
+		width: 100%;
+	}
+	.about-section-image
+	{
+		display: none;
+	}
+}
+@media (max-width: 600px){
+	.section__matches
+	{
+		font-size: 10px;
+	}
+	.section__matches th{
+		padding: 3px;
+	}
+	.club-stats-grid
+	{
+		grid-template-columns: 1fr 1fr !important;
+	}	
+	.club-stats-grid .stat-box
+	{
+		width: 100%;
+	}
+	.section-stats-center .section-stats .stats
+	{
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	.section-stats-center .section-stats .stats .stat-box
+	{
+		width: 100%;
+		padding: 0;
+	}
+}
 
 
 
@@ -490,6 +575,7 @@ td {
 	width: 80%;
 	border-radius: var(--border-radius);
 	max-width: 1000px;
+	margin-bottom: 50px;
 }
 .section__matches h2
 {
@@ -544,7 +630,6 @@ body.poland-mode .nav-links li a {
 	color: white;
 }
 
-
 body.poland-mode .nav-links li a:hover {
 	color: #220000;
 	background-color: white;
@@ -607,28 +692,59 @@ body.poland-mode .hamburger {
 }
 
 @media (max-width: 768px) {
-	body.poland-mode .nav-links {
+	/* body.poland-mode .nav-links {
 		background-color: var(--polska-red);
 		/*Ale oczopląs*/
-	}
-}
+	} 
+	
+
+
 
 body.poland-mode .section-stats {
 	background: linear-gradient(to bottom, #bd4148, #dc1414);
 }
 
 body.poland-mode .section-stats h2 {
-	color: #220000
+	color: white;
 }
 
 body.poland-mode .stat-box {
 	border-color: white;
+	background: linear-gradient(to bottom, #ff0000,#231212);
 }
 
 body.poland-mode .stat-box h3 {
 	color: white;
 }
+body.poland-mode .club-stats h2{
+	background: linear-gradient(to bottom, #ff0000,#231212);
+	border: 4px solid white;
+	color: white;
+}
+body.poland-mode .about-section {
+	background-color: var(--polska-section-color);
+	color: white;
+}
 
+body.poland-mode .about-section article h3 {
+	background-color: var(--polska-red-dark);
+	color: white;
+}
+
+body.poland-mode .about-section article h4 {
+	background-color: #ffcaca;
+	color: black;
+	border-radius: 5px;
+}
+body.poland-mode .general-stats-section h2 {
+	background: var(--polska-section-color);
+}
+body.poland-mode .general-stats-section .grid article:nth-child(1){background-color: var(--polska-red-dark);}
+body.poland-mode .general-stats-section .grid article:nth-child(2){background-color: var(--yellow-highlight);}
+body.poland-mode .general-stats-section .grid article:nth-child(3){background-color: var(--barca-blue);}
+body.poland-mode .about-section-image::after{
+	background:var(--polska-red-dark);	
+}
 /* Przyciski i elementy */
 
 
@@ -641,9 +757,24 @@ body.poland-mode .stat-box h3 {
 	padding: 2rem 2rem;
 	max-width: 1000px;
 	margin: 0 auto;
+	text-align: center;
 	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;
@@ -655,7 +786,6 @@ body.poland-mode .stat-box h3 {
 	justify-content: space-around;
 	text-align: center;
 	margin-top: 2rem;
-	flex-wrap: wrap;
 	gap: 2rem;
 }
 
@@ -683,21 +813,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;
 }

FlaskWebProject/FlaskWebProject/templates/base.html

@@ -23,7 +23,10 @@
                 <li><a href="/">Strona główna</a></li>
                 <li><a href="/mecze">Mecze</a></li>
                 <li><a href="/statystyki">Statystyki</a></li>
-                <li><a href="/historia">Osiągnięcia</a></li>
+                <li><a href="/club">Kluby</a></li> 
+                <li><a href="/representation">Reprezentacja</a></li>
+                <li><a href="/trophies">Trofea</a></li>
+                <li><a href="/compare">Porównaj</a></li>
                 <li><button id="theme-toggle" onclick="toggleTheme()"></button></li>
             </ul>
             <div class="hamburger">☰</div>

FlaskWebProject/FlaskWebProject/templates/club.html

@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+{% block title %}Strona Główna{% endblock %}
+
+{% block content %}
+<section class="choose-club">
+  <a href="{{ url_for('clubs', club='FC Barcelona') }}">
+    <button><img src="{{ url_for('static', filename='FC_Barcelona.png') }}"></button>
+  </a>
+  <a href="{{ url_for('clubs', club='Bayern Monachium') }}">
+    <button><img src="{{ url_for('static', filename='FC_Bayern.png') }}"></button>
+  </a>
+  <a href="{{ url_for('clubs', club='Borussia Dortmund') }}">
+    <button><img src="{{ url_for('static', filename='Borussia_Dortmund.png') }}"></button>
+  </a>
+  <!--Jak nie będzie statysytk dla lecha to usunać-->
+  <a href="{{ url_for('clubs', club='Lech Poznan') }}">
+    <button><img src="{{ url_for('static', filename='Lech_Poznan.png') }}"></button>
+  </a>
+</section>
+
+<!-- Wyświetlanie danych tylko dla wybranego klubu -->
+{% for stats in clubs %}
+  {% if stats.club == selected_club %}
+    <section class="club-stats">
+      <h2>Statystyki dla {{selected_club}}</h2>
+      <div class="wybrany{{selected_club}}"></div>
+      <div class="club-stats-grid">
+        <div class="stat-box">
+          <p>Gole:</p> <span class="stat-box-special"> {{ stats.goals }} </span>
+        </div>
+        <div class="stat-box">
+          <p>Asysty:</p> <span class="stat-box-special"> {{ stats.assist }} </span>
+        </div>
+        <div class="stat-box">
+          <p>Występy:</p> <span class="stat-box-special"> {{ stats.goals }} </span>
+        </div>
+        <div class="stat-box">
+          <p>Łączny czas gry:</p> <span class="stat-box-special"> {{ stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Hat-tricki:</p> <span class="stat-box-special"> {{ stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Zwycięstwa:</p> <span class="stat-box-special"> {{ stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Porażki:</p> <span class="stat-box-special"> {{ stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Żółte kartki:</p> <span class="stat-box-special"> {{ stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Czerwone kartki:</p> <span class="stat-box-special"> {{ stats.goals }}</span>
+        </div>
+      </div>
+    </section>
+  {% endif %}
+{% endfor %}
+{% endblock %}
+
+{% block footer %}
+{{ commit_in_html | safe }}
+{% endblock %}

FlaskWebProject/FlaskWebProject/templates/compare.html

@@ -0,0 +1,68 @@
+{% extends "base.html" %}
+
+{% block title %}Statystyki{% endblock %}
+
+{% block content %}
+<select onchange="location = this.value;">
+    <option disabled selected>Wybierz zawodnika</option>
+    <option value="{{ url_for('compare', player='Leo Messi') }}">Leo Messi</option>
+    <option value="{{ url_for('compare', player='Ronaldo') }}">Cristiano Ronaldo</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">Neymar</option>
+</select>
+
+{%for player in player2 %}
+{% if player.name == selected_player %}
+<section class="section-stats">
+<h2>Gole</h2>
+<div class="stats">
+    <div class="stat-box">
+		<h3>{{ all_time_stats.goals }}</h3>
+
+	</div>
+    <div class="stat-box">
+        <h3>{{ player.goals}}</h3>
+
+	</div>
+    </div>
+
+
+<h2>Asysty</h2>
+<div class="stats">
+    <div class="stat-box">
+		<h3>{{ all_time_stats.assists }}</h3>
+
+	</div>
+    <div class="stat-box">
+        <h3>{{ player.assists}}</h3>
+
+	</div>
+    </div>
+
+    <h2>Wystąpienia</h2>
+<div class="stats">
+    <div class="stat-box">
+		<h3>{{ all_time_stats.assists }}</h3>
+
+	</div>
+    <div class="stat-box">
+        <h3>{{ player.assists}}</h3>
+
+	</div>
+    </div>
+
+    <h2>Minuty zagrane</h2>
+<div class="stats">
+    <div class="stat-box">
+		<h3>{{ all_time_stats.assists }}</h3>
+
+	</div>
+    <div class="stat-box">
+        <h3>{{ player.assists}}</h3>
+
+	</div>
+    </div>
+</section>
+{% endif %}
+{% endfor%}
+
+{% endblock %}

FlaskWebProject/FlaskWebProject/templates/history.html

@@ -1,30 +0,0 @@
-{% extends "base.html" %}
-
-{% block title %}Strona Główna{% endblock %}
-
-{% block content %}
-<section class="choose-club">
-  <a href="{{ url_for('historia', club='FC Barcelona') }}">
-    <button><img src="{{ url_for('static', filename='FC_Barcelona.png') }}"></button>
-  </a>
-  <a href="{{ url_for('historia', club='Bayern Monachium') }}">
-    <button><img src="{{ url_for('static', filename='FC_Bayern.png') }}"></button>
-  </a>
-</section>
-
-<!-- Wyświetlanie danych tylko dla wybranego klubu -->
-{% for stats in history %}
-  {% if stats.club == selected_club %}
-    <section class="club-stats">
-      <h2>{{ stats.club }} - All time stats</h2>
-      <div class="stats">
-        Gole: {{ stats.goals }}
-      </div>
-    </section>
-  {% endif %}
-{% endfor %}
-{% endblock %}
-
-{% block footer %}
-{{ commit_in_html | safe }}
-{% endblock %}

FlaskWebProject/FlaskWebProject/templates/index.html

@@ -30,10 +30,10 @@
         <article>
             <h3>Osiągnięcia</h3>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod dicta veritatis quibusdam eligendi corrupti. Expedita delectus assumenda ipsum illum molestias a voluptates, voluptas quia reprehenderit, quod non, eum veritatis tenetur!</p>
-            <a href="/historia">Zobacz osiągnięcia</a>
+            <a href="/club">Zobacz osiągnięcia</a>
         </article>
     </section>
-
+<!--
     <section class="general-stats-section">
         <h2>Ogólne statystyki:</h3>
         <div class="grid">
@@ -52,7 +52,7 @@
             </article>
         </div>
     </section>
-
+-->
 </div>
 {% endblock %}
 

FlaskWebProject/FlaskWebProject/templates/matches.html

@@ -3,6 +3,18 @@
 {% block title %}Lista meczów{% endblock %}
 
 {% block content %}
+<select>
+    <option disabled selected>Wybierz rok</option>
+    <option value="{{ url_for('compare', player='Leo Messi') }}">2024/2025</option>
+    <option value="{{ url_for('compare', player='Ronaldo') }}">2023/2024</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2022/2023</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2021/2022</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2020/2021</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2019/2020</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2018/2019</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2017/2018</option>
+    <option value="{{ url_for('compare', player='Neymar') }}">2016/2017</option>
+</select>
 <section class="section__matches">
     <h2>📅 Mecze Roberta</h2>
     <table>

FlaskWebProject/FlaskWebProject/templates/representation.html

@@ -0,0 +1,39 @@
+{% extends "base.html" %}
+
+{% block title %}Statystyki{% endblock %}
+
+{% block content %}
+    <section class="club-stats club-stats-poland">
+      <h2>Statystyki w reprezentacji Polski</h2>
+      <div class="wybrany{{selected_club}}"></div>
+      <div class="club-stats-grid">
+        <div class="stat-box">
+          <p>Gole:</p> <span class="stat-box-special"> {{ nation_stats.goals }} </span>
+        </div>
+        <div class="stat-box">
+          <p>Asysty:</p> <span class="stat-box-special"> {{ nation_stats.assist }} </span>
+        </div>
+        <div class="stat-box">
+          <p>Występy:</p> <span class="stat-box-special"> {{ nation_stats.goals }} </span>
+        </div>
+        <div class="stat-box">
+          <p>Łączny czas gry:</p> <span class="stat-box-special"> {{ nation_stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Hat-tricki:</p> <span class="stat-box-special"> {{ nation_stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Zwycięstwa:</p> <span class="stat-box-special"> {{ nation_stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Porażki:</p> <span class="stat-box-special"> {{ nation_stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Żółte kartki:</p> <span class="stat-box-special"> {{ nation_stats.goals }}</span>
+        </div>
+        <div class="stat-box">
+          <p>Czerwone kartki:</p> <span class="stat-box-special"> {{ nation_stats.goals }}</span>
+        </div>
+      </div>
+    </section>
+{% endblock %}

FlaskWebProject/FlaskWebProject/templates/stats.html

@@ -3,38 +3,104 @@
 {% block title %}Statystyki{% endblock %}
 
 {% block content %}
-<section class="section-stats">
-<h2>All time stats</h2>
-<div class="stats">
-    <div class="stat-box">
-		<h3>{{ stats.goals }}</h3>
-		<p>Goals</p>
-	</div>
-    <div class="stat-box">
-		<h3>{{ stats.assists }}</h3>
-		<p>Assists</p>
-	</div>
-    <div class="stat-box">
-		<h3>{{ stats.matches }}</h3>
-		<p>Apps</p>
-	</div>
+<div class="section-stats-center">
+
+	<section class="section-stats">
+		<h2>Ogólne statystyki</h2>
+		<div class="stats">
+			<div class="stat-box">
+				<h3>{{ all_time_stats.goals }}</h3>
+				<p>Gole</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ all_time_stats.assists }}</h3>
+				<p>Asysty</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ all_time_stats.matches }}</h3>
+				<p>Występy</p>
+			</div>
+		</div>
+	</section>
+	<section class="section-stats">
+		<h2>Klubowe statystyki</h2>
+		<div class="stats">
+			<div class="stat-box">
+				<h3>{{ club_stats.goals }}</h3>
+				<p>Gole</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ club_stats.assists }}</h3>
+				<p>Asysty</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ club_stats.matches }}</h3>
+				<p>Występy</p>
+			</div>
+		</div>
+	</section>
+	<section class="section-stats">
+		<h2>Reprezentacja statystyki</h2>
+		<div class="stats">
+			<div class="stat-box">
+				<h3>{{ nation_stats.goals }}</h3>
+				<p>Gole</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ nation_stats.assists }}</h3>
+				<p>Asysty</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ nation_stats.matches }}</h3>
+				<p>Występy</p>
+			</div>
+	</section>
+	<section class="section-stats">
+		<h2>Mistrzostwa świata</h2>
+		<div class="stats">
+			<div class="stat-box">
+				<h3>{{ worldcup.goals }}</h3>
+				<p>Gole</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ worldcup.assists }}</h3>
+				<p>Asysty</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ worldcup.matches }}</h3>
+				<p>Występy</p>
+			</div>
+		</div>
+	</section>
+	<section class="section-stats">
+		<h2>EURO</h2>
+		<div class="stats">
+			<div class="stat-box">
+				<h3>{{ euro.goals }}</h3>
+				<p>Gole</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ euro.assists }}</h3>
+				<p>Asysty</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ euro.matches }}</h3>
+				<p>Występy</p>
+			</div>
+		</div>
+	</section>
+	<section class="section-stats">
+		<h2>Kartki</h2>
+		<div class="stats">
+			<div class="stat-box">
+				<h3>{{ cards.yellow }}</h3>
+				<p>Żółte</p>
+			</div>
+			<div class="stat-box">
+				<h3>{{ cards.red }}</h3>
+				<p>Czerwone</p>
+			</div>
+		</div>
 </div>
 </section>
-<section class="section-stats">
-<h2>All time stats</h2>
-<div class="stats">
-    <div class="stat-box">
-		<h3>{{ stats.goals }}</h3>
-		<p>Goals</p>
-	</div>
-    <div class="stat-box">
-		<h3>{{ stats.assists }}</h3>
-		<p>Assists</p>
-	</div>
-    <div class="stat-box">
-		<h3>{{ stats.matches }}</h3>
-		<p>Apps</p>
-	</div>
-</div>
-</section>
-{% endblock %}
+{% endblock %}

FlaskWebProject/FlaskWebProject/templates/trophies.html

@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+
+{% block title %}Statystyki{% endblock %}
+
+{% block content %}
+<section class="section__matches">
+    <h2>📅 Trofea</h2>
+    <table>
+        <tr>
+            <th>Nazwa</th>
+            <th>Data/Sezon</th>
+        </tr>
+        {% for trophy in trophy %}
+		
+        <tr>
+            <td>{{ trophy.name }}</td>
+			{% if trophy.year == NULL %}
+            <td>{{ trophy.sezon }}</td>
+			{% endif %}
+			{% if trophy.sezon == NULL %}
+            <td>{{ trophy.year }}</td>
+			{% endif %}
+        </tr>
+        {% endfor %}
+    </table>
+</section>
+
+{% endblock %}