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