Sky/Voiliers--AJAX
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add initial project files including JSON data, PHP scripts, and HTML structure

Browse Source
This commit is contained in:
ItsTheSky
2026-02-13 12:13:24 +01:00
commit dffb6cf98f
15 changed files with 3235 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
index.php Normal file
View File

@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="scripts/Exercice_2_AJAX.js"></script>
<title>Route du café - 2025</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.header {
background-color: #fff;
padding: 2rem 1rem;
text-align: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.header h1 {
font-weight: 300;
font-size: 2.5rem;
letter-spacing: -0.5px;
color: #2c3e50;
}
.main {
max-width: 1200px;
margin: 2rem auto;
padding: 0 1rem;
}
#logos {
background-color: #fff;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
margin-bottom: 2rem;
text-align: center;
}
#nomDeClasse {
background-color: #fff;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
text-align: center;
font-weight: bold;
font-size: 2rem;
}
img {
max-width: 25%;
height: auto;
}
@media (max-width: 768px) {
.header h1 {
font-size: 2rem;
}
.main {
margin: 1rem auto;
padding: 0 0.5rem;
}
#logos, #nomDeClasse {
padding: 1.5rem;
}
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 2rem;
}
td {
border: 1px solid #ddd;
padding: 1rem;
text-align: center;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
</style>
</head>
<body>
<div class="header">
<h1>Route du café - 2025</h1>
</div>
<div class="main">
<div id="logos">
</div>
<p id="nomDeClasse" class="text-classe">
Tous les voiliers
</p>
<table>
<thead>
<tr>
<td>&nbsp;</td>
<td>Voilier</td>
<td>Skippers</td>
<td>Abandon</td>
</tr>
</thead>
<tbody id="liste">
</tbody>
</table>
</div>
</body>
</html>