Greg/SportAttendanceSheet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New title and color scheme

Browse Source
This commit is contained in:
Greg 2025-05-10 13:27:05 +02:00
parent 8256d34d55
commit 430451d2b5
1 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
templates/index.html
View File

@ -3,17 +3,47 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sport Attendance Sheet</title>
<title>Padel Nivelles</title>
<style>
body { font-family: Arial, sans-serif; margin: 2em; }
body {
font-family: Arial, sans-serif;
margin: 2em;
background: #e8dbcb;
color: #071330;
}
.table-container { width: 100%; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; }
th, td { border: 1px solid #ccc; padding: 0.5em; text-align: center; }
th { background: #f0f0f0; }
table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #fff; }
th, td { border: 1px solid #c3d6db; padding: 0.5em; text-align: center; }
th { background: #c3d6db; color: #071330; }
.clickable { cursor: pointer; background: #e7f7e7; }
.yes { background: #b6e7b6; font-weight: bold; }
input[type="text"] { width: 90%; }
#add-date { margin-top: 1em; }
.yes { background: #b6e7b6; font-weight: bold; color: #071330; }
input[type="text"] {
width: 90%;
padding: 0.2em;
border: 1px solid #c3d6db;
background: #e8dbcb;
color: #071330;
}
input[type="text"]::placeholder {
color: #c3d6db;
}
#add-date {
margin-top: 1em;
background: #98ba0b;
color: #071330;
border: none;
padding: 0.7em 1.5em;
border-radius: 4px;
font-weight: bold;
font-size: 1em;
transition: background 0.2s;
}
#add-date:hover {
background: #7d9909;
}
.secondary-text {
color: #c3d6db;
}
.name-col { width: 140px; min-width: 100px; max-width: 180px; }
@media (max-width: 900px) {
body { margin: 1em; }
@ -32,7 +62,7 @@
</style>
</head>
<body>
<h1>Sport Attendance Sheet</h1>
<h1>Padel Nivelles</h1>
<div class="table-container">
<div id="attendance-table"></div>
</div>