website view de/artwork/index.html @ rev 286
en,fr: add wallpapers.html and tiny update
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Sun Feb 08 23:50:28 2009 +0100 (2009-02-08) |
| parents | b95b856b92dc |
| children | 773821c7a64f |
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="de" lang="de">
4 <head>
5 <title>SliTaz GNU/Linux</title>
6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
7 <meta name="description" content="SliTaz GNU/Linux LiveCD" />
8 <meta name="keywords" lang="en" content="System, free, gnu, linux, software opensource, livecd LINUX in RAM" />
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-29 10:30: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">
20 <!-- Header -->
21 <div id="header">
22 <a name="top"></a>
23 <!-- Access -->
24 <div id="access">
25 Language:
26 <a href="../../en/artwork" title="English website">English</a> |
27 <a href="../../artwork" title="Site Wen en français">Français</a> |
28 <a href="../../pt/artwork" title="Português">Português</a>
29 </div>
30 <a href="http://www.slitaz.org/de/"><img id="logo"
31 src="../../pics/website/logo.png" title="www.slitaz.org/de" alt="www.slitaz.org"
32 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
33 <p id="titre">#!/GNU/Linux</p>
34 </div>
35 <div id="nav">
36 <div id="nav_top"></div>
37 <ul>
38 <li><a href="../about/" title="Informationen über das SliTaz-Projekt">Über SliTaz</a></li>
39 <li><a href="../get/" title="Downloadsektion">Download SliTaz</a></li>
40 <li><a href="http://wiki.slitaz.org/doku.php?id=lang:de:manual:manualstart" target="_blank"
41 title="Dokumentation">Handbuch</a></li>
42 <li><a href="../packages/" title="Pakete für SliTaz">Pakete</a></li>
43 <li><a href="../mailing-list.html" title="Support, Kontakt und Mitarbeit">Mailing List</a></li>
44 <li><a href="../devel/" title="Entwicklerseite">Entwicklung</a></li>
45 <li><a href="../artwork/" title="Artwork und Screenshots">Artwork</a></li>
46 <li><a href="../search.html" title="Suchmaschine">Suchen</a></li>
47 <li><a href="../sitemap.html" title="Website Übersicht">Sitemap</a></li>
48 </ul>
49 <hr />
50 <ul>
51 <li><a href="http://forum.slitaz.org/#idx3" title="Mehrsprachiges Forum" target="_blank">Forum</a></li>
52 <li><a href="http://wiki.slitaz.org/" title="Wiki und Dokumentation" target="_blank">Wiki</a></li>
53 <li><a href="http://wiki.slitaz.org/doku.php?id=bts:bts" title="Bug Tracking system"
54 target="_blank">Bug Tracking</a></li>
55 </ul>
56 <div id="nav_bottom">
57 <div id="nav_bottom_img"></div>
58 </div>
59 </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>
73 <h2><font color="#df8f06">Art & Design</font></h2>
77 <p>
78 Was wäre eine Linux-Distributions-Seite ohne eine Artwork-Sektion? Jeder - auch wir - will
79 Screenshots sehen, bevor er Anwendungen herunterlädt.
80 Deswegen möchten auch wir <a href="screenshots.html">Screenshots</a> des Slitaz-Desktops
81 zeigen. Desweiteren findet ihr hier noch SliTaz-Hintergrundbilder, Logos und CD-Labels.
82 <br />
83 Falls Ihr uns weitere Slitaz-bezogene Wallpaper oder Kunstwerke zur Verfügung stellen wollt,
84 nehmen wir das gerne an.
85 Falls das Hintergrundbild für die Live-CD verwendet werden soll, nehmt bitte zur Kenntnis,
86 dass einerseits zwei Formate benötigt werden (1280x1024 und 1024x768) und andererseits
87 ein Größe von 200 kB nicht überschritten werden sollte. PNG-Dateien sind bevorzugt.
88 Meldet euch bitte über das <a href="http://forum.slitaz.org/#idx3"
89 title="Mehrsprachiges Forum" target="_blank">Forum</a> oder die
90 <a href="../mailing-list.html">Mailing List</a>.</p>
91 <p>Alle Bilder
92 unterstehen der <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU General Public License</a>.
93 </p>
95 <a name="screenshots"></a>
96 <h3>Screenshots</h3>
97 <p>
98 Die Screenshots besitzen eine eigene Seite: <a href="screenshots.html">Screenshots</a><br />
99 Erstellt wurden Sie mit Gimp oder mtPaint. Eigene Screenshots werden auch gerne im
100 <a href="http://forum.slitaz.org/#idx3" title="Forum" target="_blank">Forum</a> gezeigt.
101 </p>
103 <a name="wallpapers"></a>
104 <h3><font color="#6c0023">Hintergrundbilder</font></h3>
105 <p>Speichern mit Rechtsklick und "Ziel speichern unter". Transparente Bilder ermöglichen durch die Wahl
106 einer zusätzlichen Hintergrundfarbe eine farbliche Anpassung des Bildes. Im Gegensatz zu Openbox ermöglicht
107 JWM diese Funktion leider nicht, da JWM nur ein Hintergrund unterstützt.</p>
108 <table width="100%">
109 <tr>
110 <td align="center">
111 <img
112 src="../../pics/wallpapers/slitaz-blue-160x120.png"
113 alt="SliTaz Schriftzug "
114 style="width: 160px; height: 120px;" /><br />
115 <a href="../../pics/wallpapers/slitaz-blue-1024x768.jpg">1024x768</a> -
116 <a href="../../pics/wallpapers/slitaz-transparent-1024x768.png">transparent</a><br />
117 jpg/png; 145 kB; GIMP<br />
118 <br />
119 </td>
120 <td align="center">
121 <img
122 src="../../pics/wallpapers/slitaz-waterdrops-160x120.png"
123 alt="SliTaz waterdrops"
124 style="width: 160px; height: 120px;" /><br />
125 <a href="../../pics/wallpapers/slitaz-waterdrops-1024x768.jpg">1024x768</a>
126 <a href="../../pics/wallpapers/slitaz-waterdrops-1280x1024.jpg">1280x1024</a><br />
127 jpg; 162/288 kB; GIMP<br />
128 <br />
129 </td>
130 <td align="center">
131 <img
132 <img
133 src="../../pics/wallpapers/slitaz-brown-160x120.png"
134 alt="SliTaz abstrakt"
135 style="width: 160px; height: 120px;" /><br />
136 <a href="../../pics/wallpapers/slitaz-brown-1024x768.png">1024x768</a><br />
137 jpg; 128 kB; GIMP/Fyre<br />
138 <br />
139 </td>
140 </tr>
141 <tr>
142 <td align="center">
143 <img
144 src="../../pics/wallpapers/slitaz-spider-160x120.png"
145 alt="SliTaz Spinne"
146 style="width: 160px; height: 120px;" /><br />
147 <a href="../../pics/wallpapers/slitaz-spider-1280x1024.jpg">1280x1024</a><br />
148 jpg; 166 kB; GIMP<br />
149 <br />
150 </td>
151 <td align="center">
152 <img
153 src="../../pics/wallpapers/slitaz-cube-160x120.jpg"
154 alt="SliTaz Würfel"
155 style="width: 160px; height: 120px;" /><br />
156 <a href="../../pics/wallpapers/slitaz-cube-1024x768.jpg">1024x768</a> -
157 <a href="../../pics/wallpapers/slitaz-cubetransparent-1024x768.png">transparent</a><br />
158 jpg/png; 32/73 kB; GIMP<br />
159 <br />
160 </td>
161 <td align="center">
162 <img
163 src="../../pics/wallpapers/slitaz-leaves-160x120.jpg"
164 alt="SliTaz Pflanze"
165 style="width: 160px; height: 120px;" /><br />
166 <a href="../../pics/wallpapers/slitaz-leaves-1280x1024.jpg">1280x1024</a><br />
167 jpg; 137 kB; Inkscape<br />
168 <br />
169 </td>
170 </tr>
171 <tr>
172 <td align="center">
173 <img
174 src="../../pics/wallpapers/slitaz-orangedegrade-160x120.png"
175 alt="SliTaz Gradient"
176 style="width: 160px; height: 120px;" /><br />
177 <a href="../../pics/wallpapers/slitaz-orangedegrade-1024x768.png">1024x768</a><br />
178 png; 60 kB; <br />
179 <br />
180 </td>
181 <td align="center">
182 <img
183 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
184 alt="SliTaz cooking 20071106 wallpaper"
185 style="width: 160px; height: 120px;" /><br />
186 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
187 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a><br />
188 png; 124/156 kB; mtPaint<br />
189 <br />
190 </td>
191 <td align="center">
192 <img
193 src="../../pics/wallpapers/slitaz-sylver-160x120.png"
194 alt="SliTaz Silber (by Erjo)"
195 style="width: 160px; height: 120px;" /><br />
196 <a href="../../pics/wallpapers/slitaz-sylver-1024x768.png">1024x768</a> -
197 <a href="../../pics/wallpapers/slitaz-sylver-1280x1024.png">1280x1024</a><br />
198 png; 33/36 kB; Inkscape<br />
199 <br />
200 </td>
201 </tr>
202 </table>
203 <br />
204 <br />
205 <br />
208 <a name="logos"></a>
209 <h3><font color="#6c0023">Logos & Icons</font></h3>
210 <p>Sie können die Logos zum Gestalten eines neuen Hintergrundbildes,
211 oder auf ihrer Website verwenden, um das SliTaz-Projekt populärer zu machen.</p>
212 <div>
213 <p>
214 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
215 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
216 </p>
218 <img
219 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
220 alt="SliTaz spider"
221 style="width: 320px; height: 118px;" />
222 <img
223 src="../../pics/artwork/slitaz-tux-124x126.png"
224 alt="SliTaz Tux"
225 style="width: 124px; height: 126px;" />
226 <br />
227 <img
228 src="../../pics/artwork/slitaz-spider-48x48.png"
229 alt="SliTaz spider"
230 style="width: 48px; height: 48px;" />
231 <br />
232 <img
233 src="../../pics/artwork/tazpkg.png"
234 alt="Tazpkg package logo"
235 style="width: 32px; height: 32px;" />
236 <br />
237 <img
238 src="../../pics/artwork/slitaz-minilogo-80x15.png"
239 alt="SliTaz mini logo"
240 style="width: 80px; height: 15px;" />
242 </div>
244 <a name="cd-label"></a>
245 <h3><font color="#6c0023">CD Labels</font></h3>
246 <p>
247 Vorlagen zum Bedrucken der CDs und CD-Hüllen. Zum Öffnen und Speichern bitte
248 auf das Bild/ Link klicken.
249 <br />
250 <h4>Stable</h4>
252 <table width="100%">
253 <tr>
254 <td>
255 <span>
256 PNG-Format<br />
257 218 kB<br />
258 1024x1024<br />
260 <a href="../../pics/cd-label/slitaz10cdhllemb0.png">Zugehörige CD-Hülle</a><br />
261 Vorderseite und Inlay<br />
262 PNG-Format<br />
263 127 kB<br />
264 596x943<br />
265 </span>
266 </td>
267 <td width="40%">
268 <a href="../../pics/cd-label/slitaz10qh1.png">
269 <img
270 src="../../pics/cd-label/slitaz10qh1-160.png"
271 alt="SliTaz CD Label"
272 style="width: 160px; height: 160px;" />
273 </a>
274 </td>
275 </tr>
276 <tr>
277 <td>
278 <span>
279 PNG-Format<br />
280 559 kB<br />
281 1024x1024<br />
282 </span>
283 </td>
284 <td>
285 <a href="../../pics/cd-label/slitaz10v2lx2.png"><img
286 src="../../pics/cd-label/slitaz10v2lx2-160.png"
287 alt="SliTaz CD Label"
288 style="width: 160px; height: 160px;" /></a>
289 </td>
290 </tr>
291 </table>
294 </span>
295 <h4>Cooking</h4>
296 <table width="100%">
297 <tr>
298 <td>
299 <span>
300 PNG-Format<br />
301 297 kB<br />
302 1000x1000<br />
304 <a href="../../pics/cd-label/slitaz10ic7.png">zugehörige CD-Hülle</a><br />
305 Vorderseite und Inlay<br />
306 PNG-Format<br />
307 235 kB<br />
308 596x943<br />
309 </span>
310 </td>
311 <td width="40%">
312 <a href="../../pics/cd-label/slitaz-cooking-rv0.png">
313 <img
314 src="../../pics/cd-label/slitaz-cooking-rv0-160.png"
315 alt="SliTaz CD Label"
316 style="width: 160px; height: 160px;" /></a>
317 </td>
318 </tr>
319 </table>
322 <a name="colours"></a>
323 <h3><font color="#6c0023">SliTaz Farben (HTML Code)</font></h3>
324 <p>Das sind die auf der SliTaz-Website und in SliTaz selbst verwendeten Farben im
325 HTML-Code.</p>
326 <ul>
327 <li>Beige : <code>d4d191</code> und <code>bfb06b</code></li>
328 <li>Rot : <code>6c0023</code> und <code>522222</code></li>
329 <li>Grau : <code>242424</code> und <code>222222</code></li>
330 <li>Orange : <code>df8f06</code></li>
331 <li>Gelb : <code>f0ba08</code></li>
332 </ul>
335 <!-- End of content with round corner -->
336 </div>
337 <div id="content_bottom">
338 <div class="bottom_left"></div>
339 <div class="bottom_right"></div>
340 </div>
342 <!-- Start of footer and copy notice -->
343 <div id="copy">
344 <p>
345 Letzte Änderung : 2008-12-05 22:30:00
346 <a href="#top">Nach oben</a>
347 </p>
348 <p>
349 Copyright © 2009 <a href="http://www.slitaz.org/">SliTaz</a> -
350 <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">GNU General Public License</a>
351 </p>
352 <!-- End of copy -->
353 </div>
355 <!-- Bottom and logo's -->
356 <div id="bottom">
357 <p>
358 <a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
359 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
360 title="Code validé XHTML 1.0"
361 style="width: 80px; height: 15px;" /></a>
362 </p>
363 </div>
365 </body>
366 </html>