website view pt/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 | 5aa5f1f0dca7 |
| children | 6e0afd534f39 |
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="../../de/artwork/" title="Site em alemão">Deutsch</a> |
28 <a href="../../fr/artwork/" title="Site em francês">Français</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/pt/"><img id="logo"
32 src="../../pics/website/logo.png" title="www.slitaz.org/pt" 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 <ul>
39 <li><a href="../about/" title="Informações sobre o projeto">Sobre o projeto</a></li>
40 <li><a href="../asso/" title="Associação sem fins lucrativos">Associação</a></li>
41 <li><a href="../get/" title="Obtenha a ISO do LiveCD">Faça o download</a></li>
42 <li><a href="../doc/" title="Utilização do LiveCD e howto">Documentação</a></li>
43 <li><a href="../packages/" title="Pacotes (programas)">Pacotes</a></li>
44 <li><a href="../devel/" title="Desenvolvedores">Desenvolvimento</a></li>
45 <li><a href="../artwork/" title="Arte, cores e imagens">Artwork</a></li>
46 </ul>
47 <ul>
48 <li><a href="http://forum.slitaz.org/#idx4" title="Fórum de Suporte">Fórum de suporte</a></li>
49 <li><a href="../mailing-list.html" title="Suporte, contato, colaboração">Lista de discussão</a></li>
50 <li><a href="../search.html" title="Buscar">Procurar</a></li>
51 <li><a href="../sitemap.html" title="Mapa do Site">Mapa do site</a></li>
52 </ul>
53 <ul>
54 <li><a href="http://wiki.slitaz.org/" title="Comunidades Wiki">Wiki - Recursos</a></li>
55 <li><a href="http://labs.slitaz.org/" title="Gerenciamento do Projeto">SliTaz Labs</a></li>
56 <li><a href="http://labs.slitaz.org/issues" title="Sistema de controle de Bugs">Reporte um bug</a></li>
57 </ul>
58 <div id="nav_bottom">
59 <div id="nav_bottom_img"></div>
60 </div>
61 </div>
63 <!-- Content top. -->
64 <div id="content_top">
65 <div class="top_left"></div>
66 <div class="top_right"></div>
67 </div>
69 <!-- Content -->
70 <div id="content">
71 <a name="content"></a>
73 <h1><font color="#3e1220">Artwork</font></h1>
74 <h2><font color="#df8f06">Arte & Design</font></h2>
76 <ul>
77 <li><a href="screenshots.html">Screenshots.</a></li>
78 <li><a href="wallpapers.html">Papéis de Parede.</a></li>
79 <li><a href="#art4taz">Artwork para o SliTaz.</a></li>
80 <li><a href="#logos">Logos, spider & ícones.</a></li>
81 <li><a href="#cd-label">CD Labels.</a></li>
82 </ul>
84 <p>
85 Esta seção do website é dedicada a arte e gráficos do projeto SliTaz.
86 As imagens são livres, e você pode utiliza-las para fazer seu próprio papel de
87 parede ou mostrar o logo em seu site para ajudar na popularização do projeto.
88 Os logos e ícones do SliTaz estão disponíveis em muitos tamanhos e podem ser
89 baixados diretamente do diretório <a href="../../pics/artwork/">artwork</a>.
90 Você também vai achar aqui alguns <a href="screenshots.html">screenshots</a>
91 feitos com o mtPaint e o Gimp.
92 </p>
94 <a name="art4taz"></a>
95 <h3>Artwork para o SliTaz</h3>
96 <p>
97 Como muitas coisas no SliTaz, os gráficos, logos, temas e papéis de parede são
98 totalmente construídos pela comunidade e pelos desenvolvedores. O projeto
99 procura manter um design de qualidade e elegância. Fazer um logo, um papel de
100 parede ou qualquer outra coisa é uma boa forma de participar do projeto sem
101 precisar "sujar" suas mãos codificando ou testando a validade do xHTML. Se você
102 deseja criar alguma arte para o SliTaz, ou se pretende usar alguma de nossas imagens
103 online, é recomendável que nos contate primeiro pela
104 <a href="../mailing-list.html">Lista de Discussão</a>. Tente não mandar arquivos
105 muito grandes.
106 </p>
107 <h4>Artwork do LiveCD</h4>
108 <p>
109 Para manter a coesão do LiveCd, a imagem não pode exceder 200 kb, e serão
110 necessárias duas delas, diferindo em tamanho: 1024x768 e 1280x1024. Isto se deve
111 ao fato de a razão 3/4 não ser suportada por telas que possuem 1280 pixels de
112 largura (o que resultar em imagem distorcida e bordas negras). Por fim, cada
113 lançamento de versão oferece um novo tema / imagem de fundo que seguem as mesmas
114 diretrizes sem se prender à utilização de qualquer ferramenta distribuida pelo
115 sistema. No LiveCd já há o mtPaint e num sistema instalado o Gimp se encontra
116 no mirror. Note que o formato livre PNG é preferível.
117 </p>
119 <h3><font color="#6c0023">Cores RGB</font></h3>
120 <ul>
121 <li>Bege : <code>d4d191</code> e <code>bfb06b</code></li>
122 <li>Vermelho : <code>6c0023</code> e <code>522222</code></li>
123 <li>Cinza : <code>242424</code> e <code>222222</code></li>
124 <li>Laranja : <code>df8f06</code></li>
125 <li>Amarelo : <code>f0ba08</code></li>
126 </ul>
128 <a name="logos"></a>
129 <h3><font color="#6c0023">Logos, spider & ícones</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">Topo da Página</a>
219 </p>
220 <p>
221 Copyright © 2009 <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>