website annotate fr/artwork/index.html @ rev 781

fr: Huge code clean-up and new layout
author Christophe Lincoln <pankso@slitaz.org>
date Sun Mar 27 00:18:49 2011 +0100 (2011-03-27)
parents 0ae6cfc85e03
children de24d99a2d5f
rev   line source
pankso@369 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
pankso@369 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
pankso@369 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
pankso@369 4 <head>
pankso@369 5 <title>SliTaz Art et graphisme</title>
pankso@369 6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
pankso@369 7 <meta name="description" content="SliTaz artwork images logo graphisme wallpaper" />
pankso@369 8 <meta name="keywords" lang="fr" content="opensource, image, logo, slitaz, spider" />
pankso@369 9 <meta name="robots" content="index, follow, all" />
pankso@781 10 <meta name="modified" content="2011-03-26 23:00:00" />
pankso@369 11 <meta name="author" content="Christophe Lincoln"/>
pankso@369 12 <link rel="shortcut icon" href="../../favicon.ico" />
pankso@369 13 <link rel="stylesheet" type="text/css" href="../../slitaz.css" />
pankso@369 14 </head>
pankso@781 15 <body>
pankso@369 16
pankso@369 17 <!-- Header -->
pankso@369 18 <div id="header">
pankso@781 19 <div id="logo"></div>
pankso@781 20 <div id="network">
pankso@781 21 <a href="http://www.slitaz.org/netmap.php">
pankso@781 22 <img src="../../images/network.png" alt="network.png" /></a>
pankso@781 23 <a href="http://scn.slitaz.org/">Community</a>
pankso@781 24 <a href="http://doc.slitaz.org/">Doc</a>
pankso@781 25 <a href="http://forum.slitaz.org/">Forum</a>
pankso@781 26 <a href="http://labs.slitaz.org/issues">Bugs</a>
pankso@781 27 <a href="http://hg.slitaz.org/">Hg</a>
pankso@781 28 </div>
pankso@781 29 <h1><a href="http://www.slitaz.org/">SliTaz GNU/Linux</a></h1>
pankso@369 30 </div>
pankso@369 31
pankso@781 32 <!-- Block -->
pankso@781 33 <div id="block">
pankso@781 34 <!-- Navigation -->
pankso@781 35 <div id="block_nav">
pankso@781 36 <h4>Navigation</h4>
pankso@781 37 <div class="right_box">
pankso@781 38 <ul>
pankso@781 39 <li><a href="../mailing-list.html">Mailing List</a></li>
pankso@781 40 <li><a href="../devel/">Développement</a></li>
pankso@781 41 <li><a href="../packages/">Paquets</a></li>
pankso@781 42 <li><a href="../artwork/">Artwork</a></li>
pankso@781 43 <li><a href="../search.html">Recherche</a></li>
pankso@781 44 </ul>
pankso@781 45 </div>
pankso@781 46 <div class="left_box">
pankso@781 47 <ul>
pankso@781 48 <li><a href="../">Actualité</a></li>
pankso@781 49 <li><a href="../about/">A propos</a></li>
pankso@781 50 <li><a href="../get/">Téléchargement</a></li>
pankso@781 51 <li><a href="../asso/">Association</a></li>
pankso@781 52 <li><a href="../doc/">Documentation</a></li>
pankso@781 53 </ul>
pankso@781 54 </div>
pankso@781 55 </div>
pankso@781 56 <!-- Information/image -->
pankso@781 57 <div id="block_info">
pankso@781 58 <h4>Artwork</h4>
pankso@781 59 <p>
pankso@781 60 Trouver, apprécier et partager des créations graphiques pour
pankso@781 61 SliTaz. Rejoinez-nous sur
pankso@781 62 <a href="http://scn.slitaz.org/groups/artwork/">SCN</a>
pankso@781 63 </p>
pankso@781 64 <ul>
pankso@781 65 <li><a href="#art4taz">Artwork pour SliTaz.</a></li>
pankso@781 66 <li><a href="#logos">Logos, spider &amp; icons.</a></li>
pankso@781 67 <li><a href="screenshots.html">Captures d'écrans.</a></li>
pankso@781 68 </ul>
pankso@781 69 </div>
pankso@369 70 </div>
pankso@369 71
pankso@369 72 <!-- Content -->
pankso@369 73 <div id="content">
pankso@369 74
pankso@781 75 <h2>Art &amp; graphisme</h2>
pankso@369 76
pankso@369 77 <p>
pierre@468 78 Cette partie du site web est consacrée à l'art et au graphisme en rapport et
pierre@468 79 s'appliquant à SliTaz. Les images sont libres, vous pouvez par exemple, les
pierre@468 80 réutiliser afin de réaliser votre propre fond d'écran ou afficher un logo sur
pankso@369 81 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
pankso@369 82 disponibles en différentes tailles et directement téléchargeables via cette
pankso@781 83 page et <a href="../../images/artwork/">le répertoire artwork</a>. Vous
pankso@369 84 trouverez aussi dans cette partie <em>artwork</em>, quelques
pankso@369 85 <a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The
pankso@369 86 Gimp.
pankso@369 87 </p>
pankso@369 88
pankso@369 89 <a name="art4taz"></a>
pankso@781 90 <h2>Artwork pour SliTaz</h2>
pankso@369 91 <p>
pierre@468 92 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes ou fonds
pankso@369 93 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
pankso@369 94 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
pankso@369 95 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
pankso@369 96 mettre les mains dans le code ou les relectures de document xHTML. Si vous avez
pankso@369 97 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
pankso@781 98 vivement conseillé de nous le signaler via le site de la communauté ou de
pankso@369 99 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
pankso@369 100 pas envoyer de trop gros fichiers sur la liste.
pankso@369 101 </p>
pankso@781 102 <h3>Artwork du LiveCD</h3>
pankso@369 103 <p>
pankso@369 104 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
pierre@468 105 dépasser les 200 Ko. De plus, il faut une image de 1024x768. Pour finir,
pierre@468 106 chaque version propose un nouveau thème/fond d'écran qui doit suivre
pierre@468 107 la même ligne graphique et il va sans dire que les outils de la distribution
pankso@369 108 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
pierre@468 109 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir.
pierre@468 110 A noter que le format libre PNG est privilégié.
pankso@369 111 </p>
pankso@369 112
pankso@369 113 <a name="logos"></a>
pankso@781 114 <h2>Logos, spider &amp; icons</h2>
pankso@781 115 <div class="box">
pankso@781 116 SVG Format: <a href="../../images/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
pankso@781 117 <a href="../../images/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
pankso@781 118 </div>
pankso@369 119 <div>
pankso@781 120 <img
pankso@781 121 src="../../images/artwork/slitaz-button-red.png"
pankso@781 122 alt="SliTaz button"
pankso@781 123 style="width: 148px; height: 148px;" />
pankso@781 124 <img
pankso@781 125 src="../../images/artwork/slitaz-logo-whitebg-320x118.png"
pankso@781 126 alt="SliTaz spider"
pankso@781 127 style="width: 320px; height: 118px;" />
pankso@781 128 <img
pankso@781 129 src="../../images/artwork/slitaz-tux-124x126.png"
pankso@781 130 alt="SliTaz Tux"
pankso@781 131 style="width: 124px; height: 126px;" />
pankso@781 132 <img
pankso@781 133 src="../../images/artwork/slitaz-spider-48x48.png"
pankso@781 134 alt="SliTaz spider"
pankso@781 135 style="width: 48px; height: 48px;" />
pankso@781 136 <img
pankso@781 137 src="../../images/artwork/tazpkg.png"
pankso@781 138 alt="Tazpkg package logo"
pankso@781 139 style="width: 32px; height: 32px;" />
pankso@781 140 <img
pankso@781 141 src="../../images/artwork/slitaz-minilogo-80x15.png"
pankso@781 142 alt="SliTaz mini logo"
pankso@781 143 style="width: 80px; height: 15px;" />
pankso@369 144 </div>
pankso@369 145
pankso@781 146 <!-- End of content -->
pankso@369 147 </div>
pankso@369 148
pankso@369 149 </body>
pankso@369 150 </html>