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