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