Alnotz/bd-chapril
Alnotz/bd-chapril
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PWA Manifest added

Browse source
This commit is contained in:
F. Y. H. 2024-12-22 17:58:00 +01:00
parent fa048d35e2
commit 33c4909f93
Signed by: Alnotz
GPG key ID: BB5A7B6724BF531A
3 changed files with 92 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
index.html
View file

@ -1,27 +1,36 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="bdchapril.css" /> <link rel="stylesheet" href="bdchapril.css" />
<link rel="manifest" href="manifest.json" />
<title>BD Chapril, générateur de BD de l'April</title> <title>BD Chapril, générateur de BD de l'April</title>
</head> </head>
<body> <body>
<!-- ajout conteneur global --> <!-- ajout conteneur global -->
<div id="wrapper"> <div id="wrapper">
<div id="focusImg" style="display:none;"><img id="bigImg"/></div> <div id="focusImg" style="display:none;"><img id="bigImg" />
</div>
<!-- tableau de bord --> <!-- tableau de bord -->
<div id="tableauDeBord"> <div id="tableauDeBord">
<div id="menuContainer"> <div id="menuContainer">
<h1><span class="hidden">BD Chapril</span><img id="logo" src="images/banniere_bdchapril.png" width="230" height="162" alt="Banniere du générateur" ></h1> <h1><span class="hidden">BD Chapril</span><img id="logo" src="images/banniere_bdchapril.png" width="230"
height="162" alt="Banniere du générateur"></h1>
<p class="hidden">Générateur de BD de l'April</p> <p class="hidden">Générateur de BD de l'April</p>
<div id="lib" class="rc"> <div id="lib" class="rc">
<div><label for="newText"><span class="hidden">Saisissez votre bulle</span></label> <input type="text" id="newText" placeholder="Saisissez votre bulle" onkeypress="cg.createTextFromInput(event)"/></div> <div><label for="newText"><span class="hidden">Saisissez votre bulle</span></label> <input
type="text" id="newText" placeholder="Saisissez votre bulle"
onkeypress="cg.createTextFromInput(event)" /></div>
<div class="upload"> <div class="upload">
<input type="file" accept="image/*" id="imageFileInput" class="file" multiple onchange='cg.createImageFromInput(this)' /> <input type="file" accept="image/*" id="imageFileInput" class="file" multiple
<h2 class="save"><a href="#" onclick="$('#imageFileInput').click();" title="Importer une ou plusieurs images">Importer une image</a></h2></div> onchange='cg.createImageFromInput(this)' />
<h2 class="save"><a href="#" onclick="$('#imageFileInput').click();"
title="Importer une ou plusieurs images">Importer une image</a></h2>
</div>
</div> </div>
</div> </div>
@ -36,16 +45,21 @@
<li><em>Del</em>: effacer l'objet</li> <li><em>Del</em>: effacer l'objet</li>
</ul> </ul>
</div></div> </div>
</div>
<div id="toolbar" class="rcBottom"> <div id="toolbar" class="rcBottom">
<h2 class="save"><a href="javascript:cg.saveImage();" title="enregistrer l image">Enregistrer votre image</a></h2> <h2 class="save"><a href="javascript:cg.saveImage();" title="enregistrer l image">Enregistrer votre
image</a></h2>
<h2 class="last">Redimensionner la fenêtre</h2> <h2 class="last">Redimensionner la fenêtre</h2>
<br /> <br />
<p> <input type="text" id="newWidth" placeholder="Largeur"/> x <input type="text" id="newHeight" placeholder="Hauteur"/> </p> <p> <input type="text" id="newWidth" placeholder="Largeur" /> x <input type="text" id="newHeight"
placeholder="Hauteur" /> </p>
<br /> <br />
<h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())" class="save">Redimensionner</a> </h2> <h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())"
</div></div> class="save">Redimensionner</a> </h2>
</div>
</div>
<!-- fin tableau de bord --> <!-- fin tableau de bord -->
<div id="cscreen"> <div id="cscreen">
@ -54,8 +68,13 @@
</canvas> </canvas>
</div> </div>
<footer> <footer>
<p><em>Les dessins sont l'œuvre de <a href="https://ptilouk.net"><em>Gee</em></a> et sont diffusés sous licence Creative Commons By-Sa.<br/> <p>Les dessins sont l'œuvre de <a href="https://ptilouk.net"><em>Gee</em></a> et sont diffusés sous
<em>BD Chapril</em> est une adaptation de <a href="https://framalab.org/gknd-creator/">GéGé</a>, lui-même une adaptation de <a href="https://github.com/willianpc/comicgen" title="Code source de l'auteur original sur Github">Comic Gen de Willian Carvalho</a> réalisée par Cyrille Largillier pour <a href="https://framasoft.org" title="Vous ne connaissez pas encore Framasoft ?">Framasoft</a>.</p> licence Creative Commons By-Sa.<br />
<em>BD Chapril</em> est une adaptation de <a href="https://framalab.org/gknd-creator/">GéGé</a>,
lui-même une adaptation de <a href="https://github.com/willianpc/comicgen"
title="Code source de l'auteur original sur Github">Comic Gen de Willian Carvalho</a> réalisée
par Cyrille Largillier pour <a href="https://framasoft.org"
title="Vous ne connaissez pas encore Framasoft ?">Framasoft</a>.</p>
</footer> </footer>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="ragaboom.min.js"></script> <script type="text/javascript" src="ragaboom.min.js"></script>
@ -64,4 +83,5 @@
</div> </div>
</body> </body>
</html> </html>

13
manifest.json Normal file
View file

@ -0,0 +1,13 @@
{
"name": "Service BD du Chapril",
"short_name": "bd",
"description": "Le générateur de BD du Chapril",
"icons":[
{
"src": "images/banniere_bdchapril.png"
}
],
"start_url": "/index.html",
"display": "browser",
"prefer_related_applications": false
}

1
sw.js
View file

@ -3,6 +3,7 @@
const RESOURCES = [ const RESOURCES = [
'/', '/',
'/manifest.json',
'/bdchapril.css', '/bdchapril.css',
'/comicgen.js', '/comicgen.js',
'/index.html', '/index.html',