website view artwork/index.html @ rev 341
cookbook+handbook: fix url and up e17 art website
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Fri Mar 27 22:03:09 2009 +0100 (2009-03-27) |
| parents | 4dc36b03c8b4 |
| children | 9a1523a0d0a3 |
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
4 <head>
5 <title>SliTaz Art et graphisme</title>
6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
7 <meta name="description" content="SliTaz artwork images logo graphisme wallpaper" />
8 <meta name="keywords" lang="fr" content="opensource, image, logo, slitaz, spider" />
9 <meta name="robots" content="index, follow, all" />
10 <meta name="revisit-after" content="7 days" />
11 <meta name="expires" content="never" />
12 <meta name="modified" content="2008-06-12 12:00:00" />
13 <meta name="author" content="Christophe Lincoln"/>
14 <meta name="publisher" content="www.slitaz.org" />
15 <link rel="shortcut icon" href="../favicon.ico" />
16 <link rel="stylesheet" type="text/css" href="../slitaz.css" />
17 <link rel="Content" href="#content" />
18 </head>
19 <body bgcolor="#ffffff">
21 <!-- Header -->
22 <div id="header">
23 <a name="top"></a>
24 <!-- Access -->
25 <div id="access">
26 Language:
27 <a href="../en/artwork/" title="English Artwork page">English</a>
28 </div>
29 <a href="http://www.slitaz.org/"><img id="logo"
30 src="../pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
31 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
32 <p id="titre">#!/GNU/Linux</p>
33 </div>
35 <!-- Navigation menu -->
36 <div id="nav">
37 <div id="nav_top"></div>
38 <ul>
39 <li><a href="../about/" title="Informations au sujet du projet SliTaz">A propos du projet</a></li>
40 <li><a href="../get/" title="Téléchargements - LiveCD et sous projets">Obtenir SliTaz</a></li>
41 <li><a href="../doc/" title="Handbook, Cookbook et manuels">Documentation</a></li>
42 <li><a href="../packages/" title="Paquets logiciels disponibles">Paquets</a></li>
43 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
44 <li><a href="../devel/" title="Le coin du développeur">Développement</a></li>
45 <li><a href="../artwork/" title="Artwork, couleurs et images">Art & graphisme</a></li>
46 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
47 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
48 </ul>
49 <hr />
50 <ul>
51 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li>
52 <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li>
53 <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Suivi des Bugs</a></li>
54 </ul>
55 <div id="nav_bottom">
56 <div id="nav_bottom_img"></div>
57 </div>
58 </div>
60 <!-- Content top. -->
61 <div id="content_top">
62 <div class="top_left"></div>
63 <div class="top_right"></div>
64 </div>
66 <!-- Content -->
67 <div id="content">
68 <a name="content"></a>
70 <h1><font color="#3E1220">Artwork</font></h1>
72 <h2><font color="#DF8F06">Art & graphisme</font></h2>
74 <ul>
75 <li><a href="screenshots.html">Captures d'écrans.</a></li>
76 <li><a href="wallpapers.html">Fond d'écrans.</a></li>
77 <li><a href="#art4taz">Artwork pour SliTaz.</a></li>
78 <li><a href="#logos">Logos, spider & icons.</a></li>
79 <li><a href="#cd-label">CD Label.</a></li>
80 </ul>
82 <p>
83 Cette partie du site web est destinée à l'art et au graphisme en rapport et
84 destiné à SliTaz. Les images sont libres, vous pouvez par exemple, les
85 réutiliser pour réaliser votre propre fond d'écran ou afficher un logo sur
86 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
87 disponibles en différentes tailles et directement téléchargeables via cette
88 page et via <a href="../pics/artwork/">le répertoire artwork</a>. Vous
89 trouverez aussi dans cette partie <em>artwork</em>, quelques
90 <a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The
91 Gimp.
92 </p>
94 <a name="art4taz"></a>
95 <h3>Artwork pour SliTaz</h3>
96 <p>
97 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes, ou fonds
98 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
99 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
100 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
101 mettre les mains dans le code ou les relectures de document xHTML. Si vous avez
102 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
103 vivement conseillé de nous le signaler via
104 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
105 pas envoyer de trop gros fichiers sur la liste.
106 </p>
107 <h4>Artwork du LiveCD</h4>
108 <p>
109 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
110 dépasser les 200 Ko. De plus, il faut une images de 1024x768. Pour
111 finir, chaque version propose un nouveau thème/fond d'écran qui doivent suivre
112 la même ligne graphique et il va sans dire, que les outils de la distribution
113 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
114 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir. A noter que le
115 format libre PNG est privilégié.
116 </p>
118 <h3><font color="#6c0023">RGB colors</font></h3>
119 <ul>
120 <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li>
121 <li>Bordeau : <code>6c0023</code> et <code>522222</code></li>
122 <li>Gris : <code>242424</code> et <code>222222</code></li>
123 <li>Orange : <code>df8f06</code></li>
124 <li>Jaune : <code>f0ba08</code></li>
125 </ul>
127 <a name="logos"></a>
128 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
129 <div>
130 <p>
131 SVG: <a href="../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
132 <a href="../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
133 </p>
134 <img
135 src="../pics/artwork/slitaz-button-red.png"
136 alt="SliTaz button"
137 style="width: 148px; height: 148px;" />
138 <img
139 src="../pics/artwork/slitaz-logo-whitebg-320x118.png"
140 alt="SliTaz spider"
141 style="width: 320px; height: 118px;" />
142 <img
143 src="../pics/artwork/slitaz-tux-124x126.png"
144 alt="SliTaz Tux"
145 style="width: 124px; height: 126px;" />
146 <img
147 src="../pics/artwork/slitaz-spider-48x48.png"
148 alt="SliTaz spider"
149 style="width: 48px; height: 48px;" />
150 <img
151 src="../pics/artwork/tazpkg.png"
152 alt="Tazpkg package logo"
153 style="width: 32px; height: 32px;" />
154 <p>
155 <img
156 src="../pics/artwork/powered-by-slitaz-orange-2.png"
157 alt="SliTaz Powered"
158 style="width: 148px; height: 232px;" />
159 <img
160 src="../pics/artwork/powered-by-slitaz-orange-small.png"
161 alt="SliTaz Powered"
162 style="width: 65px; height: 104px;" />
163 <img
164 src="../pics/artwork/slitaz-minilogo-80x15.png"
165 alt="SliTaz mini logo"
166 style="width: 80px; height: 15px;" />
167 </p>
168 </div>
170 <a name="cd-label"></a>
171 <h3><font color="#6c0023">CD Label</font></h3>
172 <p>
173 <a href="../pics/cd-label/slitaz10qh1.png">
174 <img
175 src="../pics/cd-label/slitaz10qh1-160.png"
176 alt="SliTaz CD Label"
177 style="width: 160px; height: 160px;" /></a>
178 <a href="../pics/cd-label/slitaz10cdhllemb0.png">
180 <img
181 src="../pics/cd-label/slitaz10cdhllemb0.png"
182 alt="SliTaz CD Label"
183 style="width: 101px; height: 160px;" /></a>
184 <a href="../pics/cd-label/slitaz10v2lx2.png">
186 <img
187 src="../pics/cd-label/slitaz10v2lx2-160.png"
188 alt="SliTaz CD Label"
189 style="width: 160px; height: 160px;" /></a>
190 </p>
192 <p>
193 <a href="../pics/cd-label/slitaz-cooking-rv0.png">
194 <img
195 src="../pics/cd-label/slitaz-cooking-rv0-160.png"
196 alt="SliTaz CD Label"
197 style="width: 160px; height: 160px;" /></a>
198 <a href="../pics/cd-label/slitaz10ic7.png">
200 <img
201 src="../pics/cd-label/slitaz10ic7-160.png"
202 alt="SliTaz CD Label"
203 style="width: 101px; height: 160px;" /></a>
204 </p>
206 <!-- End of content with round corner -->
207 </div>
208 <div id="content_bottom">
209 <div class="bottom_left"></div>
210 <div class="bottom_right"></div>
211 </div>
213 <!-- Start of footer and copy notice -->
214 <div id="copy">
215 <p>
216 Dernière modification : 2008-06-12 12:00:00 -
217 <a href="#top">Haut de la page</a>
218 </p>
219 <p>
220 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
221 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
222 </p>
223 <!-- End of copy -->
224 </div>
226 <!-- Bottom and logo's -->
227 <div id="bottom">
228 <p>
229 <a href="http://validator.w3.org/check?uri=referer"><img
230 src="../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
231 title="Code validé XHTML 1.0"
232 style="width: 80px; height: 15px;" /></a>
233 </p>
234 </div>
236 </body>
237 </html>