Skip to content

Commit

Permalink
two visualisations done
Browse files Browse the repository at this point in the history
  • Loading branch information
@charfimohamed
charfimohamed committed May 25, 2024
1 parent 5714b2d commit 78fdeeb
Show file tree
Hide file tree
Showing 15 changed files with 1,178 additions and 151 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
5 changes: 5 additions & 0 deletions .idea/.gitignore
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 12 additions & 0 deletions .idea/com-480-project-DonPollo.iml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 8 additions & 0 deletions .idea/modules.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions .idea/vcs.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file modified docs/.DS_Store
View file
Binary file not shown.
96 changes: 48 additions & 48 deletions docs/bestTeam.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,63 +16,63 @@ <h2 class="u-name">
Football <b> Dashboard</b>
</h2>
</header>
<div class="body">
<nav class="side-bar">
<div class="body">
<nav class="side-bar">

<ul>
<li>
<a href="index.html">
<i class="fa fa-desktop" aria-hidden="true"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="searchPlayer.html">
<i class="fa fa-search" aria-hidden="true"></i>
<span>Search Player</span>
</a>
</li>
<ul>
<li>
<a href="index.html">
<i class="fa fa-desktop" aria-hidden="true"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="searchPlayer.html">
<i class="fa fa-search" aria-hidden="true"></i>
<span>Search Player</span>
</a>
</li>

<li>
<a href="searchTeam.html">
<i class="fa fa-search" aria-hidden="true"></i>
<span>Search Team</span>
</a>
</li>
<li>
<a href="searchTeam.html">
<i class="fa fa-search" aria-hidden="true"></i>
<span>Search Team</span>
</a>
</li>


<li>
<a href="bestTeam.html">
<i class="fa fa-group" aria-hidden="true"></i>
<span>Best Team</span>
</a>
</li>
<li>
<a href="bestTeam.html">
<i class="fa fa-group" aria-hidden="true"></i>
<span>Best Team</span>
</a>
</li>

<li>
<a href="bestPlayer.html">
<i class="fa fa-user" aria-hidden="true"></i>
<span>Best Players</span>
</a>
</li>
<li>
<a href="bestPlayer.html">
<i class="fa fa-user" aria-hidden="true"></i>
<span>Best Players</span>
</a>
</li>

<li>
<a href="contact.html">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<span>Contact</span>
</a>
</li>
<li>
<a href="contact.html">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<span>Contact</span>
</a>
</li>

</ul>
</nav>
<section class="section-1">
<h1>Best teams</h1>
<p style="margin-bottom: 10px;">Team of the season</p>
</ul>
</nav>
<section class="section-1">
<h1>Best teams</h1>
<p style="margin-bottom: 10px;">Team of the season</p>

<h3 style="margin-bottom: 50px;"> choose the competition</h2>
<img src="website_pic/uefa-the-official-2021-22-uefa-champions-league-team-of-season.jpg" alt="Best team" class="my-image-graph-team" style="margin-bottom: 20px;">
<h3< style="margin-bottom: 50px;"> choose the competition</h3>
<img src="website_pic/uefa-the-official-2021-22-uefa-champions-league-team-of-season.jpg" alt="Best team" class="my-image-graph-team" style="margin-bottom: 20px;">

</section>
</div>
</section>
</div>

</body>
</html>
95 changes: 95 additions & 0 deletions docs/contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html>
<head>
<title>Dashboard</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<input type="checkbox" id="checkbox">
<header class="header">
<h2 class="u-name">
<span class="before-element"></span> <!-- Pseudo-element target -->
<label for="checkbox">
<i id="navbtn" class="fa fa-bars" aria-hidden="true"></i>
</label>
Football <b> Dashboard</b>
</h2>
</header>
<div class="body">
<nav class="side-bar">

<ul>
<li>
<a href="index.html">
<i class="fa fa-desktop" aria-hidden="true"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="searchPlayer.html">
<i class="fa fa-search" aria-hidden="true"></i>
<span>Search Player</span>
</a>
</li>

<li>
<a href="searchTeam.html">
<i class="fa fa-search" aria-hidden="true"></i>
<span>Search Team</span>
</a>
</li>


<li>
<a href="bestTeam.html">
<i class="fa fa-group" aria-hidden="true"></i>
<span>Best Team</span>
</a>
</li>

<li>
<a href="bestPlayer.html">
<i class="fa fa-user" aria-hidden="true"></i>
<span>Best Players</span>
</a>
</li>

<li>
<a href="contact.html">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<span>Contact</span>
</a>
</li>

</ul>
</nav>
<section class="section-1">
<h1>contact page</h1>

<p>Mohamed Charfi </p>
<img src="website_pic/charfi-pic.png" alt="graph-coachs" class="my-image-contact-pic">
<p>Ali Ridha Mrad</p>
<img src="website_pic/ali-pic.png" alt="graph-coachs" class="my-image-contact-pic">
<p>Mehdi Bouchoucha </p>
<img src="website_pic/mehdi-pic.png" alt="graph-coachs" class="my-image-contact-pic">
</section>
<div>
<section class="conatct_section">
<p style="margin-bottom: 15px;">Mail: [email protected]</p>
<p>Tel: 078 791 41 61</p>
</section>
<section class="conatct_section-2">
<p style="margin-bottom: 15px;">Mail: [email protected]</p>
<p>Tel: 078 674 14 89</p>
</section>
<section class="conatct_section-3">
<p style="margin-bottom: 15px;">Mail: [email protected]</p>
<p>Tel: 078 818 40 50 </p>
</section>
</div>

</div>

</body>
</html>
23 changes: 15 additions & 8 deletions docs/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@
position: absolute;
width: 15%;
height: auto;
left: 80%;
left: 72%;
top : 30%;
}

Expand Down Expand Up @@ -245,6 +245,7 @@
.search-container {
position: relative;
width: 300px;
top: 5%;
}
#searchBar, #teamSearchBar {
width: 100%;
Expand Down Expand Up @@ -302,10 +303,10 @@

/* Styles for the team logo similar to player image */
.club-photo img {
height: 300px; /* Set appropriate height */
width: auto; /* Size as needed */
height: 300px;
width: auto;
position: absolute;
top: 10%; /* Positioning */
top: 10%;
left: 70%;
border-radius: 100%;
border-radius: 5%; /* Rounded corners */
Expand Down Expand Up @@ -443,12 +444,11 @@
position: absolute;
padding: 10px;
color: #fff;
left: 400px;
background: rgba(80, 68, 186, 0.5);
margin-top: 10px;
border-radius: 5px;
left: 65%;
top: 70%;
left: 10%;
top: 80%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
margin-right: 50px;

Expand All @@ -457,7 +457,6 @@
position: absolute;
padding: 10px;
color: #fff;
left: 400px;
background: rgba(80, 68, 186, 0.5);
margin-top: 10px;
border-radius: 5px;
Expand Down Expand Up @@ -526,10 +525,18 @@


/*****************************/
.radarChart {
position: absolute;
left: 30%;
top: 25%;
width: 400px; /* Adjust the width as needed */
height: auto; /* Keep height auto to maintain aspect ratio */
}

.search-container2 {
position: relative;
width: 300px;
left: 70%;
}

#searchBar2 {
Expand Down
Loading

0 comments on commit 78fdeeb

Please sign in to comment.