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

Add a wallpaper, SVG logo and spider + new tazpkg icon
author Christophe Lincoln <pankso@slitaz.org>
date Sat May 17 13:37:45 2008 +0200 (2008-05-17)
parents 25eacf7051ed
children 787d1e7289cf
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" />
pankso@6 12 <meta name="modified" content="2008-03-27 11:00: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" />
pankso@6 17 </head>
pankso@6 18 <body bgcolor="#ffffff">
pankso@6 19 <!-- Header -->
pankso@6 20 <div id="header">
pankso@6 21 <a name="top"></a>
pankso@6 22 <!-- Access -->
pankso@6 23 <div id="access">
pankso@6 24 <a href="#content" title="Page content">Content</a> |
pankso@6 25 <a href="../../artwork/" title="Art et grahisme en français">Français</a>
pankso@6 26 </div>
pankso@6 27 <a href="http://www.slitaz.org/en/"><img id="logo"
pankso@6 28 src="../../pics/website/logo.png" title="www.slitaz.org/en" alt="www.slitaz.org"
pankso@6 29 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
pankso@6 30 <p id="titre">#!/GNU/Linux</p>
pankso@6 31 </div>
pankso@6 32 <div id="nav">
pankso@6 33 <div id="nav_top"></div>
pankso@6 34 <ul>
pankso@6 35 <li><a href="../about/" title="Informations about the SliTaz project">About the project</a></li>
pankso@6 36 <li><a href="../get/" title="Download - LiveCD ISO">Get SliTaz</a></li>
pankso@6 37 <li><a href="../doc/" title="LiveCD usage and howto">Documentation</a></li>
pankso@11 38 <li><a href="../packages/" title="Packaged software">Packages</a></li>
pankso@6 39 <li><a href="../mailing-list.html" title="Support, contact and collaboration">Mailing List</a></li>
pankso@6 40 <li><a href="../devel/" title="Developer corner">Developement</a></li>
pankso@6 41 <li><a href="../artwork/" title="Artwork, colors and images">Artwork</a></li>
pankso@6 42 <li><a href="../search.html" title="Search engine">Search</a></li>
pankso@6 43 <li><a href="../sitemap.html" title="Web site overview">Sitemap</a></li>
pankso@6 44 <li><a href="http://forum.slitaz.org/#idx2" title="English support forum">Forum</a></li>
pankso@6 45 </ul>
pankso@6 46 <div id="nav_bottom">
pankso@6 47 <div id="nav_bottom_img"></div>
pankso@6 48 </div>
pankso@6 49 </div>
pankso@6 50
pankso@6 51 <!-- Content top. -->
pankso@6 52 <div id="content_top">
pankso@6 53 <div class="top_left"></div>
pankso@6 54 <div class="top_right"></div>
pankso@6 55 </div>
pankso@6 56
pankso@6 57 <!-- Content -->
pankso@6 58 <div id="content">
pankso@6 59 <a name="content"></a>
pankso@6 60
pankso@6 61 <h1><font color="#3e1220">Artwork</font></h1>
pankso@6 62 <h2><font color="#df8f06">Art &amp; Design</font></h2>
pankso@6 63
pankso@6 64 <ul>
pankso@6 65 <li><a href="screenshots.html">Screenshots.</a></li>
pankso@6 66 <li><a href="#art4taz">Artwork for SliTaz.</a></li>
pankso@6 67 <li><a href="#logos">Logos, spider &amp; icons.</a></li>
pankso@6 68 <li><a href="#wallpapers">Desktop Backgrounds.</a></li>
pankso@6 69 </ul>
pankso@6 70
pankso@6 71 <p>
pankso@48 72 This section of the website is dedicated to art and graphics intended for the
pankso@48 73 SliTaz project. Images are free, and you can use them to make your own
pankso@9 74 wallpaper or display a logo on your site to help popularize the project. The SliTaz
pankso@6 75 logos and icons are available in many sizes and can be directly downloaded via
pankso@9 76 the <a href="../../pics/artwork/">artwork</a> directory. You will also find here, some
pankso@6 77 <a href="screenshots.html">screenshots</a> made with mtPaint and
pankso@6 78 The Gimp.
pankso@6 79 </p>
pankso@6 80
pankso@6 81 <a name="art4taz"></a>
pankso@6 82 <h3>Artwork for SliTaz</h3>
pankso@6 83 <p>
pankso@48 84 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
pankso@48 85 constructed by the community and developers. The project always likes to maintain
pankso@48 86 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
pankso@48 87 good way to participate in the project without getting your hands dirty coding
pankso@48 88 or document proofing xHTML. If you want to create artwork for SliTaz, or you want to
pankso@48 89 use some artwork online, it is highly recommended that you contact us first
pankso@48 90 via the <a href="../mailing-list.html">Mailing List</a>. Try not to
pankso@6 91 send files that are too large.
pankso@6 92 </p>
pankso@6 93 <h4>Artwork LiveCD</h4>
pankso@6 94 <p>
pankso@48 95 To maintain the constraints of the LiveCD, the image should not exceed 200
pankso@48 96 kilobytes, and you'll need two of them, differing in size; 1024x768
pankso@48 97 and 1280x1024. This is because the ratio of 3/4 is not supported by screens
pankso@6 98 with a 1280 pixel width (it can result in image distortion and black borders).
pankso@48 99 Finally each release version offers a new theme / background which follow the same
pankso@48 100 guidelines and it goes without saying that tools distributed with the system
pankso@48 101 should be used. With a LiveCD you already have mtPaint and on an installed system
pankso@6 102 you'll find Gimp on the mirror. Note that the free format PNG is privileged.
pankso@6 103 </p>
pankso@6 104
pankso@6 105 <h3><font color="#6c0023">RGB colors</font></h3>
pankso@6 106 <ul>
pankso@9 107 <li>Beige : <code>d4d191</code> et <code>bfb06b</code></li>
pankso@9 108 <li>Red : <code>6c0023</code> et <code>522222</code></li>
pankso@6 109 <li>Grey : <code>242424</code> et <code>222222</code></li>
pankso@6 110 <li>Orange : <code>df8f06</code></li>
pankso@6 111 <li>Yellow : <code>f0ba08</code></li>
pankso@6 112 </ul>
pankso@6 113
pankso@6 114 <a name="logos"></a>
pankso@6 115 <h3><font color="#6c0023">Logos, spider &amp; icons</font></h3>
pankso@6 116 <div>
pankso@48 117 <p>
pankso@48 118 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
pankso@48 119 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
pankso@48 120 </p>
pankso@6 121 <img
pankso@6 122 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
pankso@6 123 alt="SliTaz spider"
pankso@6 124 style="width: 320px; height: 118px;" />
pankso@6 125 <img
pankso@6 126 src="../../pics/artwork/slitaz-tux-124x126.png"
pankso@6 127 alt="SliTaz Tux"
pankso@6 128 style="width: 124px; height: 126px;" />
pankso@6 129 <img
pankso@6 130 src="../../pics/artwork/slitaz-spider-48x48.png"
pankso@6 131 alt="SliTaz spider"
pankso@6 132 style="width: 48px; height: 48px;" />
pankso@6 133 <img
pankso@48 134 src="../../pics/artwork/tazpkg.png"
pankso@6 135 alt="Tazpkg package logo"
pankso@48 136 style="width: 32px; height: 32px;" />
pankso@6 137 <img
pankso@6 138 src="../../pics/artwork/slitaz-minilogo-80x15.png"
pankso@6 139 alt="SliTaz mini logo"
pankso@6 140 style="width: 80px; height: 15px;" />
pankso@6 141 </div>
pankso@6 142
pankso@6 143 <a name="wallpapers"></a>
pankso@6 144 <h3><font color="#6c0023">Wallpapers</font></h3>
pankso@6 145 <p>
pankso@6 146 <img
pankso@6 147 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
pankso@6 148 alt="SliTaz first wallpaper made with mtPaint"
pankso@6 149 style="width: 160px; height: 120px;" />
pankso@6 150 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
pankso@6 151 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
pankso@6 152 (8 Ko) | mtPaint
pankso@6 153 </p>
pankso@6 154
pankso@6 155 <p>
pankso@6 156 <img
pankso@6 157 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
pankso@6 158 alt="SliTaz green wallpaper"
pankso@6 159 style="width: 160px; height: 120px;" />
pankso@6 160 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
pankso@6 161 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
pankso@6 162 | mtPaint
pankso@6 163 </p>
pankso@6 164
pankso@6 165 <p>
pankso@6 166 <img
pankso@6 167 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
pankso@6 168 alt="SliTaz cooking 20071106 wallpaper"
pankso@6 169 style="width: 160px; height: 120px;" />
pankso@6 170 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
pankso@6 171 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
pankso@6 172 | mtPaint
pankso@6 173 </p>
pankso@6 174
pankso@6 175 <p>
pankso@6 176 <img
pankso@6 177 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
pankso@6 178 alt="SliTaz cooking 20071106 wallpaper"
pankso@6 179 style="width: 160px; height: 120px;" />
pankso@6 180 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
pankso@6 181 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
pankso@6 182 | Gimp
pankso@6 183 </p>
pankso@6 184
pankso@6 185 <p>
pankso@6 186 <img
pankso@6 187 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
pankso@6 188 alt="SliTaz cooking 20080107 wallpaper"
pankso@6 189 style="width: 160px; height: 120px;" />
pankso@48 190 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
pankso@6 191 | Gimp
pankso@6 192 </p>
pankso@6 193
pankso@6 194 <p>
pankso@6 195 <img
pankso@6 196 src="../../pics/wallpapers/slitaz-choco-160x120.png"
pankso@6 197 alt="SliTaz cooking 20080114 wallpaper"
pankso@6 198 style="width: 160px; height: 120px;" />
pankso@6 199 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
pankso@6 200 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
pankso@6 201 | Gimp
pankso@6 202 </p>
pankso@6 203
pankso@6 204 <p>
pankso@6 205 <img
pankso@48 206 src="../../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
pankso@48 207 alt="SliTaz cooking tiny flame wallpaper"
pankso@6 208 style="width: 160px; height: 120px;" />
pankso@48 209 <a href="../../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
pankso@6 210 | Gimp
pankso@6 211 </p>
pankso@6 212
pankso@6 213 <h4>Community walls</h4>
pankso@6 214
pankso@6 215 <p>
pankso@6 216 <img
pankso@6 217 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
pankso@6 218 alt="SliTaz wallpaper by Viking"
pankso@6 219 style="width: 160px; height: 120px;" />
pankso@6 220 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
pankso@6 221 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
pankso@6 222 | Inkscape
pankso@6 223 </p>
pankso@6 224
pankso@6 225 <p>
pankso@6 226 <img
pankso@6 227 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
pankso@6 228 alt="SliTaz sylver wallpaper by Erjo"
pankso@6 229 style="width: 160px; height: 120px;" />
pankso@6 230 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
pankso@6 231 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
pankso@6 232 | Inkscape
pankso@6 233 </p>
pankso@6 234
pankso@6 235
pankso@6 236 <!-- End of content with round corner -->
pankso@6 237 </div>
pankso@6 238 <div id="content_bottom">
pankso@6 239 <div class="bottom_left"></div>
pankso@6 240 <div class="bottom_right"></div>
pankso@6 241 </div>
pankso@6 242
pankso@6 243 <!-- Start of footer and copy notice -->
pankso@6 244 <div id="copy">
pankso@6 245 <p>
pankso@6 246 Last modification : 2008-03-27 11:00:00 -
pankso@6 247 <a href="#top">Top of the page</a>
pankso@6 248 </p>
pankso@6 249 <p>
pankso@6 250 Copyright &copy; 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
pankso@6 251 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
pankso@6 252 </p>
pankso@6 253 <!-- End of copy -->
pankso@6 254 </div>
pankso@6 255
pankso@6 256 <!-- Bottom and logo's -->
pankso@6 257 <div id="bottom">
pankso@6 258 <p>
pankso@6 259 <a href="http://validator.w3.org/check?uri=referer"><img
pankso@6 260 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
pankso@6 261 title="Code validé XHTML 1.0"
pankso@6 262 style="width: 80px; height: 15px;" /></a>
pankso@6 263 </p>
pankso@6 264 </div>
pankso@6 265
pankso@6 266 </body>
pankso@6 267 </html>