PWA Manifest added
This commit is contained in:
parent
fa048d35e2
commit
33c4909f93
GPG key ID:
BB5A7B6724BF531A
3 changed files with 92 additions and 58 deletions
130
index.html
130
index.html
|
|
@ -1,67 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="bdchapril.css"/>
|
||||
|
||||
<title>BD Chapril, générateur de BD de l'April</title>
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="bdchapril.css" />
|
||||
<link rel="manifest" href="manifest.json" />
|
||||
<title>BD Chapril, générateur de BD de l'April</title>
|
||||
</head>
|
||||
|
||||
<!-- ajout conteneur global -->
|
||||
<div id="wrapper">
|
||||
<div id="focusImg" style="display:none;"><img id="bigImg"/></div>
|
||||
<!-- tableau de bord -->
|
||||
<body>
|
||||
|
||||
<div id="tableauDeBord">
|
||||
<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>
|
||||
<p class="hidden">Générateur de BD de l'April</p>
|
||||
<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>
|
||||
<!-- ajout conteneur global -->
|
||||
<div id="wrapper">
|
||||
<div id="focusImg" style="display:none;"><img id="bigImg" />
|
||||
</div>
|
||||
<!-- tableau de bord -->
|
||||
|
||||
<div id="tableauDeBord">
|
||||
<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>
|
||||
<p class="hidden">Générateur de BD de l'April</p>
|
||||
<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 class="upload">
|
||||
<input type="file" accept="image/*" id="imageFileInput" class="file" multiple onchange='cg.createImageFromInput(this)' />
|
||||
<h2 class="save"><a href="#" onclick="$('#imageFileInput').click();" title="Importer une ou plusieurs images">Importer une image</a></h2></div>
|
||||
<input type="file" accept="image/*" id="imageFileInput" class="file" multiple
|
||||
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 id="hiddenObjs">
|
||||
<div id="textTool" class="rc mini textTool" title="Ajouter du texte" onclick="cg.createText();">T</div>
|
||||
<div id="instructs" class="rc instructions">
|
||||
<h2>Instructions</h2>
|
||||
<ul>
|
||||
<li><em>Flêche bas</em>: rétrécir</li>
|
||||
<li><em>Flêche haut</em>: agrandir</li>
|
||||
<li><em>Gauche/Droite</em>: retournement horizontal</li>
|
||||
<li><em>Del</em>: effacer l'objet</li>
|
||||
</ul>
|
||||
<div id="hiddenObjs">
|
||||
<div id="textTool" class="rc mini textTool" title="Ajouter du texte" onclick="cg.createText();">T</div>
|
||||
<div id="instructs" class="rc instructions">
|
||||
<h2>Instructions</h2>
|
||||
<ul>
|
||||
<li><em>Flêche bas</em>: rétrécir</li>
|
||||
<li><em>Flêche haut</em>: agrandir</li>
|
||||
<li><em>Gauche/Droite</em>: retournement horizontal</li>
|
||||
<li><em>Del</em>: effacer l'objet</li>
|
||||
</ul>
|
||||
|
||||
</div></div>
|
||||
<div id="toolbar" class="rcBottom">
|
||||
</div>
|
||||
</div>
|
||||
<div id="toolbar" class="rcBottom">
|
||||
|
||||
<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>
|
||||
<br />
|
||||
<p> <input type="text" id="newWidth" placeholder="Largeur"/> x <input type="text" id="newHeight" placeholder="Hauteur"/> </p>
|
||||
<br/>
|
||||
<h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())" class="save">Redimensionner</a> </h2>
|
||||
</div></div>
|
||||
<!-- fin tableau de bord -->
|
||||
<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>
|
||||
<br />
|
||||
<p> <input type="text" id="newWidth" placeholder="Largeur" /> x <input type="text" id="newHeight"
|
||||
placeholder="Hauteur" /> </p>
|
||||
<br />
|
||||
<h2 class="save"><a href="javascript:cg.setScreen($('#newWidth').val(), $('#newHeight').val())"
|
||||
class="save">Redimensionner</a> </h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- fin tableau de bord -->
|
||||
|
||||
<div id="cscreen">
|
||||
<canvas class="rc" id="c" crossorigin="anonymous" width="800" height="600">
|
||||
Le générateur du GKND a besoin d'un navigateur récent et de javascript pour fonctionner.
|
||||
</canvas>
|
||||
</div>
|
||||
<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/>
|
||||
<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>
|
||||
<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="comicgen.js"></script>
|
||||
<script type="text/javascript" src="bdchapril.js"></script>
|
||||
<div id="cscreen">
|
||||
<canvas class="rc" id="c" crossorigin="anonymous" width="800" height="600">
|
||||
Le générateur du GKND a besoin d'un navigateur récent et de javascript pour fonctionner.
|
||||
</canvas>
|
||||
</div>
|
||||
<footer>
|
||||
<p>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 />
|
||||
<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>
|
||||
<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="comicgen.js"></script>
|
||||
<script type="text/javascript" src="bdchapril.js"></script>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
13
manifest.json
Normal file
13
manifest.json
Normal 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
1
sw.js
|
|
@ -3,6 +3,7 @@
|
|||
|
||||
const RESOURCES = [
|
||||
'/',
|
||||
'/manifest.json',
|
||||
'/bdchapril.css',
|
||||
'/comicgen.js',
|
||||
'/index.html',
|
||||
|
|
|
|||
Loading…
Reference in a new issue