2024-03-12 10:28:34 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta name="description" content="Groupe d'Organisation Nationale de la Guadeloupe">
|
|
|
|
|
<meta name="keywords" content="GONG, G.O.N.G, gong, Guadeloupe, Gwadloup, Gwadlup, Karukera, KARUKERA, 971">
|
|
|
|
|
<meta name="author" content="OKI">
|
|
|
|
|
<script src="https://unpkg.com/htmx.org"></script>
|
|
|
|
|
<script src="https://unpkg.com/htmx.org/dist/ext/client-side-templates.js"></script>
|
|
|
|
|
<script src="https://unpkg.com/mustache@latest"></script>
|
2024-03-12 11:46:21 +01:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css" integrity="sha512-HqxHUkJM0SYcbvxUw5P60SzdOTy/QVwA1JJrvaXJv4q7lmbDZCmZaqz01UPOaQveoxfYRv1tHozWGPMcuTBuvQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
2024-03-13 14:25:44 +01:00
|
|
|
<title>GONG - Groupe d'Organisation Nationale de la Guadeloupe</title>
|
2024-03-12 10:28:34 +01:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-03-13 14:56:15 +01:00
|
|
|
<section class="section">
|
|
|
|
|
<div class="container has-text-centered">
|
|
|
|
|
<h1 class="title is-1">GONG</h1>
|
|
|
|
|
<p class="subtitle has-text-weight-bold">Groupe d'Organisation Nationale de la <strong>Guadeloupe</strong></p>
|
|
|
|
|
<figure class="image is-128x128 mx-auto">
|
|
|
|
|
<img src="./img/gong.png">
|
|
|
|
|
</figure>
|
|
|
|
|
<p class="subtitle is-uppercase mb-6"><q>La résistance à l'oppression est un droit naturel</q> L. DELGRES</p>
|
2024-03-13 14:59:02 +01:00
|
|
|
<h1 class="title is-3"><a class="js-modal-trigger" data-target="modal-js-example">LA CHARTE DU GONG - Juin 1963</a></h1>
|
2024-03-13 14:56:15 +01:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<hr>
|
2024-03-12 11:48:49 +01:00
|
|
|
<div hx-boost hx-ext="client-side-templates">
|
|
|
|
|
<div
|
|
|
|
|
hx-get="http://localhost:1337/api/articles?populate=couverture"
|
|
|
|
|
hx-trigger="load"
|
|
|
|
|
mustache-template="articles"
|
|
|
|
|
>
|
|
|
|
|
<p>Chargement...</p>
|
|
|
|
|
</div>
|
|
|
|
|
<script id="articles" type="x-tmpl-mustache">
|
|
|
|
|
{{#data}}
|
2024-03-13 14:26:25 +01:00
|
|
|
<h2 class="title">{{attributes.titre}}</h2>
|
2024-03-12 11:48:49 +01:00
|
|
|
{{{attributes.contenu}}}
|
2024-03-13 14:26:25 +01:00
|
|
|
<small>Publié le {{attributes.date}}</small></pre>
|
2024-03-12 11:48:49 +01:00
|
|
|
<hr/>
|
|
|
|
|
{{/data}}
|
|
|
|
|
</script>
|
|
|
|
|
</div>
|
2024-03-13 14:59:02 +01:00
|
|
|
<div id="modal-js-example" class="modal">
|
|
|
|
|
<div class="modal-background"></div>
|
|
|
|
|
<div class="modal-card">
|
|
|
|
|
<header class="modal-card-head">
|
|
|
|
|
<p class="modal-card-title has-text-centered">LA CHARTE DU GONG - Juin 1963</p>
|
|
|
|
|
<button class="delete" aria-label="close"></button>
|
|
|
|
|
</header>
|
|
|
|
|
<section class="modal-card-body has-text-justified">
|
|
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
<footer class="modal-card-foot">
|
|
|
|
|
<button class="button">Fermer</button>
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="./js/main.js"></script>
|
2024-03-12 10:28:34 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
