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

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