@@ -42,7 +42,10 @@ const Navbar = () => {
window.scrollTo(0, 0);
}}
>
-
![logo]({logo})
+
![logo]({logo})
+
+ CoachStats
+
@@ -64,4 +67,4 @@ const Navbar = () => {
);
};
-export default Navbar;
\ No newline at end of file
+export default Navbar;
diff --git a/app/src/constants/index.js b/app/src/constants/index.js
index 16b9328..c2b3d15 100644
--- a/app/src/constants/index.js
+++ b/app/src/constants/index.js
@@ -26,18 +26,6 @@ import {
} from "../assets";
export const navLinks = [
- {
- id: "Analiza",
- title: "Analiza",
- },
- {
- id: "Zawodnicy",
- title: "zawodnicy",
- },
- {
- id: "log_out",
- title: "Wyloguj",
- },
];
diff --git a/app/src/flask-server/modele/__pycache__/modele.cpython-39.pyc b/app/src/flask-server/modele/__pycache__/modele.cpython-39.pyc
index f8c3269..5dee0ba 100644
Binary files a/app/src/flask-server/modele/__pycache__/modele.cpython-39.pyc and b/app/src/flask-server/modele/__pycache__/modele.cpython-39.pyc differ
diff --git a/app/src/index.css b/app/src/index.css
index 06d73f5..be79f77 100644
--- a/app/src/index.css
+++ b/app/src/index.css
@@ -6,23 +6,46 @@
.Ex{
- font-size: 40px;
+ display: block; /* Może być inline-block, jeśli preferujesz */
+ margin: 20px auto; /* Centralnie i z marginesem */
+ padding: 10px;
+ background-color: #4CAF50; /* Przykładowy kolor tła */
+ color: white; /* Kolor tekstu */
+ text-align: center;
+ border-radius: 5px; /* Lekko zaokrąglone rogi */
+ font-size: 20px; /* Duża, czytelna czcionka */
+ font-weight: bold; /* Pogrubienie dla lepszej widoczności */
+ width: 50%; /* Dostosuj szerokość zgodnie z potrzebami */
+ /* Dodatkowe style, takie jak cienie, mogą być dodane */
}
body {
margin: 50px;
display: grid;
align-items: center;
+ justify-content: center; /* Center horizontally */
grid-template-rows: auto;
- grid-template-columns: auto auto auto;
+ grid-template-columns: auto auto auto;
}
- .container {
- position: relative;
- font-size: 5px;
- margin: 50 px;
- }
+
+ .container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+ position: relative;
+ font-size: 7px;
+ margin: 50 px;
+ }
.container span {
display: block;
}
+
+ .main-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+}
.field {
--line: 0.3em solid white;
@@ -33,15 +56,41 @@
height: inherit;
z-index: 1;
margin: 0;
- background-color:green;
+ background-color:green;
width: 120em;
height: 80em;
-
+ justify-content: space-between;
}
- .subMenu{
- display: grid;
- grid-template-rows: auto auto auto;
+
+ .subMenu {
+ display: grid;
+ grid-template-rows: auto auto auto;
+ /* Additional styling */
+ position: fixed; /* Fix the menu at the top */
+ top: 0; /* Align to the top of the page */
+ width: 100%; /* Full width */
+ background-color: #f0f0f0; /* Example background color */
+ z-index: 1000; /* Ensure it stays on top of other content */
}
+
+ .top-bar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10px;
+ width: 100%; /* Dostosuj szerokość zgodnie z potrzebami */
+ /* Możesz dodać dodatkowe style, jak tło, obramowanie itp. */
+ z-index: 2;
+ }
+
+ .bottom-bar {
+ display: flex;
+ justify-content: space-between; /* Rozmieszcza przyciski równomiernie */
+ align-items: center;
+ padding: 10px;
+ width: 100%; /* Dostosuj szerokość zgodnie z potrzebami */
+ /* Możesz dodać dodatkowe style, jak tło, obramowanie itp. */
+ }
.halfway-line {
width: 60em;
@@ -142,7 +191,7 @@
.football {
width: 2em;
height: 2em;
- background-color: #FFD700;
+ background-color: black;
border-radius: 50%;
position: absolute;
}
@@ -157,58 +206,265 @@
.striker{
width: 2em;
height: 2em;
- background-color: rgb(7, 26, 7);
+ background-color: blue;
border-radius: 50%;
position: absolute;
}
-
-
+
+ .goalkeeper{
+ width: 2em;
+ height: 2em;
+ background-color: yellow;
+ border-radius: 50%;
+ position: absolute;
+ }
+
.reset-button {
position: relative;
margin: 5px;
padding: 10px;
- background-color: #FFFFFF;
+ background-color: #FFB266;
border: none;
cursor: pointer;
color:#000000;
+ font-size: 16px;
}
- .info-button {
- position: relative;
- left: 50%;
- padding: 10px;
- background-color: #FFFFFF;
- border: none;
- cursor: pointer;
- color: #000000;
- }
+.info-button {
+ position: relative;
+ width: 80px; /* Ustaw szerokość */
+ height: 80px; /* Ustaw wysokość (taką samą jak szerokość) */
+ padding: 0; /* Usuń padding, aby tekst był wyśrodkowany */
+ border-radius: 50%; /* To tworzy koło */
+ background-color: #FFFFFF;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 24px;
+ display: flex; /* Umożliwia wyśrodkowanie tekstu */
+ align-items: center; /* Wyśrodkowanie pionowe */
+ justify-content: center; /* Wyśrodkowanie poziome */
+}
.cho-atack {
position: relative;
-;
- padding: 10px;
- background-color: #FFFFFF;
+ font-size: 16px;
+ padding: 16px;
+ background-color: #99FFCC;
border: none;
cursor: pointer;
color: #000000;
}
.cho-shooter {
position: relative;
-
- padding: 10px;
- background-color: grey;
+ padding: 16px;
+ background-color: #99FFCC;
border: none;
cursor: pointer;
color: #000000;
+ font-size: 16px;
}
.cho-defence {
position: relative;
-
- padding: 10px;
- background-color: #FFFFFF;
+ padding: 16px;
+ background-color: #99FFCC;
border: none;
cursor: pointer;
color: #000000;
+ font-size: 16px;
}
+ .cho-goalkeeper {
+ position: relative;
+ padding: 16px;
+ background-color: #99FFCC;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 16px;
+ }
+ .cho-one_on_one {
+ position: relative;
+ padding: 10px;
+ background-color: #99FFCC;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 16px;
+ }
+
+ .cho-first_time {
+ position: relative;
+ padding: 10px;
+ background-color: #99FFCC;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 16px;
+ }
+ .cho-aerial_won {
+ position: relative;
+ padding: 10px;
+ background-color: #99FFCC;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 16px;
+ }
+ .cho-follows_dribble {
+ position: relative;
+ padding: 10px;
+ background-color: #99FFCC;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 16px;
+}
+ .cho-redirect {
+ position: relative;
+ padding: 10px;
+ background-color: #99FFCC;
+ border: none;
+ cursor: pointer;
+ color: #000000;
+ font-size: 16px;
+ }
+
+ /* DROPDOWNS */
+ /* Style the dropdown button */
+ .dropbtn {
+ background-color: #4CAF50;
+ color: white;
+ padding: 16px;
+ font-size: 16px;
+ border: none;
+ cursor: pointer;
+ }
+
+ /* Dropdown button on hover & focus */
+ .dropbtn:hover, .dropbtn:focus {
+ background-color: #3e8e41;
+ }
+
+ /* The container - needed to position the dropdown content */
+ .dropdown {
+ position: relative;
+ display: inline-block;
+ }
+
+ .cho-dropdown_body_part {
+ display: none;
+ position: absolute;
+ background-color: #f9f9f9;
+ min-width: 160px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ z-index: 1;
+ }
+
+ .cho-dropdown_body_part a{
+ color: black;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ font-size: 16px;
+}
+
+ /* Change color of dropdown links on hover */
+ .cho-dropdown_body_part a:hover {background-color: #f1f1f1}
+
+ /* Show the dropdown menu on hover */
+ .dropdown:hover .cho-dropdown_body_part {
+ display: block;
+ }
+
+ .cho-dropdown_position_name {
+ display: none;
+ position: absolute;
+ background-color: #f9f9f9;
+ min-width: 160px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ z-index: 1;
+ }
+
+ .cho-dropdown_position_name a {
+ color: black;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ font-size: 16px;
+}
+
+ /* Change color of dropdown links on hover */
+ .cho-dropdown_position_name a:hover {background-color: #f1f1f1}
+
+ /* Show the dropdown menu on hover */
+ .dropdown:hover .cho-dropdown_position_name {
+ display: block;
+ }
+
+ .cho-dropdown_technique_name {
+ position: relative;
+ display: none;
+ position: absolute;
+ background-color: #f9f9f9;
+ min-width: 160px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ z-index: 1;
+ }
+
+ .cho-dropdown_technique_name a {
+ color: black;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ font-size: 16px;
+}
+
+ /* Change color of dropdown links on hover */
+ .cho-dropdown_technique_name a:hover {background-color: #f1f1f1}
+
+ /* Show the dropdown menu on hover */
+ .dropdown:hover .cho-dropdown_technique_name {
+ display: block;
+ }
+
+ .cho-dropdown_type_name {
+ display: none;
+ position: absolute;
+ background-color: #f9f9f9;
+ min-width: 160px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ z-index: 1;
+ }
+
+ .cho-dropdown_type_name a {
+ color: black;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ font-size: 16px;
+}
+
+ /* Change color of dropdown links on hover */
+ .cho-dropdown_type_name a:hover {background-color: #f1f1f1}
+
+ /* Show the dropdown menu on hover */
+ .dropdown:hover .cho-dropdown_type_name {
+ display: block;
+ }
+
+
+ /* MANUAL INPUT */
+ .cho-minute {
+ margin-top: 10px;
+ }
+ .cho-minute input[type="number"] {
+ padding: 12px 16px;
+ margin-left: 5px;
+ font-size: 16px;
+}
+.label-large {
+ font-size: 16px; /* Adjust the size as needed */
+}
+
* {
margin: 0;