website annotate pt/artwork/index.html @ rev 778

cn: Huge code clean-up and new layout
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 26 18:41:09 2011 +0100 (2011-03-26)
parents 767b3325187b
children 66af1eb0ed3d
rev   line source
paul@142 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
paul@142 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
paul@142 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
paul@142 4 <head>
paul@142 5 <title>SliTaz - Artwork</title>
paul@142 6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
paul@142 7 <meta name="description" content="SliTaz GNU/Linux project artwok images logos" />
claudinei@622 8 <meta name="keywords" lang="pt" content="sobre slitaz, gnu, linux, mini distro, livecd" />
paul@142 9 <meta name="robots" content="index, follow, all" />
paul@142 10 <meta name="revisit-after" content="7 days" />
paul@142 11 <meta name="expires" content="never" />
claudinei@622 12 <meta name="modified" content="2010-03-30 03:00:00" />
paul@142 13 <meta name="author" content="Christophe Lincoln, Paul Issot"/>
paul@142 14 <meta name="publisher" content="www.slitaz.org" />
paul@142 15 <link rel="shortcut icon" href="../../favicon.ico" />
paul@142 16 <link rel="stylesheet" type="text/css" href="../../slitaz.css" />
pascal@537 17 <link rel="Content" href="index.html#content" />
paul@142 18 </head>
paul@142 19 <body bgcolor="#ffffff">
paul@142 20 <!-- Header -->
paul@142 21 <div id="header">
paul@142 22 <a name="top"></a>
paul@142 23 <!-- Access -->
paul@142 24 <div id="access">
claudinei@622 25 <img
claudinei@622 26 src="../../pics/website/locale.png"
claudinei@622 27 style="vertical-align: middle; width: 20px; height: 20px;"
claudinei@622 28 alt="language" />
pascal@537 29 <a href="../../de/artwork/index.html" title="Site em alemão">Deutsch</a> |
pascal@537 30 <a href="../../en/artwork/index.html" title="Site em inglês">English</a> |
pascal@537 31 <a href="../../es/artwork/index.html" title="Site em espanhol">Español</a> |
pascal@537 32 <a href="../../fr/artwork/index.html" title="Site em francês">Français</a> |
claudinei@622 33 <a href="../../cn/artwork/index.html" title="Site em chinês"><img src="../../cn/chinese_top.jpg" title="Site em chinês" alt="cn"></img></a>
paul@142 34 </div>
paul@142 35 <a href="http://www.slitaz.org/pt/"><img id="logo"
paul@142 36 src="../../pics/website/logo.png" title="www.slitaz.org/pt" alt="www.slitaz.org"
paul@142 37 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
paul@142 38 <p id="titre">#!/GNU/Linux</p>
paul@142 39 </div>
claudinei@622 40
claudinei@622 41 <!-- Navigation menu -->
paul@142 42 <div id="nav">
claudinei@622 43 <div class="nav_box">
claudinei@622 44 <h4>Navegação</h4>
claudinei@622 45 <!-- General -->
claudinei@622 46 <ul>
claudinei@622 47 <li><a href="../about/index.html" title="Informações sobre o projeto">Sobre o projeto</a></li>
claudinei@622 48 <li><a href="../asso/index.html" title="Associação sem fins lucrativos">Associação</a></li>
claudinei@622 49 <li><a href="../get/index.html" title="Obtenha a ISO do LiveCD">Download</a></li>
claudinei@622 50 <li><a href="../doc/index.html" title="Utilização do LiveCD e howto">Documentação</a></li>
claudinei@622 51 <li><a href="../packages/index.html" title="Pacotes (programas)">Pacotes</a></li>
claudinei@622 52 <li><a href="../devel/index.html" title="Desenvolvedores">Desenvolvimento</a></li>
claudinei@622 53 <li><a href="../mailing-list.html" title="Suporte, contato, colaboração">Lista de discussão</a></li>
claudinei@622 54 <li><a href="../artwork/index.html" title="Arte, cores e imagens">Artwork</a></li>
claudinei@622 55 <li><a href="../search.html" title="Buscar">Procurar</a></li>
claudinei@622 56 <li><a href="../sitemap.html" title="Mapa do Site">Mapa do site</a></li>
claudinei@622 57 </ul>
claudinei@622 58 </div>
claudinei@622 59 <!-- SliTaz network -->
claudinei@622 60 <div class="nav_box">
claudinei@622 61 <h4>Rede SliTaz</h4>
claudinei@622 62 <ul>
claudinei@622 63 <li><a href="http://forum.slitaz.org/">Fórum</a></li>
claudinei@622 64 <li><a href="http://doc.slitaz.org/pt:start">Wiki da Documentação</a></li>
claudinei@622 65 <li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
claudinei@622 66 <li><a href="http://labs.slitaz.org/issues">Bug Tracking</a></li>
claudinei@622 67 <li><a href="http://boot.slitaz.org/">Boot via web</a></li>
claudinei@622 68 <li><a href="http://twitter.com/slitaz">SliTaz no Twitter</a></li>
claudinei@622 69 <li><a href="http://distrowatch.com/slitaz">SliTaz no DistroWatch</a></li>
claudinei@622 70 </ul>
claudinei@622 71 </div>
paul@142 72 </div>
paul@142 73
paul@142 74 <!-- Content -->
paul@142 75 <div id="content">
paul@142 76 <a name="content"></a>
paul@142 77
paul@142 78 <h1><font color="#3e1220">Artwork</font></h1>
paul@142 79 <h2><font color="#df8f06">Arte &amp; Design</font></h2>
paul@142 80
paul@142 81 <ul>
paul@142 82 <li><a href="screenshots.html">Screenshots.</a></li>
claudinei@445 83 <li><a href="wallpapers.html">Papéis de Parede.</a></li>
pascal@537 84 <li><a href="index.html#art4taz">Artwork para o SliTaz.</a></li>
pascal@537 85 <li><a href="index.html#logos">Logos, spider &amp; ícones.</a></li>
pascal@537 86 <li><a href="index.html#cd-label">CD Labels.</a></li>
paul@142 87 </ul>
paul@142 88
paul@142 89 <p>
paul@142 90 Esta seção do website é dedicada a arte e gráficos do projeto SliTaz.
paul@142 91 As imagens são livres, e você pode utiliza-las para fazer seu próprio papel de
paul@142 92 parede ou mostrar o logo em seu site para ajudar na popularização do projeto.
paul@142 93 Os logos e ícones do SliTaz estão disponíveis em muitos tamanhos e podem ser
paul@649 94 baixados diretamente do diretório <a href="../../pics/artwork/">artwork</a>.
paul@142 95 Você também vai achar aqui alguns <a href="screenshots.html">screenshots</a>
paul@142 96 feitos com o mtPaint e o Gimp.
paul@142 97 </p>
paul@142 98
paul@142 99 <a name="art4taz"></a>
paul@142 100 <h3>Artwork para o SliTaz</h3>
paul@142 101 <p>
claudinei@622 102 Como muitas coisas no SliTaz os gráficos, logos, temas e papéis de parede são
paul@142 103 totalmente construídos pela comunidade e pelos desenvolvedores. O projeto
paul@142 104 procura manter um design de qualidade e elegância. Fazer um logo, um papel de
paul@142 105 parede ou qualquer outra coisa é uma boa forma de participar do projeto sem
paul@142 106 precisar "sujar" suas mãos codificando ou testando a validade do xHTML. Se você
paul@142 107 deseja criar alguma arte para o SliTaz, ou se pretende usar alguma de nossas imagens
paul@142 108 online, é recomendável que nos contate primeiro pela
paul@142 109 <a href="../mailing-list.html">Lista de Discussão</a>. Tente não mandar arquivos
paul@142 110 muito grandes.
paul@142 111 </p>
paul@142 112 <h4>Artwork do LiveCD</h4>
paul@142 113 <p>
paul@142 114 Para manter a coesão do LiveCd, a imagem não pode exceder 200 kb, e serão
paul@142 115 necessárias duas delas, diferindo em tamanho: 1024x768 e 1280x1024. Isto se deve
paul@142 116 ao fato de a razão 3/4 não ser suportada por telas que possuem 1280 pixels de
paul@142 117 largura (o que resultar em imagem distorcida e bordas negras). Por fim, cada
paul@142 118 lançamento de versão oferece um novo tema / imagem de fundo que seguem as mesmas
paul@142 119 diretrizes sem se prender à utilização de qualquer ferramenta distribuida pelo
paul@142 120 sistema. No LiveCd já há o mtPaint e num sistema instalado o Gimp se encontra
paul@142 121 no mirror. Note que o formato livre PNG é preferível.
paul@142 122 </p>
paul@142 123
paul@142 124 <h3><font color="#6c0023">Cores RGB</font></h3>
paul@142 125 <ul>
paul@142 126 <li>Bege : <code>d4d191</code> e <code>bfb06b</code></li>
paul@142 127 <li>Vermelho : <code>6c0023</code> e <code>522222</code></li>
paul@142 128 <li>Cinza : <code>242424</code> e <code>222222</code></li>
paul@142 129 <li>Laranja : <code>df8f06</code></li>
paul@142 130 <li>Amarelo : <code>f0ba08</code></li>
paul@142 131 </ul>
paul@142 132
paul@142 133 <a name="logos"></a>
paul@142 134 <h3><font color="#6c0023">Logos, spider &amp; ícones</font></h3>
paul@142 135 <div>
paul@142 136 <p>
paul@142 137 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
paul@142 138 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
paul@142 139 </p>
paul@142 140 <img
paul@142 141 src="../../pics/artwork/slitaz-button-red.png"
paul@142 142 alt="SliTaz button"
paul@142 143 style="width: 148px; height: 148px;" />
paul@142 144 <img
paul@142 145 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
paul@142 146 alt="SliTaz spider"
paul@142 147 style="width: 320px; height: 118px;" />
paul@142 148 <img
paul@142 149 src="../../pics/artwork/slitaz-tux-124x126.png"
paul@142 150 alt="SliTaz Tux"
paul@142 151 style="width: 124px; height: 126px;" />
paul@142 152 <img
paul@142 153 src="../../pics/artwork/slitaz-spider-48x48.png"
paul@142 154 alt="SliTaz spider"
paul@142 155 style="width: 48px; height: 48px;" />
paul@142 156 <img
paul@142 157 src="../../pics/artwork/tazpkg.png"
paul@142 158 alt="Tazpkg package logo"
paul@142 159 style="width: 32px; height: 32px;" />
paul@142 160 <p>
paul@142 161 <img
paul@142 162 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
paul@142 163 alt="SliTaz Powered"
paul@142 164 style="width: 148px; height: 232px;" />
paul@142 165 <img
paul@142 166 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
paul@142 167 alt="SliTaz Powered"
paul@142 168 style="width: 65px; height: 104px;" />
paul@142 169 <img
paul@142 170 src="../../pics/artwork/slitaz-minilogo-80x15.png"
paul@142 171 alt="SliTaz mini logo"
paul@142 172 style="width: 80px; height: 15px;" />
paul@142 173 </p>
paul@142 174 </div>
paul@142 175
claudinei@445 176 <a name="cd-label"></a>
claudinei@445 177 <h3><font color="#6c0023">CD Labels</font></h3>
paul@142 178 <p>
claudinei@445 179 <a href="../../pics/cd-label/slitaz10qh1.png">
paul@142 180 <img
claudinei@445 181 src="../../pics/cd-label/slitaz10qh1-160.png"
claudinei@445 182 alt="SliTaz CD Label"
claudinei@445 183 style="width: 160px; height: 160px;" /></a>
claudinei@445 184 <a href="../../pics/cd-label/slitaz10cdhllemb0.png">
claudinei@445 185
claudinei@445 186 <img
claudinei@445 187 src="../../pics/cd-label/slitaz10cdhllemb0.png"
claudinei@445 188 alt="SliTaz CD Label"
claudinei@445 189 style="width: 101px; height: 160px;" /></a>
claudinei@445 190 <a href="../../pics/cd-label/slitaz10v2lx2.png">
claudinei@445 191
claudinei@445 192 <img
claudinei@445 193 src="../../pics/cd-label/slitaz10v2lx2-160.png"
claudinei@445 194 alt="SliTaz CD Label"
claudinei@445 195 style="width: 160px; height: 160px;" /></a>
paul@142 196 </p>
paul@142 197
paul@142 198 <p>
claudinei@445 199 <a href="../../pics/cd-label/slitaz-cooking-rv0.png">
paul@142 200 <img
claudinei@445 201 src="../../pics/cd-label/slitaz-cooking-rv0-160.png"
claudinei@445 202 alt="SliTaz CD Label"
claudinei@445 203 style="width: 160px; height: 160px;" /></a>
claudinei@445 204 <a href="../../pics/cd-label/slitaz10ic7.png">
claudinei@445 205
claudinei@445 206 <img
claudinei@445 207 src="../../pics/cd-label/slitaz10ic7-160.png"
claudinei@445 208 alt="SliTaz CD Label"
claudinei@445 209 style="width: 101px; height: 160px;" /></a>
paul@142 210 </p>
paul@142 211
paul@142 212 <!-- End of content with round corner -->
paul@142 213 </div>
paul@142 214 <div id="content_bottom">
paul@142 215 <div class="bottom_left"></div>
paul@142 216 <div class="bottom_right"></div>
paul@142 217 </div>
paul@142 218
paul@142 219 <!-- Start of footer and copy notice -->
paul@142 220 <div id="copy">
paul@142 221 <p>
claudinei@622 222 Última modificação : 2010-03-30 03:00:00 -
claudinei@622 223 <a href="index.html#top">Topo da página</a>
paul@142 224 </p>
paul@142 225 <p>
claudinei@622 226 Todos os direitos reservados &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
paul@142 227 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
paul@142 228 </p>
paul@142 229 <!-- End of copy -->
paul@142 230 </div>
paul@142 231
paul@142 232 <!-- Bottom and logo's -->
paul@142 233 <div id="bottom">
paul@142 234 <p>
paul@142 235 <a href="http://validator.w3.org/check?uri=referer"><img
claudinei@622 236 src="../../pics/website/xhtml10.png" alt="XHTML 1.0 válido"
claudinei@622 237 title="XHTML 1.0 válido"
claudinei@622 238 style="width: 80px; height: 15px;" /></a>
paul@142 239 </p>
paul@142 240 </div>
paul@142 241
paul@142 242 </body>
paul@142 243 </html>