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