website view pt/artwork/index.html @ rev 220
Typos and little improvements again
| author | Julien Rabier <taziden@slitaz.org> |
|---|---|
| date | Fri Dec 12 21:52:36 2008 +0100 (2008-12-12) |
| parents | |
| children | 972e4a418fe5 |
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="pt" lang="pt">
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="pt" 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="../../en/artwork/" title="Site em inglês">English</a> |
27 <a href="../../artwork/" title="Art et grahisme en français">Français</a>
28 </div>
29 <a href="http://www.slitaz.org/pt/"><img id="logo"
30 src="../../pics/website/logo.png" title="www.slitaz.org/pt" alt="www.slitaz.org"
31 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
32 <p id="titre">#!/GNU/Linux</p>
33 </div>
34 <div id="nav">
35 <div id="nav_top"></div>
36 <ul>
37 <li><a href="../about/" title="Informações sobre o projeto">Sobre o projeto</a></li>
38 <li><a href="../get/" title="Obtenha a ISO do LiveCD">Faça o download</a></li>
39 <li><a href="../doc/" title="Utilização do LiveCD e howto">Documentação</a></li>
40 <li><a href="../packages/" title="Pacotes (programas)">Pacotes</a></li>
41 <li><a href="../mailing-list.html" title="Suporte, contato, colaboração">Lista de discussão</a></li>
42 <li><a href="../devel/" title="Desenvolvedores">Desenvolvimento</a></li>
43 <li><a href="../artwork/" title="Arte, cores e imagens">Artwork</a></li>
44 <li><a href="../search.html" title="Buscar">Procurar</a></li>
45 <li><a href="../sitemap.html" title="Mapa do Site">Mapa do site</a></li>
46 </ul>
47 <hr />
48 <ul>
49 <li><a href="http://forum.slitaz.org/#idx4" title="Fórum de Suporte">Fórum de suporte</a></li>
50 <li><a href="http://wiki.slitaz.org/" title="Comunidades Wiki">Wiki - Recursos</a></li>
51 <li><a href="http://wiki.slitaz.org/doku.php?id=bts:bts" title="Sistema de Informação de Bugs">Reporte um bug</a></li>
52 </ul>
53 <div id="nav_bottom">
54 <div id="nav_bottom_img"></div>
55 </div>
56 </div>
58 <!-- Content top. -->
59 <div id="content_top">
60 <div class="top_left"></div>
61 <div class="top_right"></div>
62 </div>
64 <!-- Content -->
65 <div id="content">
66 <a name="content"></a>
68 <h1><font color="#3e1220">Artwork</font></h1>
69 <h2><font color="#df8f06">Arte & Design</font></h2>
71 <ul>
72 <li><a href="screenshots.html">Screenshots.</a></li>
73 <li><a href="#art4taz">Artwork para o SliTaz.</a></li>
74 <li><a href="#logos">Logos, spider & ícones.</a></li>
75 <li><a href="#wallpapers">Papéis de Parede.</a></li>
76 </ul>
78 <p>
79 Esta seção do website é dedicada a arte e gráficos do projeto SliTaz.
80 As imagens são livres, e você pode utiliza-las para fazer seu próprio papel de
81 parede ou mostrar o logo em seu site para ajudar na popularização do projeto.
82 Os logos e ícones do SliTaz estão disponíveis em muitos tamanhos e podem ser
83 baixados diretamente do diretório <a href="../../pics/artwork/">artwork</a>.
84 Você também vai achar aqui alguns <a href="screenshots.html">screenshots</a>
85 feitos com o mtPaint e o Gimp.
86 </p>
88 <a name="art4taz"></a>
89 <h3>Artwork para o SliTaz</h3>
90 <p>
91 Como muitas coisas no SliTaz, os gráficos, logos, temas e papéis de parede são
92 totalmente construídos pela comunidade e pelos desenvolvedores. O projeto
93 procura manter um design de qualidade e elegância. Fazer um logo, um papel de
94 parede ou qualquer outra coisa é uma boa forma de participar do projeto sem
95 precisar "sujar" suas mãos codificando ou testando a validade do xHTML. Se você
96 deseja criar alguma arte para o SliTaz, ou se pretende usar alguma de nossas imagens
97 online, é recomendável que nos contate primeiro pela
98 <a href="../mailing-list.html">Lista de Discussão</a>. Tente não mandar arquivos
99 muito grandes.
100 </p>
101 <h4>Artwork do LiveCD</h4>
102 <p>
103 Para manter a coesão do LiveCd, a imagem não pode exceder 200 kb, e serão
104 necessárias duas delas, diferindo em tamanho: 1024x768 e 1280x1024. Isto se deve
105 ao fato de a razão 3/4 não ser suportada por telas que possuem 1280 pixels de
106 largura (o que resultar em imagem distorcida e bordas negras). Por fim, cada
107 lançamento de versão oferece um novo tema / imagem de fundo que seguem as mesmas
108 diretrizes sem se prender à utilização de qualquer ferramenta distribuida pelo
109 sistema. No LiveCd já há o mtPaint e num sistema instalado o Gimp se encontra
110 no mirror. Note que o formato livre PNG é preferível.
111 </p>
113 <h3><font color="#6c0023">Cores RGB</font></h3>
114 <ul>
115 <li>Bege : <code>d4d191</code> e <code>bfb06b</code></li>
116 <li>Vermelho : <code>6c0023</code> e <code>522222</code></li>
117 <li>Cinza : <code>242424</code> e <code>222222</code></li>
118 <li>Laranja : <code>df8f06</code></li>
119 <li>Amarelo : <code>f0ba08</code></li>
120 </ul>
122 <a name="logos"></a>
123 <h3><font color="#6c0023">Logos, spider & ícones</font></h3>
124 <div>
125 <p>
126 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
127 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
128 </p>
129 <img
130 src="../../pics/artwork/slitaz-button-red.png"
131 alt="SliTaz button"
132 style="width: 148px; height: 148px;" />
133 <img
134 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
135 alt="SliTaz spider"
136 style="width: 320px; height: 118px;" />
137 <img
138 src="../../pics/artwork/slitaz-tux-124x126.png"
139 alt="SliTaz Tux"
140 style="width: 124px; height: 126px;" />
141 <img
142 src="../../pics/artwork/slitaz-spider-48x48.png"
143 alt="SliTaz spider"
144 style="width: 48px; height: 48px;" />
145 <img
146 src="../../pics/artwork/tazpkg.png"
147 alt="Tazpkg package logo"
148 style="width: 32px; height: 32px;" />
149 <p>
150 <img
151 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
152 alt="SliTaz Powered"
153 style="width: 148px; height: 232px;" />
154 <img
155 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
156 alt="SliTaz Powered"
157 style="width: 65px; height: 104px;" />
158 <img
159 src="../../pics/artwork/slitaz-minilogo-80x15.png"
160 alt="SliTaz mini logo"
161 style="width: 80px; height: 15px;" />
162 </p>
163 </div>
165 <a name="wallpapers"></a>
166 <h3><font color="#6c0023">Papéis de Parede</font></h3>
167 <p>
168 <img
169 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
170 alt="SliTaz first wallpaper made with mtPaint"
171 style="width: 160px; height: 120px;" />
172 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
173 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
174 (8 Ko) | mtPaint
175 </p>
177 <p>
178 <img
179 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
180 alt="SliTaz green wallpaper"
181 style="width: 160px; height: 120px;" />
182 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
183 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
184 | mtPaint
185 </p>
187 <p>
188 <img
189 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
190 alt="SliTaz cooking 20071106 wallpaper"
191 style="width: 160px; height: 120px;" />
192 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
193 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
194 | mtPaint
195 </p>
197 <p>
198 <img
199 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
200 alt="SliTaz cooking 20071106 wallpaper"
201 style="width: 160px; height: 120px;" />
202 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
203 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
204 | Gimp
205 </p>
207 <p>
208 <img
209 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
210 alt="SliTaz cooking 20080107 wallpaper"
211 style="width: 160px; height: 120px;" />
212 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
213 | Gimp
214 </p>
216 <p>
217 <img
218 src="../../pics/wallpapers/slitaz-choco-160x120.png"
219 alt="SliTaz cooking 20080114 wallpaper"
220 style="width: 160px; height: 120px;" />
221 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
222 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
223 | Gimp
224 </p>
226 <p>
227 <img
228 src="../../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
229 alt="SliTaz cooking tiny flame wallpaper"
230 style="width: 160px; height: 120px;" />
231 <a href="../../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
232 | Gimp
233 </p>
235 <h4>Community walls</h4>
237 <p>
238 <img
239 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
240 alt="SliTaz wallpaper by Viking"
241 style="width: 160px; height: 120px;" />
242 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
243 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
244 | Inkscape
245 </p>
247 <p>
248 <img
249 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
250 alt="SliTaz sylver wallpaper by Erjo"
251 style="width: 160px; height: 120px;" />
252 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
253 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
254 | Inkscape
255 </p>
258 <!-- End of content with round corner -->
259 </div>
260 <div id="content_bottom">
261 <div class="bottom_left"></div>
262 <div class="bottom_right"></div>
263 </div>
265 <!-- Start of footer and copy notice -->
266 <div id="copy">
267 <p>
268 Last modification : 2008-07-16 21:45:00 -
269 <a href="#top">Topo da Página</a>
270 </p>
271 <p>
272 Copyright © 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
273 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
274 </p>
275 <!-- End of copy -->
276 </div>
278 <!-- Bottom and logo's -->
279 <div id="bottom">
280 <p>
281 <a href="http://validator.w3.org/check?uri=referer"><img
282 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
283 title="Code validé XHTML 1.0"
284 style="width: 80px; height: 15px;" /></a>
285 </p>
286 </div>
288 </body>
289 </html>