website view artwork/index.html @ rev 244
de:Add rss feed, index.html improvement of text
| author | F. Steiner <sevala@slitaz.org> |
|---|---|
| date | Mon Jan 05 17:34:32 2009 +0100 (2009-01-05) |
| parents | 3b7af0da08b3 |
| children | 4dc36b03c8b4 |
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://wiki.slitaz.org/doku.php?id=bts:bts" 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="#art4taz">Artwork pour SliTaz.</a></li>
77 <li><a href="#logos">Logos, spider & icons.</a></li>
78 <li><a href="#cd-label">CD Label.</a></li>
79 <li><a href="#wallpapers">Fond d'écrans.</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 deux images identiques mais de taille
111 différentes : une fois 1024x768 et une fois 1280x1024, cela est dû au fait que
112 le rapport des 3/4 n'est pas respecté par les écrans ayant 1280 pixels de
113 largeur et résulte dans une déformation de l'image ou des bords noirs. Pour
114 finir, chaque version propose un nouveau thème/fond d'écran qui doivent suivre
115 la même ligne graphique et il va sans dire, que les outils de la distribution
116 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
117 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir. A noter que le
118 format libre PNG est privilégié.
119 </p>
121 <h3><font color="#6c0023">RGB colors</font></h3>
122 <ul>
123 <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li>
124 <li>Bordeau : <code>6c0023</code> et <code>522222</code></li>
125 <li>Gris : <code>242424</code> et <code>222222</code></li>
126 <li>Orange : <code>df8f06</code></li>
127 <li>Jaune : <code>f0ba08</code></li>
128 </ul>
130 <a name="logos"></a>
131 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
132 <div>
133 <p>
134 SVG: <a href="../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
135 <a href="../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
136 </p>
137 <img
138 src="../pics/artwork/slitaz-button-red.png"
139 alt="SliTaz button"
140 style="width: 148px; height: 148px;" />
141 <img
142 src="../pics/artwork/slitaz-logo-whitebg-320x118.png"
143 alt="SliTaz spider"
144 style="width: 320px; height: 118px;" />
145 <img
146 src="../pics/artwork/slitaz-tux-124x126.png"
147 alt="SliTaz Tux"
148 style="width: 124px; height: 126px;" />
149 <img
150 src="../pics/artwork/slitaz-spider-48x48.png"
151 alt="SliTaz spider"
152 style="width: 48px; height: 48px;" />
153 <img
154 src="../pics/artwork/tazpkg.png"
155 alt="Tazpkg package logo"
156 style="width: 32px; height: 32px;" />
157 <p>
158 <img
159 src="../pics/artwork/powered-by-slitaz-orange-2.png"
160 alt="SliTaz Powered"
161 style="width: 148px; height: 232px;" />
162 <img
163 src="../pics/artwork/powered-by-slitaz-orange-small.png"
164 alt="SliTaz Powered"
165 style="width: 65px; height: 104px;" />
166 <img
167 src="../pics/artwork/slitaz-minilogo-80x15.png"
168 alt="SliTaz mini logo"
169 style="width: 80px; height: 15px;" />
170 </p>
171 </div>
173 <a name="cd-label"></a>
174 <h3><font color="#6c0023">CD Label</font></h3>
175 <p>
176 <a href="../pics/cd-label/slitaz10qh1.png">
177 <img
178 src="../pics/cd-label/slitaz10qh1-160.png"
179 alt="SliTaz CD Label"
180 style="width: 160px; height: 160px;" /></a>
181 <a href="../pics/cd-label/slitaz10cdhllemb0.png">
183 <img
184 src="../pics/cd-label/slitaz10cdhllemb0.png"
185 alt="SliTaz CD Label"
186 style="width: 101px; height: 160px;" /></a>
187 <a href="../pics/cd-label/slitaz10v2lx2.png">
189 <img
190 src="../pics/cd-label/slitaz10v2lx2-160.png"
191 alt="SliTaz CD Label"
192 style="width: 160px; height: 160px;" /></a>
193 </p>
195 <p>
196 <a href="../pics/cd-label/slitaz-cooking-rv0.png">
197 <img
198 src="../pics/cd-label/slitaz-cooking-rv0-160.png"
199 alt="SliTaz CD Label"
200 style="width: 160px; height: 160px;" /></a>
201 <a href="../pics/cd-label/slitaz10ic7.png">
203 <img
204 src="../pics/cd-label/slitaz10ic7-160.png"
205 alt="SliTaz CD Label"
206 style="width: 101px; height: 160px;" /></a>
207 </p>
209 <a name="wallpapers"></a>
210 <h3><font color="#6c0023">Wallpapers</font></h3>
211 <p>
212 <img
213 src="../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
214 alt="SliTaz first wallpaper made with mtPaint"
215 style="width: 160px; height: 120px;" />
216 <a href="../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
217 <a href="../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
218 (8 Ko) | mtPaint
219 </p>
221 <p>
222 <img
223 src="../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
224 alt="SliTaz green wallpaper"
225 style="width: 160px; height: 120px;" />
226 <a href="../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
227 <a href="../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
228 | mtPaint
229 </p>
231 <p>
232 <img
233 src="../pics/wallpapers/slitaz-20071106-160x120.png"
234 alt="SliTaz cooking 20071106 wallpaper"
235 style="width: 160px; height: 120px;" />
236 <a href="../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
237 <a href="../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
238 | mtPaint
239 </p>
241 <p>
242 <img
243 src="../pics/wallpapers/slitaz-darkblue-160x120.png"
244 alt="SliTaz cooking 20071106 wallpaper"
245 style="width: 160px; height: 120px;" />
246 <a href="../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
247 <a href="../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
248 | Gimp
249 </p>
251 <p>
252 <img
253 src="../pics/wallpapers/slitaz-redyellow-160x120.png"
254 alt="SliTaz cooking 20080107 wallpaper"
255 style="width: 160px; height: 120px;" />
256 <a href="../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
257 | Gimp
258 </p>
260 <p>
261 <img
262 src="../pics/wallpapers/slitaz-choco-160x120.png"
263 alt="SliTaz cooking 20080114 wallpaper"
264 style="width: 160px; height: 120px;" />
265 <a href="../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
266 <a href="../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
267 | Gimp
268 </p>
270 <p>
271 <img
272 src="../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
273 alt="SliTaz cooking tiny flame wallpaper"
274 style="width: 160px; height: 120px;" />
275 <a href="../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
276 | Gimp
277 </p>
279 <h4>Community walls</h4>
281 <p>
282 <img
283 src="../pics/wallpapers/community/slitaz-viking-160x120.png"
284 alt="SliTaz wallpaper by Viking"
285 style="width: 160px; height: 120px;" />
286 <a href="../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
287 <a href="../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
288 | Inkscape
289 </p>
291 <p>
292 <img
293 src="../pics/wallpapers/community/slitaz-sylver-160x120.png"
294 alt="SliTaz sylver wallpaper by Erjo"
295 style="width: 160px; height: 120px;" />
296 <a href="../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
297 <a href="../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
298 | Inkscape
299 </p>
301 <!-- End of content with round corner -->
302 </div>
303 <div id="content_bottom">
304 <div class="bottom_left"></div>
305 <div class="bottom_right"></div>
306 </div>
308 <!-- Start of footer and copy notice -->
309 <div id="copy">
310 <p>
311 Dernière modification : 2008-06-12 12:00:00 -
312 <a href="#top">Haut de la page</a>
313 </p>
314 <p>
315 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
316 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
317 </p>
318 <!-- End of copy -->
319 </div>
321 <!-- Bottom and logo's -->
322 <div id="bottom">
323 <p>
324 <a href="http://validator.w3.org/check?uri=referer"><img
325 src="../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
326 title="Code validé XHTML 1.0"
327 style="width: 80px; height: 15px;" /></a>
328 </p>
329 </div>
331 </body>
332 </html>