website view en/artwork/index.html @ rev 67
Add image Powered by SliTaz (created by Erjo)
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Thu Jun 12 12:34:41 2008 +0200 (2008-06-12) |
| parents | 658fcc712636 |
| children | 6eff36f0e2a3 |
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-06-12 11:00: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 </head>
18 <body bgcolor="#ffffff">
19 <!-- Header -->
20 <div id="header">
21 <a name="top"></a>
22 <!-- Access -->
23 <div id="access">
24 <a href="#content" title="Page content">Content</a> |
25 <a href="../../artwork/" title="Art et grahisme en français">Français</a>
26 </div>
27 <a href="http://www.slitaz.org/en/"><img id="logo"
28 src="../../pics/website/logo.png" title="www.slitaz.org/en" alt="www.slitaz.org"
29 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
30 <p id="titre">#!/GNU/Linux</p>
31 </div>
32 <div id="nav">
33 <div id="nav_top"></div>
34 <ul>
35 <li><a href="../about/" title="Informations about the SliTaz project">About the project</a></li>
36 <li><a href="../get/" title="Download - LiveCD ISO">Get SliTaz</a></li>
37 <li><a href="../doc/" title="LiveCD usage and howto">Documentation</a></li>
38 <li><a href="../packages/" title="Packaged software">Packages</a></li>
39 <li><a href="../mailing-list.html" title="Support, contact and collaboration">Mailing List</a></li>
40 <li><a href="../devel/" title="Developer corner">Developement</a></li>
41 <li><a href="../artwork/" title="Artwork, colors and images">Artwork</a></li>
42 <li><a href="../search.html" title="Search engine">Search</a></li>
43 <li><a href="../sitemap.html" title="Web site overview">Sitemap</a></li>
44 <li><a href="http://forum.slitaz.org/#idx2" title="English support forum">Forum</a></li>
45 </ul>
46 <div id="nav_bottom">
47 <div id="nav_bottom_img"></div>
48 </div>
49 </div>
51 <!-- Content top. -->
52 <div id="content_top">
53 <div class="top_left"></div>
54 <div class="top_right"></div>
55 </div>
57 <!-- Content -->
58 <div id="content">
59 <a name="content"></a>
61 <h1><font color="#3e1220">Artwork</font></h1>
62 <h2><font color="#df8f06">Art & Design</font></h2>
64 <ul>
65 <li><a href="screenshots.html">Screenshots.</a></li>
66 <li><a href="#art4taz">Artwork for SliTaz.</a></li>
67 <li><a href="#logos">Logos, spider & icons.</a></li>
68 <li><a href="#wallpapers">Desktop Backgrounds.</a></li>
69 </ul>
71 <p>
72 This section of the website is dedicated to art and graphics intended for the
73 SliTaz project. Images are free, and you can use them to make your own
74 wallpaper or display a logo on your site to help popularize the project. The SliTaz
75 logos and icons are available in many sizes and can be directly downloaded via
76 the <a href="../../pics/artwork/">artwork</a> directory. You will also find here, some
77 <a href="screenshots.html">screenshots</a> made with mtPaint and
78 The Gimp.
79 </p>
81 <a name="art4taz"></a>
82 <h3>Artwork for SliTaz</h3>
83 <p>
84 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
85 constructed by the community and developers. The project always likes to maintain
86 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
87 good way to participate in the project without getting your hands dirty coding
88 or document proofing xHTML. If you want to create artwork for SliTaz, or you want to
89 use some artwork online, it is highly recommended that you contact us first
90 via the <a href="../mailing-list.html">Mailing List</a>. Try not to
91 send files that are too large.
92 </p>
93 <h4>Artwork LiveCD</h4>
94 <p>
95 To maintain the constraints of the LiveCD, the image should not exceed 200
96 kilobytes, and you'll need two of them, differing in size; 1024x768
97 and 1280x1024. This is because the ratio of 3/4 is not supported by screens
98 with a 1280 pixel width (it can result in image distortion and black borders).
99 Finally each release version offers a new theme / background which follow the same
100 guidelines and it goes without saying that tools distributed with the system
101 should be used. With a LiveCD you already have mtPaint and on an installed system
102 you'll find Gimp on the mirror. Note that the free format PNG is privileged.
103 </p>
105 <h3><font color="#6c0023">RGB colors</font></h3>
106 <ul>
107 <li>Beige : <code>d4d191</code> et <code>bfb06b</code></li>
108 <li>Red : <code>6c0023</code> et <code>522222</code></li>
109 <li>Grey : <code>242424</code> et <code>222222</code></li>
110 <li>Orange : <code>df8f06</code></li>
111 <li>Yellow : <code>f0ba08</code></li>
112 </ul>
114 <a name="logos"></a>
115 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
116 <div>
117 <p>
118 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
119 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
120 </p>
121 <img
122 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
123 alt="SliTaz spider"
124 style="width: 320px; height: 118px;" />
125 <img
126 src="../../pics/artwork/slitaz-tux-124x126.png"
127 alt="SliTaz Tux"
128 style="width: 124px; height: 126px;" />
129 <img
130 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
131 alt="SliTaz Powered"
132 style="width: 65px; height: 104px;" />
133 <img
134 src="../../pics/artwork/slitaz-spider-48x48.png"
135 alt="SliTaz spider"
136 style="width: 48px; height: 48px;" />
137 <img
138 src="../../pics/artwork/tazpkg.png"
139 alt="Tazpkg package logo"
140 style="width: 32px; height: 32px;" />
141 <img
142 src="../../pics/artwork/slitaz-minilogo-80x15.png"
143 alt="SliTaz mini logo"
144 style="width: 80px; height: 15px;" />
145 </div>
147 <a name="wallpapers"></a>
148 <h3><font color="#6c0023">Wallpapers</font></h3>
149 <p>
150 <img
151 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
152 alt="SliTaz first wallpaper made with mtPaint"
153 style="width: 160px; height: 120px;" />
154 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
155 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
156 (8 Ko) | mtPaint
157 </p>
159 <p>
160 <img
161 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
162 alt="SliTaz green wallpaper"
163 style="width: 160px; height: 120px;" />
164 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
165 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
166 | mtPaint
167 </p>
169 <p>
170 <img
171 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
172 alt="SliTaz cooking 20071106 wallpaper"
173 style="width: 160px; height: 120px;" />
174 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
175 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
176 | mtPaint
177 </p>
179 <p>
180 <img
181 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
182 alt="SliTaz cooking 20071106 wallpaper"
183 style="width: 160px; height: 120px;" />
184 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
185 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
186 | Gimp
187 </p>
189 <p>
190 <img
191 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
192 alt="SliTaz cooking 20080107 wallpaper"
193 style="width: 160px; height: 120px;" />
194 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
195 | Gimp
196 </p>
198 <p>
199 <img
200 src="../../pics/wallpapers/slitaz-choco-160x120.png"
201 alt="SliTaz cooking 20080114 wallpaper"
202 style="width: 160px; height: 120px;" />
203 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
204 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
205 | Gimp
206 </p>
208 <p>
209 <img
210 src="../../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
211 alt="SliTaz cooking tiny flame wallpaper"
212 style="width: 160px; height: 120px;" />
213 <a href="../../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
214 | Gimp
215 </p>
217 <h4>Community walls</h4>
219 <p>
220 <img
221 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
222 alt="SliTaz wallpaper by Viking"
223 style="width: 160px; height: 120px;" />
224 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
225 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
226 | Inkscape
227 </p>
229 <p>
230 <img
231 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
232 alt="SliTaz sylver wallpaper by Erjo"
233 style="width: 160px; height: 120px;" />
234 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
235 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
236 | Inkscape
237 </p>
240 <!-- End of content with round corner -->
241 </div>
242 <div id="content_bottom">
243 <div class="bottom_left"></div>
244 <div class="bottom_right"></div>
245 </div>
247 <!-- Start of footer and copy notice -->
248 <div id="copy">
249 <p>
250 Last modification : 2008-06-12 11:00:00 -
251 <a href="#top">Top of the page</a>
252 </p>
253 <p>
254 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
255 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
256 </p>
257 <!-- End of copy -->
258 </div>
260 <!-- Bottom and logo's -->
261 <div id="bottom">
262 <p>
263 <a href="http://validator.w3.org/check?uri=referer"><img
264 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
265 title="Code validé XHTML 1.0"
266 style="width: 80px; height: 15px;" /></a>
267 </p>
268 </div>
270 </body>
271 </html>