sansguidon/cine-kids
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: sansguidon:main
Branches Tags
sansguidon:main
sansguidon:v0.0.9
sansguidon:v0.0.8
sansguidon:v0.0.7
sansguidon:v0.0.6
sansguidon:v0.0.5
sansguidon:v0.0.4
sansguidon:v0.0.3
sansguidon:v0.0.2
..
compare: sansguidon:v0.0.8
Branches Tags
sansguidon:main
sansguidon:v0.0.9
sansguidon:v0.0.8
sansguidon:v0.0.7
sansguidon:v0.0.6
sansguidon:v0.0.5
sansguidon:v0.0.4
sansguidon:v0.0.3
sansguidon:v0.0.2

No commits in common. "main" and "v0.0.8" have entirely different histories.
main ... v0.0.8

5 changed files with 7 additions and 58 deletions
Show Stats Expand all files Collapse all files

2
CloudronManifest.json
View File

@ -12,7 +12,7 @@
"localstorage": {}
},
"manifestVersion": 2,
"website": "https://cinekids.info",
"website": "https://zoemp.be/cine-kids",
"contactEmail": "morgan@zoemp.be",
"icon": "file://logo.png",
"tags": [

2
VERSION
View File

@ -1 +1 @@
0.0.9
0.0.7

1
bump_version.sh
View File

@ -36,4 +36,3 @@ echo "Version bumped to $NEW_VERSION"
git add VERSION
git tag "v$MAJOR.$MINOR.$PATCH"
git push origin "v$MAJOR.$MINOR.$PATCH"
git push origin --tags

BIN
doc/demo.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 462 KiB

After

Width:  |  Height:  |  Size: 71 KiB

58
public/index.html
View File

@ -2,8 +2,7 @@
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CineKids: Recommandations d'âge requis pour films et séries tv :-)</title>
<title>Agrégateur Multi-Source</title>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #1a1a1a; color: #e0e0e0; margin: 0; padding: 20px; font-size: 14px; }
.container { max-width: 1200px; margin: auto; }
@ -36,62 +35,12 @@
min-width:2.5em;display:inline-block;letter-spacing:0.05em;
margin-left:10px;transition:background 0.2s;
}
@media (max-width: 800px) {
.searchbox {
flex-direction: column;
align-items: stretch;
}
.searchbox input[type="text"] {
width: 100%;
margin-bottom: 10px;
}
.searchbox button {
margin-left: 0;
margin-bottom: 10px;
}
.maxagebox {
margin-left: 0;
margin-top: 10px;
justify-content: center;
}
.results-table,
.results-table tbody,
.results-table tr,
.results-table td {
display: block;
width: 100% !important;
}
.results-table thead {
display: none;
}
.results-table tr {
margin-bottom: 20px;
border-bottom: 1px solid #333;
}
.results-table td {
border: none;
padding: 10px 0;
text-align: left;
}
.results-table td:first-child div {
font-size: 1.2em;
margin-bottom: 10px;
}
.results-table img,
.source-block img {
width: 100% !important;
height: auto !important;
display: block;
margin: 10px 0 !important;
float: none !important;
}
}
</style>
</head>
<body>
<div class="container">
<img src="/logo.png" alt="Logo Cine Kids" style="display:block;margin:30px auto 10px;max-width:130px;height:auto;">
<h1>CinéKids - Recommandations d'âge requis pour films et séries tv</h1>
<h1>Ciné-agrégateur Multi-Source</h1>
<div class="searchbox">
<input type="text" id="q" placeholder="Ex: Dune, Spider-Man, Oppenheimer..." />
<button onclick="search()">Rechercher</button>
@ -238,6 +187,7 @@
});
}
// Extraction de la partie rendering pour pouvoir la réutiliser
function renderFilms(films) {
const filmsDiv = document.getElementById('films');
if (!films.length) {
@ -260,7 +210,7 @@
<td style="vertical-align:top;">
<div style="text-align:center;">
<div style="font-weight:bold;margin-bottom:0.7em;">${film.title || 'Unknown title'}</div>
${mainImg ? `<img src="${mainImg}" alt="Poster for ${film.title}" style="display:block;margin:auto;max-width:200px;max-height:250px;border-radius:5px;box-shadow:0 2px 8px #0003;margin-bottom:10px;">` : ''}
${mainImg ? `<img src="${mainImg}" alt="Poster for ${film.title}" style="display:block;margin:auto;max-width:100px;max-height:150px;border-radius:5px;box-shadow:0 2px 8px #0003;margin-bottom:10px;">` : ''}
</div>
</td>
<td class="year" style="vertical-align:top;">${film.year || 'N/A'}</td>