website view artwork/index.html @ rev 348
fr: Update main menu (add labs and list+forum side by side
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Mar 29 17:40:00 2009 +0200 (2009-03-29) |
| parents | 67934507a3b9 |
| children |
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="../devel/" title="Le coin du développeur">Développement</a></li>
44 <li><a href="../artwork/" title="Artwork, couleurs et images">Art & graphisme</a></li>
45 <li><a href="../search.html" title="Rechercher des infos et/ou de la doc">Recherche</a></li>
46 <li><a href="../sitemap.html" title="Vue globale du site web">Plan du site</a></li>
47 </ul>
48 <ul>
49 <li><a href="../mailing-list.html" title="Support, contact et collaboration">Liste de discussion</a></li>
50 <li><a href="http://forum.slitaz.org/" title="Forum d'aide et support">Forum de support</a></li>
51 </ul>
52 <ul>
53 <li><a href="http://wiki.slitaz.org/" title="Wiki collaboratif">Ressources Wiki</a></li>
54 <li><a href="http://labs.slitaz.org/" title="Gestion du projet">Laboratoires</a></li>
55 <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Suivi des Bugs</a></li>
56 </ul>
57 <div id="nav_bottom">
58 <div id="nav_bottom_img"></div>
59 </div>
60 </div>
62 <!-- Content top. -->
63 <div id="content_top">
64 <div class="top_left"></div>
65 <div class="top_right"></div>
66 </div>
68 <!-- Content -->
69 <div id="content">
70 <a name="content"></a>
72 <h1><font color="#3E1220">Artwork</font></h1>
74 <h2><font color="#DF8F06">Art & graphisme</font></h2>
76 <ul>
77 <li><a href="screenshots.html">Captures d'écrans.</a></li>
78 <li><a href="wallpapers.html">Fond d'écrans.</a></li>
79 <li><a href="#art4taz">Artwork pour SliTaz.</a></li>
80 <li><a href="#logos">Logos, spider & icons.</a></li>
81 <li><a href="#cd-label">CD Label.</a></li>
82 </ul>
84 <p>
85 Cette partie du site web est destinée à l'art et au graphisme en rapport et
86 destiné à SliTaz. Les images sont libres, vous pouvez par exemple, les
87 réutiliser pour réaliser votre propre fond d'écran ou afficher un logo sur
88 votre site pour aider à populariser le projet. Les logos et icônes SliTaz sont
89 disponibles en différentes tailles et directement téléchargeables via cette
90 page et via <a href="../pics/artwork/">le répertoire artwork</a>. Vous
91 trouverez aussi dans cette partie <em>artwork</em>, quelques
92 <a href="screenshots.html">captures d'écran</a> réalisées avec mtPaint ou The
93 Gimp.
94 </p>
96 <a name="art4taz"></a>
97 <h3>Artwork pour SliTaz</h3>
98 <p>
99 Comme beaucoup de choses avec SliTaz, les graphismes, logos, thèmes, ou fonds
100 d'écrans, sont entièrement réalisés par la communauté et les développeurs. Le
101 projet tient à proposer un graphisme élégant, sobre et de qualité. Réaliser
102 un logo, un fond d'écran ou autre, est un bon moyen de participer au projet sans
103 mettre les mains dans le code ou les relectures de document xHTML. Si vous avez
104 envie de créer pour SliTaz ou si vous avez mis des oeuvres en ligne, il est
105 vivement conseillé de nous le signaler via
106 <a href="../mailing-list.html">la liste de discussion</a>. Mais attention à ne
107 pas envoyer de trop gros fichiers sur la liste.
108 </p>
109 <h4>Artwork du LiveCD</h4>
110 <p>
111 Pour le fond d'écran du LiveCD, il y a des contraintes, l'image ne doit pas
112 dépasser les 200 Ko. De plus, il faut une images de 1024x768. Pour
113 finir, chaque version propose un nouveau thème/fond d'écran qui doivent suivre
114 la même ligne graphique et il va sans dire, que les outils de la distribution
115 doivent être utilisés. En mode LiveCD, vous avez mtPaint pour travailler et
116 avec un système installé, Inkscape et the Gimp sont disponibles sur le miroir. A noter que le
117 format libre PNG est privilégié.
118 </p>
120 <h3><font color="#6c0023">RGB colors</font></h3>
121 <ul>
122 <li>Beige-gris : <code>d4d191</code> et <code>bfb06b</code></li>
123 <li>Bordeau : <code>6c0023</code> et <code>522222</code></li>
124 <li>Gris : <code>242424</code> et <code>222222</code></li>
125 <li>Orange : <code>df8f06</code></li>
126 <li>Jaune : <code>f0ba08</code></li>
127 </ul>
129 <a name="logos"></a>
130 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
131 <div>
132 <p>
133 SVG: <a href="../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
134 <a href="../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
135 </p>
136 <img
137 src="../pics/artwork/slitaz-button-red.png"
138 alt="SliTaz button"
139 style="width: 148px; height: 148px;" />
140 <img
141 src="../pics/artwork/slitaz-logo-whitebg-320x118.png"
142 alt="SliTaz spider"
143 style="width: 320px; height: 118px;" />
144 <img
145 src="../pics/artwork/slitaz-tux-124x126.png"
146 alt="SliTaz Tux"
147 style="width: 124px; height: 126px;" />
148 <img
149 src="../pics/artwork/slitaz-spider-48x48.png"
150 alt="SliTaz spider"
151 style="width: 48px; height: 48px;" />
152 <img
153 src="../pics/artwork/tazpkg.png"
154 alt="Tazpkg package logo"
155 style="width: 32px; height: 32px;" />
156 <p>
157 <img
158 src="../pics/artwork/powered-by-slitaz-orange-2.png"
159 alt="SliTaz Powered"
160 style="width: 148px; height: 232px;" />
161 <img
162 src="../pics/artwork/powered-by-slitaz-orange-small.png"
163 alt="SliTaz Powered"
164 style="width: 65px; height: 104px;" />
165 <img
166 src="../pics/artwork/slitaz-minilogo-80x15.png"
167 alt="SliTaz mini logo"
168 style="width: 80px; height: 15px;" />
169 </p>
170 </div>
172 <a name="cd-label"></a>
173 <h3><font color="#6c0023">CD Label</font></h3>
174 <p>
175 <a href="../pics/cd-label/slitaz10qh1.png">
176 <img
177 src="../pics/cd-label/slitaz10qh1-160.png"
178 alt="SliTaz CD Label"
179 style="width: 160px; height: 160px;" /></a>
180 <a href="../pics/cd-label/slitaz10cdhllemb0.png">
182 <img
183 src="../pics/cd-label/slitaz10cdhllemb0.png"
184 alt="SliTaz CD Label"
185 style="width: 101px; height: 160px;" /></a>
186 <a href="../pics/cd-label/slitaz10v2lx2.png">
188 <img
189 src="../pics/cd-label/slitaz10v2lx2-160.png"
190 alt="SliTaz CD Label"
191 style="width: 160px; height: 160px;" /></a>
192 </p>
194 <p>
195 <a href="../pics/cd-label/slitaz-cooking-rv0.png">
196 <img
197 src="../pics/cd-label/slitaz-cooking-rv0-160.png"
198 alt="SliTaz CD Label"
199 style="width: 160px; height: 160px;" /></a>
200 <a href="../pics/cd-label/slitaz10ic7.png">
202 <img
203 src="../pics/cd-label/slitaz10ic7-160.png"
204 alt="SliTaz CD Label"
205 style="width: 101px; height: 160px;" /></a>
206 </p>
208 <!-- End of content with round corner -->
209 </div>
210 <div id="content_bottom">
211 <div class="bottom_left"></div>
212 <div class="bottom_right"></div>
213 </div>
215 <!-- Start of footer and copy notice -->
216 <div id="copy">
217 <p>
218 Dernière modification : 2008-06-12 12:00:00 -
219 <a href="#top">Haut de la page</a>
220 </p>
221 <p>
222 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
223 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
224 </p>
225 <!-- End of copy -->
226 </div>
228 <!-- Bottom and logo's -->
229 <div id="bottom">
230 <p>
231 <a href="http://validator.w3.org/check?uri=referer"><img
232 src="../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
233 title="Code validé XHTML 1.0"
234 style="width: 80px; height: 15px;" /></a>
235 </p>
236 </div>
238 </body>
239 </html>