Skip to content
Snippets Groups Projects
Commit 75c3308e authored by matograine's avatar matograine
Browse files

format using tidy

parent 9812da81
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
index.html
+ 228
− 219
View file @ 75c3308e
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta name="generator" content=
<link rel="stylesheet" href="style.css" /> "HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<title>ViĞnette</title> <title>ViĞnette</title>
<!-- see: https://www.html5canvastutorials.com/tutorials/html5-canvas-wrap-text-tutorial/ (wrap text in canvas)--> <!-- see: https://www.html5canvastutorials.com/tutorials/html5-canvas-wrap-text-tutorial/ (wrap text in canvas)-->
</head> </head>
<body> <body>
<header> <header>
<h1>ViĞnette</h1> <h1>ViĞnette</h1>
<nav> <nav>
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a> <a href=
<a href="questions.html">Aide</a> "questions.html">Aide</a> <a href="licence.html">Licence</a>
<a href="licence.html">Licence</a>
</nav> </nav>
</header> </header>
<div class="display"> <div class="display">
<section id="presentation"> <section id="presentation">
<h1>Créez une affichette pour vos ĞMarchés !</h1> <h1>Créez une affichette pour vos ĞMarchés !</h1>
<p>Sur les marchés, retrouver la clef publique d'une personne pour lui faire un virement prend souvent du temps et peut aboutir à des erreurs. <p>Sur les marchés, retrouver la clef publique d'une personne
Pour éviter ces tracas, une ViĞnette permettra à vos clients de trouver votre compte facilement et sans erreur, simplement en flashant le QR-code !</p> pour lui faire un virement prend souvent du temps et peut
aboutir à des erreurs. Pour éviter ces tracas, une ViĞnette
permettra à vos clients de trouver votre compte facilement et
sans erreur, simplement en flashant le QR-code !</p>
<p>ViĞnette vous permet d'afficher :</p> <p>ViĞnette vous permet d'afficher :</p>
<ul> <ul>
<li>Votre clef publique complète et son QR-code,</li> <li>Votre clef publique complète et son QR-code,</li>
<li>Un texte décrivant vos produits,</li> <li>Un texte décrivant vos produits,</li>
<li>Une image de votre choix.</li> <li>Une image de votre choix.</li>
</ul> </ul>
</section> </section>
<section id="informations"> <section id="informations">
<form id="formulaire" onsubmit="createVignette(event)"><fieldset><legend>Générez votre ViĞnette !</legend> <!--onsubmit="createVignette(event)"--> <form id="formulaire" onsubmit="createVignette(event)" name=
<label title="'_G_', '_g_', 'G1' et 'g1' seront remplacés par 'Ğ', 'ğ', 'Ğ1 et 'ğ1'." for="title">Titre</label> "formulaire">
<input type="text" id="title" name="title"></br> <fieldset>
<label title="Avec ou sans checksum." for="pubkey">Clef Publique</label> <legend>Générez votre ViĞnette !</legend>
<input type="text" id="pubkey" name="pubkey"></br> <!--onsubmit="createVignette(event)"-->
<label title="'_G_', '_g_', 'G1' et 'g1' seront remplacés par 'Ğ', 'ğ', 'Ğ1 et 'ğ1'." for="infos" >Informations</label> <label title=
<textarea type="textarea" rows="10" cols="29" id="infos" name="infos"></textarea></br> "'_G_', '_g_', 'G1' et 'g1' seront remplacés par 'Ğ', 'ğ', 'Ğ1 et 'ğ1'."
<label title="Image JPG ou PNG. Le logo Ğ est utilisé par défaut." for="image">Image</label> for="title">Titre</label> <input type="text" id="title"
<input type="file" id="image" name="image" accept=".JPG, .JPEG, .jpg, .jpeg, .png, .PNG"></input></br> name="title"><br>
<label title="Ajouter un logo Ğ" for="logo">Logo Ğ1</label> <label title="Avec ou sans checksum." for="pubkey">Clef
<input type="checkbox" id="logo" name="is_logo"></input></br> Publique</label> <input type="text" id="pubkey" name=
<input class="submit_button" type="submit" value="Générer !"></input> "pubkey"><br>
</fieldset></form> <label title=
"'_G_', '_g_', 'G1' et 'g1' seront remplacés par 'Ğ', 'ğ', 'Ğ1 et 'ğ1'."
for="infos">Informations</label>
<textarea type="textarea" rows="10" cols="29" id="infos"
name="infos"></textarea><br>
<label title=
"Image JPG ou PNG. Le logo Ğ est utilisé par défaut."
for="image">Image</label> <input type="file" id="image"
name="image" accept=
".JPG, .JPEG, .jpg, .jpeg, .png, .PNG"><br>
<label title="Ajouter un logo Ğ" for="logo">Logo
Ğ1</label> <input type="checkbox" id="logo" name=
"is_logo"><br>
<input class="submit_button" type="submit" value=
"Générer !">
</fieldset>
</form>
</section> </section>
</div> </div>
<div class="display_image" id="imageCanvas" style=
<div class="display_image" id="imageCanvas" style="display: none;"> "display: none;">
<!-- invisible assets for canvas generation--> <!-- invisible assets for canvas generation-->
<div id="vignetteQrCode" style="display: none"> </div> <div id="vignetteQrCode" style="display: none"></div><img src=
<img src="none" id="temp_image" style="display: none"></img> "none" id="temp_image" style="display: none"> <img src=
<img src="./img/logo_g.png" id="logo_g_png" style="display: none"></img> "./img/logo_g.png" id="logo_g_png" style="display: none">
<!-- buttons --> <!-- buttons -->
<div id="vignette_buttons"> <div id="vignette_buttons">
<a id="download" download="vignette.png"><button class="download" type="button" onClick="download()">Télécharger l'image</button></a> <a id="download" download="vignette.png"><button class=
<button onclick="copyPubkey()">Faire un don</button> "download" type="button" onclick="download()">Télécharger
</div> l'image</button></a> <button onclick="copyPubkey()">Faire un
<!-- canvas --> don</button>
</div><!-- canvas -->
<canvas id="vignette_canvas"></canvas> <canvas id="vignette_canvas"></canvas>
</div> </div>
<footer>
</footer>
<script src="scr/duniter_tools.js"></script> <script src="scr/duniter_tools.js"></script>
<script src="scr/qrcode.js"></script> <script src="scr/qrcode.js"></script>
<script> <script>
const CREATOR_PUBKEY = "TaJGgFayeGBouUNJcUPwvGTQWxh9iz4ghDGD887ZTSe:EsZ"; const CREATOR_PUBKEY = "TaJGgFayeGBouUNJcUPwvGTQWxh9iz4ghDGD887ZTSe:EsZ";
const MAX_PUBKEY_LENGTH = 44; const MAX_PUBKEY_LENGTH = 44;
...@@ -373,6 +383,5 @@ function copyPubkey() { ...@@ -373,6 +383,5 @@ function copyPubkey() {
} }
</script> </script>
</body> </body>
</html> </html>
licence.html
+ 699
− 692
View file @ 75c3308e
This diff is collapsed.
questions.html
+ 62
− 40
View file @ 75c3308e
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta name="generator" content=
<link rel="stylesheet" href="style.css" /> "HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<title>ViĞnette</title> <title>ViĞnette</title>
</head> </head>
<body> <body>
<header> <header>
<h1>ViĞnette : Questions et aide</h1> <h1>ViĞnette : Questions et aide</h1>
<nav> <nav>
<a href="index.html">Accueil</a> <a href="index.html">Accueil</a> <a href=
<a href="questions.html">Aide</a> "questions.html">Aide</a> <a href="licence.html">Licence</a>
<a href="licence.html">Licence</a>
</nav> </nav>
</header> </header>
<div class="display"> <div class="display">
<details id="qui-sommes-nous"><summary>Qui sommes-nous ?</summary> <details id="qui-sommes-nous">
<p>Ce site est l'oeuvre de Matograine, développeur amateur et dilettante.</br> <summary>
Si vous appréciez mon travail, les dons sont bienvenus sur la clef publique :</br> Qui sommes-nous ?
<figure><img src="img/qr_code_creator_pubkey.png"><figcaption>TaJGgFayeGBouUNJcUPwvGTQWxh9iz4ghDGD887ZTSe:EsZ</figcaption></img></figure> </summary>
</p> <p>Ce site est l'oeuvre de Matograine, développeur amateur et
dilettante.<br>
Si vous appréciez mon travail, les dons sont bienvenus sur la
clef publique :<br></p>
<figure>
<img src="img/qr_code_creator_pubkey.png">
<figcaption>
TaJGgFayeGBouUNJcUPwvGTQWxh9iz4ghDGD887ZTSe:EsZ
</figcaption>
</figure>
</details> </details>
<details id="G1">
<details id="G1"><summary>Qu'est-ce que la Ğ1 ?</summary> <summary>
<p>La Ğ1 (prononcez "Jüne") est une <em>monnaie libre.</em> Cela veut dire qu'elle est créée à part égale sur les comptes de tous ses membres, régulièrement, Qu'est-ce que la Ğ1 ?
et qu'elle garantit un égal droit à la création monétaire suivant les générations. Pour en savoir plus, rendez-vous sur <a href="https://monnaie-libre.fr">monnaie-libre.fr</a>. </summary>
</p> <p>La Ğ1 (prononcez "Jüne") est une <em>monnaie libre.</em>
Cela veut dire qu'elle est créée à part égale sur les comptes
de tous ses membres, régulièrement, et qu'elle garantit un
égal droit à la création monétaire suivant les générations.
Pour en savoir plus, rendez-vous sur <a href=
"https://monnaie-libre.fr">monnaie-libre.fr</a>.</p>
</details> </details>
<details id="checksum">
<details id="checksum"><summary>Pourquoi y-a-t-il trois caractères à la fin de ma clef publique ?</summary> <summary>
<p>On appelle ces trois caractères le "checksum" ou "somme de contrôle". Ils sont séparés de la clef publique par deux points (":"), permettent au logiciel client (Cesium, par ex.) de vérifier que l'ensemble de la clef publique est cohérente. Pourquoi y-a-t-il trois caractères à la fin de ma clef
Ils sont surtout utiles si un client veut recopier votre clef publique à la main. Ils permettent de signaler les fautes de frappe. publique ?
</p> </summary>
<p>On appelle ces trois caractères le "checksum" ou "somme de
contrôle". Ils sont séparés de la clef publique par deux
points (":"), permettent au logiciel client (Cesium, par ex.)
de vérifier que l'ensemble de la clef publique est cohérente.
Ils sont surtout utiles si un client veut recopier votre clef
publique à la main. Ils permettent de signaler les fautes de
frappe.</p>
</details> </details>
<details id="contribuer">
<details id="contribuer"><summary>Où puis-je contribuer et remonter des bugs ?</summary> <summary>
<p>Le dépôt git de ce projet se trouve <a href="https://git.duniter.org/matograine/vignette">sur la forge Gitlab du projet Duniter</a>. Où puis-je contribuer et remonter des bugs ?
</p> </summary>
<p>Le dépôt git de ce projet se trouve <a href=
"https://git.duniter.org/matograine/vignette">sur la forge
Gitlab du projet Duniter</a>.</p>
</details> </details>
</div> </div>
</body></html> </body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment