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