website diff fr/artwork/index.html @ rev 369
fr: Add artwork section
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sat Apr 11 18:38:48 2009 +0200 (2009-04-11) |
| parents | |
| children | bed0c2e09d23 |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/fr/artwork/index.html Sat Apr 11 18:38:48 2009 +0200 1.3 @@ -0,0 +1,240 @@ 1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 1.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 1.7 +<head> 1.8 + <title>SliTaz Art et graphisme</title> 1.9 + <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 1.10 + <meta name="description" content="SliTaz artwork images logo graphisme wallpaper" /> 1.11 + <meta name="keywords" lang="fr" content="opensource, image, logo, slitaz, spider" /> 1.12 + <meta name="robots" content="index, follow, all" /> 1.13 + <meta name="revisit-after" content="7 days" /> 1.14 + <meta name="expires" content="never" /> 1.15 + <meta name="modified" content="2008-06-12 12:00:00" /> 1.16 + <meta name="author" content="Christophe Lincoln"/> 1.17 + <meta name="publisher" content="www.slitaz.org" /> 1.18 + <link rel="shortcut icon" href="../../favicon.ico" /> 1.19 + <link rel="stylesheet" type="text/css" href="../../slitaz.css" /> 1.20 + <link rel="Content" href="#content" /> 1.21 +</head> 1.22 +<body bgcolor="#ffffff"> 1.23 + 1.24 +<!-- Header --> 1.25 +<div id="header"> 1.26 + <a name="top"></a> 1.27 +<!-- Access --> 1.28 +<div id="access"> 1.29 + Language: 1.30 + <a href="../../en/artwork/" title="English Artwork page">English</a> 1.31 +</div> 1.32 + <a href="http://www.slitaz.org/fr/"><img id="logo" 1.33 + src="../../pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org" 1.34 + style="border: 0px solid ; width: 200px; height: 74px;" /></a> 1.35 + <p id="titre">#!/GNU/Linux</p> 1.36 +</div> 1.37 + 1.38 +<!-- Navigation menu --> 1.39 +<div id="nav"> 1.40 +<div id="nav_top"></div> 1.41 +<ul> 1.42 + <li><a href="../about/" title="Informations au sujet du projet SliTaz">A propos du projet</a></li> 1.43 + <li><a href="../asso/" title="Infrastructure et services">Association</a></li> 1.44 + <li><a href="../get/" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li> 1.45 + <li><a href="../doc/" title="Handbook, Cookbook et manuels">Documentation</a></li> 1.46 + <li><a href="../packages/" title="Paquets logiciels disponibles">Paquets</a></li> 1.47 + <li><a href="../devel/" title="Le coin du développeur">Développement</a></li> 1.48 + <li><a href="../artwork/" title="Artwork, couleurs et images">Art & graphisme</a></li> 1.49 + <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li> 1.50 + <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li> 1.51 +</ul> 1.52 +<ul> 1.53 + <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li> 1.54 + <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li> 1.55 +</ul> 1.56 +<ul> 1.57 + <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li> 1.58 + <li><a href="http://labs.slitaz.org/" title="Gestion du projet">Laboratoires</a></li> 1.59 + <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Suivi des Bugs</a></li> 1.60 +</ul> 1.61 +<div id="nav_bottom"> 1.62 +<div id="nav_bottom_img"></div> 1.63 +</div> 1.64 +</div> 1.65 + 1.66 +<!-- Content top. --> 1.67 +<div id="content_top"> 1.68 +<div class="top_left"></div> 1.69 +<div class="top_right"></div> 1.70 +</div> 1.71 + 1.72 +<!-- Content --> 1.73 +<div id="content"> 1.74 +<a name="content"></a> 1.75 + 1.76 +<h1><font color="#3E1220">Artwork</font></h1> 1.77 + 1.78 +<h2><font color="#DF8F06">Art & graphisme</font></h2> 1.79 + 1.80 +<ul> 1.81 + <li><a href="screenshots.html">Captures d'écrans.</a></li> 1.82 + <li><a href="wallpapers.html">Fond d'écrans.</a></li> 1.83 + <li><a href="#art4taz">Artwork pour SliTaz.</a></li> 1.84 + <li><a href="#logos">Logos, spider & icons.</a></li> 1.85 + <li><a href="#cd-label">CD Label.</a></li> 1.86 +</ul> 1.87 + 1.88 +<p> 1.89 +Cette partie du site web est destinée à l'art et au graphisme en rapport et 1.90 +destiné à SliTaz. Les images sont libres, vous pouvez par exemple, les 1.91 +réutiliser pour réaliser votre propre fond d'écran ou afficher un logo sur 1.92 +votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont 1.93 +disponibles en différentes tailles et directement téléchargeables via cette 1.94 +page et via <a href="../../../pics/artwork/">le répertoire artwork</a>. Vous 1.95 +trouverez aussi dans cette partie <em>artwork</em>, quelques 1.96 +<a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The 1.97 +Gimp. 1.98 +</p> 1.99 + 1.100 +<a name="art4taz"></a> 1.101 +<h3>Artwork pour SliTaz</h3> 1.102 +<p> 1.103 +Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes, ou fonds 1.104 +d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le 1.105 +projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser 1.106 +un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans 1.107 +mettre les mains dans le code ou les relectures de document xHTML. Si vous avez 1.108 +envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est 1.109 +vivement conseillé de nous le signaler via 1.110 +<a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne 1.111 +pas envoyer de trop gros fichiers sur la liste. 1.112 +</p> 1.113 +<h4>Artwork du LiveCD</h4> 1.114 +<p> 1.115 +Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas 1.116 +dépasser les 200 Ko. De plus, il faut une images de 1024x768. Pour 1.117 +finir, chaque version propose un nouveau thème/fond d'écran qui doivent suivre 1.118 +la même ligne graphique et il va sans dire, que les outils de la distribution 1.119 +doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et 1.120 +avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir. A noter que le 1.121 +format libre PNG est privilégié. 1.122 +</p> 1.123 + 1.124 +<h3><font color="#6c0023">RGB colors</font></h3> 1.125 +<ul> 1.126 + <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li> 1.127 + <li>Bordeau : <code>6c0023</code> et <code>522222</code></li> 1.128 + <li>Gris : <code>242424</code> et <code>222222</code></li> 1.129 + <li>Orange : <code>df8f06</code></li> 1.130 + <li>Jaune : <code>f0ba08</code></li> 1.131 +</ul> 1.132 + 1.133 +<a name="logos"></a> 1.134 +<h3><font color="#6c0023">Logos, spider & icons</font></h3> 1.135 +<div> 1.136 +<p> 1.137 +SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> | 1.138 +<a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a> 1.139 +</p> 1.140 +<img 1.141 + src="../../pics/artwork/slitaz-button-red.png" 1.142 + alt="SliTaz button" 1.143 + style="width: 148px; height: 148px;" /> 1.144 +<img 1.145 + src="../../pics/artwork/slitaz-logo-whitebg-320x118.png" 1.146 + alt="SliTaz spider" 1.147 + style="width: 320px; height: 118px;" /> 1.148 +<img 1.149 + src="../../pics/artwork/slitaz-tux-124x126.png" 1.150 + alt="SliTaz Tux" 1.151 + style="width: 124px; height: 126px;" /> 1.152 +<img 1.153 + src="../../pics/artwork/slitaz-spider-48x48.png" 1.154 + alt="SliTaz spider" 1.155 + style="width: 48px; height: 48px;" /> 1.156 +<img 1.157 + src="../../pics/artwork/tazpkg.png" 1.158 + alt="Tazpkg package logo" 1.159 + style="width: 32px; height: 32px;" /> 1.160 +<p> 1.161 +<img 1.162 + src="../../pics/artwork/powered-by-slitaz-orange-2.png" 1.163 + alt="SliTaz Powered" 1.164 + style="width: 148px; height: 232px;" /> 1.165 +<img 1.166 + src="../../pics/artwork/powered-by-slitaz-orange-small.png" 1.167 + alt="SliTaz Powered" 1.168 + style="width: 65px; height: 104px;" /> 1.169 +<img 1.170 + src="../../pics/artwork/slitaz-minilogo-80x15.png" 1.171 + alt="SliTaz mini logo" 1.172 + style="width: 80px; height: 15px;" /> 1.173 +</p> 1.174 +</div> 1.175 + 1.176 +<a name="cd-label"></a> 1.177 +<h3><font color="#6c0023">CD Label</font></h3> 1.178 +<p> 1.179 +<a href="../../pics/cd-label/slitaz10qh1.png"> 1.180 +<img 1.181 + src="../../pics/cd-label/slitaz10qh1-160.png" 1.182 + alt="SliTaz CD Label" 1.183 + style="width: 160px; height: 160px;" /></a> 1.184 +<a href="../../pics/cd-label/slitaz10cdhllemb0.png"> 1.185 + 1.186 +<img 1.187 + src="../../pics/cd-label/slitaz10cdhllemb0.png" 1.188 + alt="SliTaz CD Label" 1.189 + style="width: 101px; height: 160px;" /></a> 1.190 +<a href="../../pics/cd-label/slitaz10v2lx2.png"> 1.191 + 1.192 +<img 1.193 + src="../../pics/cd-label/slitaz10v2lx2-160.png" 1.194 + alt="SliTaz CD Label" 1.195 + style="width: 160px; height: 160px;" /></a> 1.196 +</p> 1.197 + 1.198 +<p> 1.199 +<a href="../../pics/cd-label/slitaz-cooking-rv0.png"> 1.200 +<img 1.201 + src="../../pics/cd-label/slitaz-cooking-rv0-160.png" 1.202 + alt="SliTaz CD Label" 1.203 + style="width: 160px; height: 160px;" /></a> 1.204 +<a href="../../pics/cd-label/slitaz10ic7.png"> 1.205 + 1.206 +<img 1.207 + src="../../pics/cd-label/slitaz10ic7-160.png" 1.208 + alt="SliTaz CD Label" 1.209 + style="width: 101px; height: 160px;" /></a> 1.210 +</p> 1.211 + 1.212 +<!-- End of content with round corner --> 1.213 +</div> 1.214 +<div id="content_bottom"> 1.215 +<div class="bottom_left"></div> 1.216 +<div class="bottom_right"></div> 1.217 +</div> 1.218 + 1.219 +<!-- Start of footer and copy notice --> 1.220 +<div id="copy"> 1.221 +<p> 1.222 +Dernière modification : 2008-06-12 12:00:00 - 1.223 +<a href="#top">Haut de la page</a> 1.224 +</p> 1.225 +<p> 1.226 +Copyright © 2009 <a href="http://www.slitaz.org/">SliTaz</a> - 1.227 +<a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a> 1.228 +</p> 1.229 +<!-- End of copy --> 1.230 +</div> 1.231 + 1.232 +<!-- Bottom and logo's --> 1.233 +<div id="bottom"> 1.234 +<p> 1.235 +<a href="http://validator.w3.org/check?uri=referer"><img 1.236 + src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0" 1.237 + title="Code validé XHTML 1.0" 1.238 + style="width: 80px; height: 15px;" /></a> 1.239 +</p> 1.240 +</div> 1.241 + 1.242 +</body> 1.243 +</html>