website view en/artwork/index.html @ rev 461
en: Prepare for Chinese links
| author | Paul Issott <paul@slitaz.org> |
|---|---|
| date | Sat May 09 18:14:38 2009 +0000 (2009-05-09) |
| parents | 4980c0fb2688 |
| children | 775ba72dc4c8 |
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="../../de/artwork/">Deutsch</a> |
27 <a href="../../fr/artwork/" title="Art et grahisme en français">Français</a> |
28 <a href="../../pt/artwork/">Português</a>
29 </div>
30 <a href="http://www.slitaz.org/en/"><img id="logo"
31 src="../../pics/website/logo.png" title="www.slitaz.org/en" 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 <!-- General -->
38 <ul>
39 <li><a href="../about/" title="Information about the SliTaz project">About the project</a></li>
40 <li><a href="../asso/" title="SliTaz non-profit association">Association</a></li>
41 <li><a href="../get/" title="Download - LiveCD ISO">Get SliTaz</a></li>
42 <li><a href="../doc/" title="LiveCD usage and howto">Documentation</a></li>
43 <li><a href="../packages/" title="Packaged software">Packages</a></li>
44 <li><a href="../devel/" title="Developers corner">Development</a></li>
45 <li><a href="../artwork/" title="Artwork, colors and images">Artwork</a></li>
46 </ul>
47 <!-- Support -->
48 <ul>
49 <li><a href="http://forum.slitaz.org/#idx2" title="Forum for help and support">Support Forum</a></li>
50 <li><a href="../mailing-list.html" title="Support, contact and collaboration">Mailing List</a></li>
51 <li><a href="../search.html" title="Search engine">Search</a></li>
52 <li><a href="../sitemap.html" title="Web site overview">Sitemap</a></li>
53 </ul>
54 <!-- Wiki and Labs -->
55 <ul>
56 <li><a href="http://wiki.slitaz.org/" title="Wiki communities">Wiki Resources</a></li>
57 <li><a href="http://labs.slitaz.org/" title="SliTaz Laboratories">SliTaz Labs</a></li>
58 <li><a href="http://labs.slitaz.org/issues" title="Bug Tracking system">Bug Tracking</a></li>
59 </ul>
60 <div id="nav_bottom">
61 <div id="nav_bottom_img"></div>
62 </div>
63 </div>
65 <!-- Content top. -->
66 <div id="content_top">
67 <div class="top_left"></div>
68 <div class="top_right"></div>
69 </div>
71 <!-- Content -->
72 <div id="content">
73 <a name="content"></a>
75 <h1><font color="#3e1220">Artwork</font></h1>
76 <h2><font color="#df8f06">Art & Design</font></h2>
78 <ul>
79 <li><a href="screenshots.html">Screenshots.</a></li>
80 <li><a href="wallpapers.html">Desktop Backgrounds.</a></li>
81 <li><a href="#art4taz">Artwork for SliTaz.</a></li>
82 <li><a href="#logos">Logos, spider & icons.</a></li>
83 <li><a href="#cd-label">CD Labels.</a></li>
84 </ul>
86 <p>
87 This section of the website is dedicated to art and graphics intended for the
88 SliTaz project. Images are free, and you can use them to make your own
89 wallpaper or display a logo on your site to help popularize the project. The SliTaz
90 logos and icons are available in many sizes and can be directly downloaded via
91 the <a href="../../pics/artwork/">artwork</a> directory. You will also find here, some
92 <a href="screenshots.html">screenshots</a> made with mtPaint and
93 The Gimp.
94 </p>
96 <a name="art4taz"></a>
97 <h3>Artwork for SliTaz</h3>
98 <p>
99 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
100 constructed by the community and developers. The project always likes to maintain
101 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
102 good way to participate in the project without getting your hands dirty coding
103 or document proofing xHTML. If you want to create artwork for SliTaz, or you want to
104 use some artwork online, it is highly recommended that you contact us first
105 via the <a href="../mailing-list.html">Mailing List</a>. Try not to
106 send files that are too large.
107 </p>
108 <h4>Artwork LiveCD</h4>
109 <p>
110 To maintain the constraints of the LiveCD, the image must not exceed 200
111 kilobytes and should be 1024x768 in size. Finally each release
112 version offers a new theme / background which follow the same guidelines
113 and it goes without saying that tools distributed with the system should
114 be used. With a LiveCD you already have mtPaint and on an installed system
115 you'll find Gimp on the mirror. Note that the free format PNG is prefered.
116 </p>
118 <h3><font color="#6c0023">RGB colors</font></h3>
119 <ul>
120 <li>Beige : <code>d4d191</code> et <code>bfb06b</code></li>
121 <li>Red : <code>6c0023</code> et <code>522222</code></li>
122 <li>Grey : <code>242424</code> et <code>222222</code></li>
123 <li>Orange : <code>df8f06</code></li>
124 <li>Yellow : <code>f0ba08</code></li>
125 </ul>
127 <a name="logos"></a>
128 <h3><font color="#6c0023">Logos, spider & icons</font></h3>
129 <div>
130 <p>
131 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
132 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
133 </p>
134 <img
135 src="../../pics/artwork/slitaz-button-red.png"
136 alt="SliTaz button"
137 style="width: 148px; height: 148px;" />
138 <img
139 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
140 alt="SliTaz spider"
141 style="width: 320px; height: 118px;" />
142 <img
143 src="../../pics/artwork/slitaz-tux-124x126.png"
144 alt="SliTaz Tux"
145 style="width: 124px; height: 126px;" />
146 <img
147 src="../../pics/artwork/slitaz-spider-48x48.png"
148 alt="SliTaz spider"
149 style="width: 48px; height: 48px;" />
150 <img
151 src="../../pics/artwork/tazpkg.png"
152 alt="Tazpkg package logo"
153 style="width: 32px; height: 32px;" />
154 <p>
155 <img
156 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
157 alt="SliTaz Powered"
158 style="width: 148px; height: 232px;" />
159 <img
160 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
161 alt="SliTaz Powered"
162 style="width: 65px; height: 104px;" />
163 <img
164 src="../../pics/artwork/slitaz-minilogo-80x15.png"
165 alt="SliTaz mini logo"
166 style="width: 80px; height: 15px;" />
167 </p>
168 </div>
170 <a name="cd-label"></a>
171 <h3><font color="#6c0023">CD Labels</font></h3>
172 <p>
173 <a href="../../pics/cd-label/slitaz10qh1.png">
174 <img
175 src="../../pics/cd-label/slitaz10qh1-160.png"
176 alt="SliTaz CD Label"
177 style="width: 160px; height: 160px;" /></a>
178 <a href="../../pics/cd-label/slitaz10cdhllemb0.png">
180 <img
181 src="../../pics/cd-label/slitaz10cdhllemb0.png"
182 alt="SliTaz CD Label"
183 style="width: 101px; height: 160px;" /></a>
184 <a href="../../pics/cd-label/slitaz10v2lx2.png">
186 <img
187 src="../../pics/cd-label/slitaz10v2lx2-160.png"
188 alt="SliTaz CD Label"
189 style="width: 160px; height: 160px;" /></a>
190 </p>
192 <p>
193 <a href="../../pics/cd-label/slitaz-cooking-rv0.png">
194 <img
195 src="../../pics/cd-label/slitaz-cooking-rv0-160.png"
196 alt="SliTaz CD Label"
197 style="width: 160px; height: 160px;" /></a>
198 <a href="../../pics/cd-label/slitaz10ic7.png">
200 <img
201 src="../../pics/cd-label/slitaz10ic7-160.png"
202 alt="SliTaz CD Label"
203 style="width: 101px; height: 160px;" /></a>
204 </p>
206 <!-- End of content with round corner -->
207 </div>
208 <div id="content_bottom">
209 <div class="bottom_left"></div>
210 <div class="bottom_right"></div>
211 </div>
213 <!-- Start of footer and copy notice -->
214 <div id="copy">
215 <p>
216 Last modification : 2008-07-16 21:45:00 -
217 <a href="#top">Top of the page</a>
218 </p>
219 <p>
220 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
221 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
222 </p>
223 <!-- End of copy -->
224 </div>
226 <!-- Bottom and logo's -->
227 <div id="bottom">
228 <p>
229 <a href="http://validator.w3.org/check?uri=referer"><img
230 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
231 title="Code validé XHTML 1.0"
232 style="width: 80px; height: 15px;" /></a>
233 </p>
234 </div>
236 </body>
237 </html>