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

Transformation en Grise Bouille + MàJ liens/crédits

Browse source
This commit is contained in:
Simon Giraudot 2022-07-30 16:00:22 +02:00
parent e5d0225289
commit 56bf36eb82
5 changed files with 34 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
gege.css
View file

@ -1,8 +1,7 @@
body{ body{
font-family: "Domestic Manners", serif; font-family: "Domestic Manners", serif;
background-color: rgb(65, 60, 60); background-color: #000000;
color: #000; background-image: url(images/bg-tab.png);
background-image: url(images/bg.png);
font-size:12px; font-size:12px;
margin:0px; margin:0px;
} }
@ -69,8 +68,8 @@ font-style: normal;
} }
.save a{ .save a{
background-color: #000; background-color: #FFFFFF;
color: #fff; color: #000000;
padding:7px; padding:7px;
text-decoration:none; text-decoration:none;
font-weight:bold; font-weight:bold;
@ -80,8 +79,8 @@ text-shadow: none;
.save a:hover .save a:hover
{ {
background-color:#BF6B04; background-color:#F5F5F5;
color:#000; color: #808080
} }
@ -91,10 +90,8 @@ width: auto;
margin:0; margin:0;
margin-top: 30px; margin-top: 30px;
height: auto; height: auto;
background-color: #d5b578; background-color: #000000;
border:7px solid rgb(213, 181, 120);
box-shadow:0 3px 10px black; box-shadow:0 3px 10px black;
background-image: url(images/bg-tab.png);
} }
#tableauDeBord #tableauDeBord
@ -102,9 +99,11 @@ background-image: url(images/bg-tab.png);
width: 244px; width: 244px;
float: left; float: left;
height: 100%; height: 100%;
background-color: #d5b578; }
background-image: url(images/bg-tab.png); #logo
{
margin-left: 10px;
margin-top: 10px;
} }
input, .mini, #wrapper, #toolbar a input, .mini, #wrapper, #toolbar a
{ {
@ -130,6 +129,7 @@ margin-bottom: 5px;
#cscreen #cscreen
{ {
padding-top: 10px;
margin-left:244px; margin-left:244px;
width: 590px; width: 590px;
height: 100%; height: 100%;
@ -140,7 +140,8 @@ height: 100%;
#lib, .instructions, #toolbar #lib, .instructions, #toolbar
{ {
padding-left: 14px; padding-left: 14px;
width: 220px; width: 215px;
margin-left: 10px;
} }
@ -153,6 +154,15 @@ overflow-x: hidden;
margin-top: 14px; margin-top: 14px;
} }
.instructions
{
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
}
#cscreen canvas #cscreen canvas
{ {
@ -174,7 +184,7 @@ float:left;
} }
.mini:hover{ .mini:hover{
background-color:#BF6B04; background-color:#C0C0C0;
cursor: hand; cursor: hand;
cursor: pointer; cursor: pointer;
} }
@ -196,7 +206,7 @@ color:black;
margin-top: 18px; margin-top: 18px;
} }
h2.last h2.last
{padding-bottom: 0; {padding-bottom: 0; color: #FFFFFF; background-color: #000000;
} }
.instructions ul{ .instructions ul{
@ -215,19 +225,18 @@ footer
margin-top: 10px; margin-top: 10px;
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #273740; color: #FFFFFF;
padding-bottom: 10px;
} }
footer p footer p
{ {
display: inline; display: inline;
background-color:#ebebeb;
} }
footer a footer a
{ {
color: #273740; color: #F5F5F5;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
} }

BIN
images/banniere_gege.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 19 KiB

BIN
images/bg-tab.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
images/bg.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 77 KiB

11
index.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="gege.css"/> <link rel="stylesheet" href="gege.css"/>
<title>GéGé, Geektionnerd Generator</title> <title>GéGé, Générateur de Grise Bouille</title>
</head> </head>
<body> <body>
@ -15,8 +15,8 @@
<div id="tableauDeBord"> <div id="tableauDeBord">
<div id="menuContainer"> <div id="menuContainer">
<h1><span class="hidden">GéGé</span><img src="images/banniere_gege.png" width="240" height="74" alt="Banniere du generateur GKND" ></h1> <h1><span class="hidden">GéGé</span><img id="logo" src="images/banniere_gege.png" width="230" height="134" alt="Banniere du générateur GéGé" ></h1>
<p class="hidden">Geektionnerd Generator</p> <p class="hidden">Générateur de Grise Bouille</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">
@ -54,10 +54,9 @@
</canvas> </canvas>
</div> </div>
<footer> <footer>
<p>Le Geektionnerd et l'intégralité de son contenu (images et textes) sont l'oeuvre de Simon "Gee" Giraudot et diffusés sous licence Creative Commons By-Sa.<br/> <p><em><a href="https://grisebouille.net/">Grise Bouille</em></a> et l'intégralité de son contenu (images et textes) sont l'œuvre de Simon « Gee » Giraudot et diffusés sous licence Creative Commons By-Sa.<br/>
Découvrez le Geektionnerd sur <a href="http://geektionnerd.net/" title="Suivez les aventures du GKND sur le site dédié">http://geektionnerd.net/</a> et <a href="http://enventelibre.org/catalog/par-association/framasoft" title="Acheter l'album sur En Vente Libre">en album.</a><br/>
Gégé est une adaptation de <a href="https://github.com/chambs/comicgen" title="Code source de l'auteur original sur Github">Comic Gen de Chamb</a> réalisée par Cyrille Largillier pour <a href="http://framasoft.org" title="Vous ne connaissez pas encore Framasoft ?">Framasoft</a>.</p> GéGé est 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>