website annotate en/artwork/index.html @ rev 669

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