website view en/artwork/index.html @ rev 130
en: Add SliTaz Tools to Cookbook + typo
author | Paul Issott <paul@slitaz.org> |
---|---|
date | Fri Aug 01 21:50:41 2008 +0000 (2008-08-01) |
parents | 9e30e64c8198 |
children | 2aca37e513e6 |
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="#wallpapers">Desktop Backgrounds.</a></li>
75 </ul>
77 <p>
78 This section of the website is dedicated to art and graphics intended for the
79 SliTaz project. Images are free, and you can use them to make your own
80 wallpaper or display a logo on your site to help popularize the project. The SliTaz
81 logos and icons are available in many sizes and can be directly downloaded via
82 the <a href="../../pics/artwork/">artwork</a> directory. You will also find here, some
83 <a href="screenshots.html">screenshots</a> made with mtPaint and
84 The Gimp.
85 </p>
87 <a name="art4taz"></a>
88 <h3>Artwork for SliTaz</h3>
89 <p>
90 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
91 constructed by the community and developers. The project always likes to maintain
92 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
93 good way to participate in the project without getting your hands dirty coding
94 or document proofing xHTML. If you want to create artwork for SliTaz, or you want to
95 use some artwork online, it is highly recommended that you contact us first
96 via the <a href="../mailing-list.html">Mailing List</a>. Try not to
97 send files that are too large.
98 </p>
99 <h4>Artwork LiveCD</h4>
100 <p>
101 To maintain the constraints of the LiveCD, the image should not exceed 200
102 kilobytes, and you'll need two of them, differing in size; 1024x768
103 and 1280x1024. This is because the ratio of 3/4 is not supported by screens
104 with a 1280 pixel width (it can result in image distortion and black borders).
105 Finally each release version offers a new theme / background which follow the same
106 guidelines and it goes without saying that tools distributed with the system
107 should be used. With a LiveCD you already have mtPaint and on an installed system
108 you'll find Gimp on the mirror. Note that the free format PNG is prefered.
109 </p>
111 <h3><font color="#6c0023">RGB colors</font></h3>
112 <ul>
113 <li>Beige : <code>d4d191</code> et <code>bfb06b</code></li>
114 <li>Red : <code>6c0023</code> et <code>522222</code></li>
115 <li>Grey : <code>242424</code> et <code>222222</code></li>
116 <li>Orange : <code>df8f06</code></li>
117 <li>Yellow : <code>f0ba08</code></li>
118 </ul>
120 <a name="logos"></a>
121 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
122 <div>
123 <p>
124 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
125 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
126 </p>
127 <img
128 src="../../pics/artwork/slitaz-button-red.png"
129 alt="SliTaz button"
130 style="width: 148px; height: 148px;" />
131 <img
132 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
133 alt="SliTaz spider"
134 style="width: 320px; height: 118px;" />
135 <img
136 src="../../pics/artwork/slitaz-tux-124x126.png"
137 alt="SliTaz Tux"
138 style="width: 124px; height: 126px;" />
139 <img
140 src="../../pics/artwork/slitaz-spider-48x48.png"
141 alt="SliTaz spider"
142 style="width: 48px; height: 48px;" />
143 <img
144 src="../../pics/artwork/tazpkg.png"
145 alt="Tazpkg package logo"
146 style="width: 32px; height: 32px;" />
147 <p>
148 <img
149 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
150 alt="SliTaz Powered"
151 style="width: 148px; height: 232px;" />
152 <img
153 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
154 alt="SliTaz Powered"
155 style="width: 65px; height: 104px;" />
156 <img
157 src="../../pics/artwork/slitaz-minilogo-80x15.png"
158 alt="SliTaz mini logo"
159 style="width: 80px; height: 15px;" />
160 </p>
161 </div>
163 <a name="wallpapers"></a>
164 <h3><font color="#6c0023">Wallpapers</font></h3>
165 <p>
166 <img
167 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
168 alt="SliTaz first wallpaper made with mtPaint"
169 style="width: 160px; height: 120px;" />
170 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
171 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
172 (8 Ko) | mtPaint
173 </p>
175 <p>
176 <img
177 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
178 alt="SliTaz green wallpaper"
179 style="width: 160px; height: 120px;" />
180 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
181 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
182 | mtPaint
183 </p>
185 <p>
186 <img
187 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
188 alt="SliTaz cooking 20071106 wallpaper"
189 style="width: 160px; height: 120px;" />
190 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
191 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
192 | mtPaint
193 </p>
195 <p>
196 <img
197 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
198 alt="SliTaz cooking 20071106 wallpaper"
199 style="width: 160px; height: 120px;" />
200 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
201 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
202 | Gimp
203 </p>
205 <p>
206 <img
207 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
208 alt="SliTaz cooking 20080107 wallpaper"
209 style="width: 160px; height: 120px;" />
210 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
211 | Gimp
212 </p>
214 <p>
215 <img
216 src="../../pics/wallpapers/slitaz-choco-160x120.png"
217 alt="SliTaz cooking 20080114 wallpaper"
218 style="width: 160px; height: 120px;" />
219 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
220 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
221 | Gimp
222 </p>
224 <p>
225 <img
226 src="../../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
227 alt="SliTaz cooking tiny flame wallpaper"
228 style="width: 160px; height: 120px;" />
229 <a href="../../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
230 | Gimp
231 </p>
233 <h4>Community walls</h4>
235 <p>
236 <img
237 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
238 alt="SliTaz wallpaper by Viking"
239 style="width: 160px; height: 120px;" />
240 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
241 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
242 | Inkscape
243 </p>
245 <p>
246 <img
247 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
248 alt="SliTaz sylver wallpaper by Erjo"
249 style="width: 160px; height: 120px;" />
250 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
251 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
252 | Inkscape
253 </p>
256 <!-- End of content with round corner -->
257 </div>
258 <div id="content_bottom">
259 <div class="bottom_left"></div>
260 <div class="bottom_right"></div>
261 </div>
263 <!-- Start of footer and copy notice -->
264 <div id="copy">
265 <p>
266 Last modification : 2008-07-16 21:45:00 -
267 <a href="#top">Top of the page</a>
268 </p>
269 <p>
270 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
271 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
272 </p>
273 <!-- End of copy -->
274 </div>
276 <!-- Bottom and logo's -->
277 <div id="bottom">
278 <p>
279 <a href="http://validator.w3.org/check?uri=referer"><img
280 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
281 title="Code validé XHTML 1.0"
282 style="width: 80px; height: 15px;" /></a>
283 </p>
284 </div>
286 </body>
287 </html>