2017-09-18 13:02:24 +02:00
<!DOCTYPE html>
2017-09-19 22:35:25 +02:00
< html >
2017-09-18 13:02:24 +02:00
< head >
< meta charset = "UTF-8" >
2024-10-09 14:26:05 +02:00
< link rel = "stylesheet" href = "bdchapril.css" / >
2017-09-18 13:02:24 +02:00
2024-10-09 14:26:05 +02:00
< title > BD Chapril, générateur de BD de l'April< / title >
2017-09-18 13:02:24 +02:00
< / head >
< body >
<!-- 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" >
2024-10-09 14:26:05 +02:00
< 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 >
2017-09-18 13:02:24 +02:00
< 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 >
2017-09-19 22:35:25 +02:00
< div class = "upload" >
< input type = "file" accept = "image/*" id = "imageFileInput" class = "file" multiple onchange = 'cg.createImageFromInput(this)' / >
2017-09-19 22:48:37 +02:00
< h2 class = "save" > < a href = "#" onclick = "$('#imageFileInput').click();" title = "Importer une ou plusieurs images" > Importer une image< / a > < / h2 > < / div >
2017-09-19 22:35:25 +02:00
< / div >
2017-09-18 13:02:24 +02:00
< / 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 > < / 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 -->
< div id = "cscreen" >
2017-09-19 22:35:25 +02:00
< canvas class = "rc" id = "c" crossorigin = "anonymous" width = "800" height = "600" >
2017-09-18 13:02:24 +02:00
Le générateur du GKND a besoin d'un navigateur récent et de javascript pour fonctionner.
< / canvas >
< / div >
< footer >
2024-10-09 14:26:05 +02:00
< 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 >
2017-09-18 13:02:24 +02:00
< / 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 >
2024-10-09 14:26:05 +02:00
< script type = "text/javascript" src = "bdchapril.js" > < / script >
2017-09-18 13:02:24 +02:00
< / div >
< / body >
< / html >
