35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
<!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>
|
|
<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" />
|
|
<title>GONG - Groupe d'Organisation Nationale de la Guadeloupe</title>
|
|
</head>
|
|
<body>
|
|
<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}}
|
|
<h4>{{attributes.titre}}</h4>
|
|
{{{attributes.contenu}}}
|
|
<small>{{attributes.date}}</small>
|
|
<hr/>
|
|
{{/data}}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|