From 35c9725a1f3bd96351ab89dc6129ac8c77d5923f Mon Sep 17 00:00:00 2001 From: nojhan Date: Sat, 20 Sep 2008 20:41:37 +0000 Subject: [PATCH] =?UTF-8?q?page=20web=20de=20pr=C3=A9sentation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/blue_shadow.css | 191 ++++++++++++++++++++++++++++++++++++++++++++ www/gradient.png | Bin 0 -> 215 bytes www/index.html | 1 + www/index_en.html | 67 ++++++++++++++++ www/index_fr.html | 67 ++++++++++++++++ 5 files changed, 326 insertions(+) create mode 100644 www/blue_shadow.css create mode 100644 www/gradient.png create mode 120000 www/index.html create mode 100644 www/index_en.html create mode 100644 www/index_fr.html diff --git a/www/blue_shadow.css b/www/blue_shadow.css new file mode 100644 index 0000000..0b599e7 --- /dev/null +++ b/www/blue_shadow.css @@ -0,0 +1,191 @@ +html { +} + +body { + background-color:#bebfc1; + margin:0px; + text-align:center; +} + +#navbar { + text-align:center; + background-color:#1f6cd0; + background-image:url("gradient.png"); + background-repeat:repeat-x; + background-position:top left; + height:94px; + border-bottom:thin solid black; + color:white; +} + +#navbar a { + color:#ddf; +} + +#navbar a:hover { + color:white; +} + +#title { + font-size:large; + padding:5px; + + text-align:center; +} + +#stripbar { + text-align:center; + margin-top:2em; +} + + +#strip { + border:1px solid black; + background-color:white; +} + +#infobar { + color:white; + padding:5px; + text-align:center; + background-color:#1f6cd0; + border:thin solid black; + background-image:url("gradient2.png"); + background-repeat:repeat-x; + background-position:top left; + height:70px; +} + +#infos { + font-size:small; + padding:5px; +} + +#infoblock { + margin-top:1em; +} + +#navfirst { + font-size:small; + + padding-bottom:35px; + background-image:url("bouton_etoile_petit_gauche.png"); + background-repeat:no-repeat; + background-position:bottom center; +} + +#navfirst:hover { + background-image:url("bouton_etoile_petit_gauche_over.png"); +} + + +#navlast { + font-size:small; + padding-bottom:35px; + background-image:url("bouton_etoile_petit_droite.png"); + background-repeat:no-repeat; + background-position:bottom center; +} + +#navlast:hover { + background-image:url("bouton_etoile_petit_droite_over.png"); +} + +#navprev { + font-size:small; + padding-bottom:49px; + background-image:url("bouton_fleche_grand_gauche.png"); + background-repeat:no-repeat; + background-position:bottom center; +} + +#navprev:hover { + background-image:url("bouton_fleche_grand_gauche_over.png"); +} + +#navnext { + font-size:small; + padding-bottom:49px; + background-image:url("bouton_fleche_grand_droite.png"); + background-repeat:no-repeat; + background-position:bottom center; +} + +#navnext:hover { + background-image:url("bouton_fleche_grand_droite_over.png"); +} + +.shadow, .content { + position: relative; + bottom: 5px; + right: 5px; +} + +.shadow { + background-color: #9e9fa1; /*couleur de l'ombre */ + border:1px solid #aeafb1; + margin-left: 5px; + margin-top: 5px; + float:left; +} + +.shadow_simple { + padding-bottom:3px; + background-color: #9e9fa1; /*couleur de l'ombre */ + border-bottom:1px solid #aeafb1; +} + +.centering { + display : table; + margin : 0 auto; +} + +#site_title { + position:absolute; + top:1px; + left:1px; + text-align:left; + margin-top:5px; +} + +#site_title > p { + margin:0px; +} + +#site_head { + font-weight:bold; + font-size:large; + font-variant:small-caps; +} + +#site_desc { + font-size:x-small; +} + +#feed { + padding-right:18px; + background-image:url("feed-icon-16x16.png"); + background-repeat:no-repeat; + background-position:center right; +} + + +#linkbar { + color:white; + font-size:x-small; + margin-top:2em; +} + +#main { + float:right; +} + +.page { + margin-top:2em; + margin-left:10%; + margin-right:10%; + padding:1em; + border:thin solid black; + background-color:white; +} + diff --git a/www/gradient.png b/www/gradient.png new file mode 100644 index 0000000000000000000000000000000000000000..5c15f5a469f0cb762a1d6f2b7bfdf6dfef52d5d4 GIT binary patch literal 215 zcmeAS@N?(olHy`uVBq!ia0vp^Aa)!F6Of$hFT@R`*pj^6T^Rm@;DWu&Cj&(|3p^r= z85p>QL70(Y)*K0-AbW|YuPggCETbNt-p0(4 zyUigTe~DWM4f D_S#Ig literal 0 HcmV?d00001 diff --git a/www/index.html b/www/index.html new file mode 120000 index 0000000..4ee2b9c --- /dev/null +++ b/www/index.html @@ -0,0 +1 @@ +/home/nojhan/perso/dev/stripit/trunk/www/index_en.html \ No newline at end of file diff --git a/www/index_en.html b/www/index_en.html new file mode 100644 index 0000000..7a7b236 --- /dev/null +++ b/www/index_en.html @@ -0,0 +1,67 @@ + + + + + + + Strip-It + + + + + + + + + + + +
+ +
+ + +
+

Strip-It

+

Strip-It is a (web) software that permits to dynamically generate a (web) gallery for (web) comic-strips draw in SVG (web, thus).

+
+ + + +
+

Features

+

Strips are ordered chronologically, with images in the PNG format. Metadata are automatically extracted from a source file in SVG (author, title, license, ...). Adding a new image is as simple as upload it with a FTP client.

+

The gallery is reachable through a web page or a RSS feed.

+

A thumbnail gallery view, the possibility of creating your own design and traductions and a caching system complete the whole thing.

+ +

Demo

+

Strip-It has been coded for publishing the Geekscottes, some small strips in french, trying to transcribe the demanding humor of free softwares enthusiasts.

+ +

Code

+

Strip-It is programmed in PHP, uses the Flexy template system (from PEAR) and no database.

+

The software is distributed under the terms of the GPL

+ +

For more informations, see the project page on sourceforge.

+
+ + + + diff --git a/www/index_fr.html b/www/index_fr.html new file mode 100644 index 0000000..1c4830e --- /dev/null +++ b/www/index_fr.html @@ -0,0 +1,67 @@ + + + + + + + Strip-It + + + + + + + + + + + +
+ +
+ + +
+

Strip-It

+

Strip-It est un logiciel (web) permettant de créer dynamiquement une galerie (web) pour comic-strips (web) dessinés en SVG (web, donc).

+
+ +
+
+
+ geekscottes strip +
+
+
+ + +
+

Fonctionnalités

+

Les strips sont présentés chronologiquement via des images au format PNG, des métadonnées sont extraites automatiquement du fichier source au format SVG (auteur, titre, licence, etc.). Pour ajouter une nouvelle image, il suffit de la télécharger via FTP.

+

La galerie est accessible via une page web ou un flux RSS.

+

Une vue en galerie de vignette, un système de cache, la possibilité de concevoir ses propres mises en pages et traductions et un système de mise en cache complètent le tout.

+ +

Démo

+

Strip-It a été codé pour mettre en ligne les Geekscottes, des petits bouts de bandes dessinées, tentant de retranscrire l'humour exigeant des amateurs d'informatique libre.

+ +

Code

+

Strip-It est programmé en PHP, utilise le système de template Flexy (de chez PEAR) et aucune base de donnée.

+

Le logiciel est distribué selon les termes de la licence GPL.

+

Pour plus d'informations, voir la page du projet sur sourceforge.

+
+ + + + + +