Ajout de la page listant les exemples d'utilisation.

This commit is contained in:
Fabrice PENHOËT 2021-11-08 11:51:19 +01:00
parent b21167eb1e
commit 65fa9961c2
2 changed files with 42 additions and 1 deletions

41
public/examples.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="fr-fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="Quelques exemples d'utilisation du module TypeScript/JavaScript FreeDatas2HTML, les codes sources étant partagés dans le dépôt GIT.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index,follow">
<link rel="stylesheet" href="CSS/paper.min.css">
<link rel="stylesheet" href="CSS/fd2html.css">
<script src="JS/matomo.js" defer></script><!-- Outil statistique pour le site de démonstration. -->
<title>Exemples d'utilisation du module FreeDatas2HTML</title>
</head>
<body class="paper container">
<header id="header" class="text-center">
<h1><a href="/">FreeDatas2HTML</a></h1>
<nav id="menu-principal">
<ul class="inline row flex-center">
<li><a href="./#intro" class="badge warning sm-12 col">Introduction</a></li>
<li><a href="./examples.html#content" class="badge success sm-12 col">Exemples</a></li>
<li><a href="https://forge.chapril.org/Fab_Blab/freeDatas2HTML" target="_blank" title="accéder au dépôt GIT" rel="noopener" class="badge success sm-12 col">Git</a></li>
</ul>
</nav>
</header>
<body>
<article id="content">
<h2>Exemples dutilisation de Freedatas2html</h2>
<ul>
<li><a href="/userFile.html">Parsage et affichage votre propre fichier CSV</a> en sélectionnant les champs à afficher dans la page.</li>
<li><a href="/withCSV.html">Parsage et affichage dun fichier CSV</a> prédéfini, avec filtres multi-critères, pagination et compteur de résultats.</li>
<li><a href="/withJSON.html">Parsage et affichage de données JSON</a> prédéfinies, avec filtre, pagination et compteur de résultats.</li>
<li><a href="/withHTML.html">Parsage et réaffichage de données situées dans le code HTML</a> de la page, avec filtre, pagination et compteur de résultats.</li>
</ul>
</article>
<footer><p>Design : <a href="https://www.getpapercss.com" target="_blank">PaperCSS</a> | <a href="/mentions-legales.html">Mentions légales</a>.</p></footer>
</body>
</html>

View File

@ -17,7 +17,7 @@
<nav id="menu-principal"> <nav id="menu-principal">
<ul class="inline row flex-center"> <ul class="inline row flex-center">
<li><a href="./#intro" class="badge warning sm-12 col">Introduction</a></li> <li><a href="./#intro" class="badge warning sm-12 col">Introduction</a></li>
<li><a href="./examples.html#intro" class="badge success sm-12 col">Exemples</a></li> <li><a href="./examples.html#content" class="badge success sm-12 col">Exemples</a></li>
<li><a href="https://forge.chapril.org/Fab_Blab/freeDatas2HTML" target="_blank" title="accéder au dépôt GIT" rel="noopener" class="badge success sm-12 col">Git</a></li> <li><a href="https://forge.chapril.org/Fab_Blab/freeDatas2HTML" target="_blank" title="accéder au dépôt GIT" rel="noopener" class="badge success sm-12 col">Git</a></li>
</ul> </ul>
</nav> </nav>