website view en/artwork/index.html @ rev 260
en: Update receipts (Ckbk)
| author | Paul Issott <paul@slitaz.org> |
|---|---|
| date | Tue Jan 27 19:51:26 2009 +0000 (2009-01-27) |
| parents | 2aca37e513e6 |
| children | 550476cbc79d |
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="en" lang="en">
4 <head>
5 <title>SliTaz - Artwork</title>
6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
7 <meta name="description" content="SliTaz GNU/Linux project artwok images logos" />
8 <meta name="keywords" lang="en" content="about slitaz, gnu, linux, mini distro, livecd" />
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-07-16 21:45:00" />
13 <meta name="author" content="Christophe Lincoln, Paul Issot"/>
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">
20 <!-- Header -->
21 <div id="header">
22 <a name="top"></a>
23 <!-- Access -->
24 <div id="access">
25 Language:
26 <a href="../../artwork/" title="Art et grahisme en français">Français</a>
27 </div>
28 <a href="http://www.slitaz.org/en/"><img id="logo"
29 src="../../pics/website/logo.png" title="www.slitaz.org/en" alt="www.slitaz.org"
30 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
31 <p id="titre">#!/GNU/Linux</p>
32 </div>
33 <div id="nav">
34 <div id="nav_top"></div>
35 <ul>
36 <li><a href="../about/" title="Information about the SliTaz project">About the project</a></li>
37 <li><a href="../get/" title="Download - LiveCD ISO">Get SliTaz</a></li>
38 <li><a href="../doc/" title="LiveCD usage and howto">Documentation</a></li>
39 <li><a href="../packages/" title="Packaged software">Packages</a></li>
40 <li><a href="../mailing-list.html" title="Support, contact and collaboration">Mailing List</a></li>
41 <li><a href="../devel/" title="Developer corner">Developement</a></li>
42 <li><a href="../artwork/" title="Artwork, colors and images">Artwork</a></li>
43 <li><a href="../search.html" title="Search engine">Search</a></li>
44 <li><a href="../sitemap.html" title="Web site overview">Sitemap</a></li>
45 </ul>
46 <hr />
47 <ul>
48 <li><a href="http://forum.slitaz.org/#idx2" title="Forum d'aide et support">Support Forum</a></li>
49 <li><a href="http://wiki.slitaz.org/" title="Wiki communities">Wiki Resources</a></li>
50 <li><a href="http://wiki.slitaz.org/doku.php?id=bts:bts" title="Bug Tracking system">Bug Tracking</a></li>
51 </ul>
52 <div id="nav_bottom">
53 <div id="nav_bottom_img"></div>
54 </div>
55 </div>
57 <!-- Content top. -->
58 <div id="content_top">
59 <div class="top_left"></div>
60 <div class="top_right"></div>
61 </div>
63 <!-- Content -->
64 <div id="content">
65 <a name="content"></a>
67 <h1><font color="#3e1220">Artwork</font></h1>
68 <h2><font color="#df8f06">Art & Design</font></h2>
70 <ul>
71 <li><a href="screenshots.html">Screenshots.</a></li>
72 <li><a href="#art4taz">Artwork for SliTaz.</a></li>
73 <li><a href="#logos">Logos, spider & icons.</a></li>
74 <li><a href="#cd-label">CD Labels.</a></li>
75 <li><a href="#wallpapers">Desktop Backgrounds.</a></li>
76 </ul>
78 <p>
79 This section of the website is dedicated to art and graphics intended for the
80 SliTaz project. Images are free, and you can use them to make your own
81 wallpaper or display a logo on your site to help popularize the project. The SliTaz
82 logos and icons are available in many sizes and can be directly downloaded via
83 the <a href="../../pics/artwork/">artwork</a> directory. You will also find here, some
84 <a href="screenshots.html">screenshots</a> made with mtPaint and
85 The Gimp.
86 </p>
88 <a name="art4taz"></a>
89 <h3>Artwork for SliTaz</h3>
90 <p>
91 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
92 constructed by the community and developers. The project always likes to maintain
93 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
94 good way to participate in the project without getting your hands dirty coding
95 or document proofing xHTML. If you want to create artwork for SliTaz, or you want to
96 use some artwork online, it is highly recommended that you contact us first
97 via the <a href="../mailing-list.html">Mailing List</a>. Try not to
98 send files that are too large.
99 </p>
100 <h4>Artwork LiveCD</h4>
101 <p>
102 To maintain the constraints of the LiveCD, the image should not exceed 200
103 kilobytes, and you'll need two of them, differing in size; 1024x768
104 and 1280x1024. This is because the ratio of 3/4 is not supported by screens
105 with a 1280 pixel width (it can result in image distortion and black borders).
106 Finally each release version offers a new theme / background which follow the same
107 guidelines and it goes without saying that tools distributed with the system
108 should be used. With a LiveCD you already have mtPaint and on an installed system
109 you'll find Gimp on the mirror. Note that the free format PNG is prefered.
110 </p>
112 <h3><font color="#6c0023">RGB colors</font></h3>
113 <ul>
114 <li>Beige : <code>d4d191</code> et <code>bfb06b</code></li>
115 <li>Red : <code>6c0023</code> et <code>522222</code></li>
116 <li>Grey : <code>242424</code> et <code>222222</code></li>
117 <li>Orange : <code>df8f06</code></li>
118 <li>Yellow : <code>f0ba08</code></li>
119 </ul>
121 <a name="logos"></a>
122 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
123 <div>
124 <p>
125 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
126 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
127 </p>
128 <img
129 src="../../pics/artwork/slitaz-button-red.png"
130 alt="SliTaz button"
131 style="width: 148px; height: 148px;" />
132 <img
133 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
134 alt="SliTaz spider"
135 style="width: 320px; height: 118px;" />
136 <img
137 src="../../pics/artwork/slitaz-tux-124x126.png"
138 alt="SliTaz Tux"
139 style="width: 124px; height: 126px;" />
140 <img
141 src="../../pics/artwork/slitaz-spider-48x48.png"
142 alt="SliTaz spider"
143 style="width: 48px; height: 48px;" />
144 <img
145 src="../../pics/artwork/tazpkg.png"
146 alt="Tazpkg package logo"
147 style="width: 32px; height: 32px;" />
148 <p>
149 <img
150 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
151 alt="SliTaz Powered"
152 style="width: 148px; height: 232px;" />
153 <img
154 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
155 alt="SliTaz Powered"
156 style="width: 65px; height: 104px;" />
157 <img
158 src="../../pics/artwork/slitaz-minilogo-80x15.png"
159 alt="SliTaz mini logo"
160 style="width: 80px; height: 15px;" />
161 </p>
162 </div>
164 <a name="cd-label"></a>
165 <h3><font color="#6c0023">CD Labels</font></h3>
166 <p>
167 <a href="../../pics/cd-label/slitaz10qh1.png">
168 <img
169 src="../../pics/cd-label/slitaz10qh1-160.png"
170 alt="SliTaz CD Label"
171 style="width: 160px; height: 160px;" /></a>
172 <a href="../../pics/cd-label/slitaz10cdhllemb0.png">
174 <img
175 src="../../pics/cd-label/slitaz10cdhllemb0.png"
176 alt="SliTaz CD Label"
177 style="width: 101px; height: 160px;" /></a>
178 <a href="../../pics/cd-label/slitaz10v2lx2.png">
180 <img
181 src="../../pics/cd-label/slitaz10v2lx2-160.png"
182 alt="SliTaz CD Label"
183 style="width: 160px; height: 160px;" /></a>
184 </p>
186 <p>
187 <a href="../../pics/cd-label/slitaz-cooking-rv0.png">
188 <img
189 src="../../pics/cd-label/slitaz-cooking-rv0-160.png"
190 alt="SliTaz CD Label"
191 style="width: 160px; height: 160px;" /></a>
192 <a href="../../pics/cd-label/slitaz10ic7.png">
194 <img
195 src="../../pics/cd-label/slitaz10ic7-160.png"
196 alt="SliTaz CD Label"
197 style="width: 101px; height: 160px;" /></a>
198 </p>
200 <a name="wallpapers"></a>
201 <h3><font color="#6c0023">Wallpapers</font></h3>
202 <p>
203 <img
204 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
205 alt="SliTaz first wallpaper made with mtPaint"
206 style="width: 160px; height: 120px;" />
207 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
208 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
209 (8 Ko) | mtPaint
210 </p>
212 <p>
213 <img
214 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
215 alt="SliTaz green wallpaper"
216 style="width: 160px; height: 120px;" />
217 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
218 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
219 | mtPaint
220 </p>
222 <p>
223 <img
224 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
225 alt="SliTaz cooking 20071106 wallpaper"
226 style="width: 160px; height: 120px;" />
227 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
228 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
229 | mtPaint
230 </p>
232 <p>
233 <img
234 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
235 alt="SliTaz cooking 20071106 wallpaper"
236 style="width: 160px; height: 120px;" />
237 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
238 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
239 | Gimp
240 </p>
242 <p>
243 <img
244 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
245 alt="SliTaz cooking 20080107 wallpaper"
246 style="width: 160px; height: 120px;" />
247 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
248 | Gimp
249 </p>
251 <p>
252 <img
253 src="../../pics/wallpapers/slitaz-choco-160x120.png"
254 alt="SliTaz cooking 20080114 wallpaper"
255 style="width: 160px; height: 120px;" />
256 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
257 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
258 | Gimp
259 </p>
261 <p>
262 <img
263 src="../../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
264 alt="SliTaz cooking tiny flame wallpaper"
265 style="width: 160px; height: 120px;" />
266 <a href="../../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
267 | Gimp
268 </p>
270 <h4>Community walls</h4>
272 <p>
273 <img
274 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
275 alt="SliTaz wallpaper by Viking"
276 style="width: 160px; height: 120px;" />
277 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
278 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
279 | Inkscape
280 </p>
282 <p>
283 <img
284 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
285 alt="SliTaz sylver wallpaper by Erjo"
286 style="width: 160px; height: 120px;" />
287 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
288 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
289 | Inkscape
290 </p>
292 <p>
293 <img
294 src="../../pics/wallpapers/community/slitaz-waterdrops-160x120.png"
295 alt="SliTaz waterdrops"
296 style="width: 160px; height: 120px;" />
297 <a href="../../pics/wallpapers/community/slitaz-waterdrops-1024x768.jpg">1024x768</a>
298 <a href="../../pics/wallpapers/community/slitaz-waterdrops-1280x1024.jpg">1280x1024</a>
299 | GIMP
300 </p>
302 <p>
303 <img
304 src="../../pics/wallpapers/community/slitaz-brown-160x120.png"
305 alt="SliTaz abstrakt"
306 style="width: 160px; height: 120px;" />
307 <a href="../../pics/wallpapers/community/slitaz-brown-1024x768.jpg">1024x768</a>
308 | GIMP/Fyre
309 </p>
311 <p>
312 <img
313 src="../../pics/wallpapers/community/slitaz-spider-160x120.png"
314 alt="SliTaz Spinne"
315 style="width: 160px; height: 120px;" />
316 <a href="../../pics/wallpapers/community/slitaz-spider-1280x1024.jpg">1280x1024</a>
317 | GIMP
318 </p>
320 <p>
321 <img
322 src="../../pics/wallpapers/community/slitaz-orangedegrade-160x120.png"
323 alt="SliTaz Gradient"
324 style="width: 160px; height: 120px;" />
325 <a href="../../pics/wallpapers/community/slitaz-orangedegrade-1024x768.png">1024x768</a>
326 </p>
329 <!-- End of content with round corner -->
330 </div>
331 <div id="content_bottom">
332 <div class="bottom_left"></div>
333 <div class="bottom_right"></div>
334 </div>
336 <!-- Start of footer and copy notice -->
337 <div id="copy">
338 <p>
339 Last modification : 2008-07-16 21:45:00 -
340 <a href="#top">Top of the page</a>
341 </p>
342 <p>
343 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
344 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
345 </p>
346 <!-- End of copy -->
347 </div>
349 <!-- Bottom and logo's -->
350 <div id="bottom">
351 <p>
352 <a href="http://validator.w3.org/check?uri=referer"><img
353 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
354 title="Code validé XHTML 1.0"
355 style="width: 80px; height: 15px;" /></a>
356 </p>
357 </div>
359 </body>
360 </html>