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

en: Add CD labels to Artwork page
author Paul Issott <paul@slitaz.org>
date Wed Nov 26 19:19:54 2008 +0000 (2008-11-26)
parents d07b2c733f0b
children bd291720c3f9
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" />
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>
MikeDSmith25@117 36 <li><a href="../about/" title="Information 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>
paul@198 74 <li><a href="#cd-label">CD Labels.</a></li>
pankso@6 75 <li><a href="#wallpapers">Desktop Backgrounds.</a></li>
pankso@6 76 </ul>
pankso@6 77
pankso@6 78 <p>
pankso@48 79 This section of the website is dedicated to art and graphics intended for the
pankso@48 80 SliTaz project. Images are free, and you can use them to make your own
pankso@9 81 wallpaper or display a logo on your site to help popularize the project. The SliTaz
pankso@6 82 logos and icons are available in many sizes and can be directly downloaded via
pankso@9 83 the <a href="../../pics/artwork/">artwork</a> directory. You will also find here, some
pankso@6 84 <a href="screenshots.html">screenshots</a> made with mtPaint and
pankso@6 85 The Gimp.
pankso@6 86 </p>
pankso@6 87
pankso@6 88 <a name="art4taz"></a>
pankso@6 89 <h3>Artwork for SliTaz</h3>
pankso@6 90 <p>
pankso@48 91 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
pankso@48 92 constructed by the community and developers. The project always likes to maintain
pankso@48 93 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
pankso@48 94 good way to participate in the project without getting your hands dirty coding
pankso@48 95 or document proofing xHTML. If you want to create artwork for SliTaz, or you want to
pankso@48 96 use some artwork online, it is highly recommended that you contact us first
pankso@48 97 via the <a href="../mailing-list.html">Mailing List</a>. Try not to
pankso@6 98 send files that are too large.
pankso@6 99 </p>
pankso@6 100 <h4>Artwork LiveCD</h4>
pankso@6 101 <p>
pankso@48 102 To maintain the constraints of the LiveCD, the image should not exceed 200
pankso@48 103 kilobytes, and you'll need two of them, differing in size; 1024x768
pankso@48 104 and 1280x1024. This is because the ratio of 3/4 is not supported by screens
pankso@6 105 with a 1280 pixel width (it can result in image distortion and black borders).
pankso@48 106 Finally each release version offers a new theme / background which follow the same
pankso@48 107 guidelines and it goes without saying that tools distributed with the system
pankso@48 108 should be used. With a LiveCD you already have mtPaint and on an installed system
MikeDSmith25@117 109 you'll find Gimp on the mirror. Note that the free format PNG is prefered.
pankso@6 110 </p>
pankso@6 111
pankso@6 112 <h3><font color="#6c0023">RGB colors</font></h3>
pankso@6 113 <ul>
pankso@9 114 <li>Beige : <code>d4d191</code> et <code>bfb06b</code></li>
pankso@9 115 <li>Red : <code>6c0023</code> et <code>522222</code></li>
pankso@6 116 <li>Grey : <code>242424</code> et <code>222222</code></li>
pankso@6 117 <li>Orange : <code>df8f06</code></li>
pankso@6 118 <li>Yellow : <code>f0ba08</code></li>
pankso@6 119 </ul>
pankso@6 120
pankso@6 121 <a name="logos"></a>
pankso@6 122 <h3><font color="#6c0023">Logos, spider &amp; icons</font></h3>
pankso@6 123 <div>
pankso@48 124 <p>
pankso@48 125 SVG: <a href="../../pics/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
pankso@48 126 <a href="../../pics/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
pankso@48 127 </p>
pankso@6 128 <img
pankso@109 129 src="../../pics/artwork/slitaz-button-red.png"
pankso@109 130 alt="SliTaz button"
pankso@109 131 style="width: 148px; height: 148px;" />
pankso@109 132 <img
pankso@6 133 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
pankso@6 134 alt="SliTaz spider"
pankso@6 135 style="width: 320px; height: 118px;" />
pankso@6 136 <img
pankso@6 137 src="../../pics/artwork/slitaz-tux-124x126.png"
pankso@6 138 alt="SliTaz Tux"
pankso@6 139 style="width: 124px; height: 126px;" />
pankso@6 140 <img
pankso@6 141 src="../../pics/artwork/slitaz-spider-48x48.png"
pankso@6 142 alt="SliTaz spider"
pankso@6 143 style="width: 48px; height: 48px;" />
pankso@6 144 <img
pankso@48 145 src="../../pics/artwork/tazpkg.png"
pankso@6 146 alt="Tazpkg package logo"
pankso@48 147 style="width: 32px; height: 32px;" />
pankso@109 148 <p>
pankso@109 149 <img
pankso@109 150 src="../../pics/artwork/powered-by-slitaz-orange-2.png"
pankso@109 151 alt="SliTaz Powered"
pankso@109 152 style="width: 148px; height: 232px;" />
pankso@109 153 <img
pankso@109 154 src="../../pics/artwork/powered-by-slitaz-orange-small.png"
pankso@109 155 alt="SliTaz Powered"
pankso@109 156 style="width: 65px; height: 104px;" />
pankso@6 157 <img
pankso@6 158 src="../../pics/artwork/slitaz-minilogo-80x15.png"
pankso@6 159 alt="SliTaz mini logo"
pankso@6 160 style="width: 80px; height: 15px;" />
pankso@109 161 </p>
pankso@6 162 </div>
pankso@6 163
paul@198 164 <a name="cd-label"></a>
paul@198 165 <h3><font color="#6c0023">CD Labels</font></h3>
paul@198 166 <p>
paul@198 167 <a href="../../pics/cd-label/slitaz10qh1.png">
paul@198 168 <img
paul@198 169 src="../../pics/cd-label/slitaz10qh1-160.png"
paul@198 170 alt="SliTaz CD Label"
paul@198 171 style="width: 160px; height: 160px;" /></a>
paul@198 172 <a href="../../pics/cd-label/slitaz10cdhllemb0.png">
paul@198 173
paul@198 174 <img
paul@198 175 src="../../pics/cd-label/slitaz10cdhllemb0.png"
paul@198 176 alt="SliTaz CD Label"
paul@198 177 style="width: 101px; height: 160px;" /></a>
paul@198 178 <a href="../../pics/cd-label/slitaz10v2lx2.png">
paul@198 179
paul@198 180 <img
paul@198 181 src="../../pics/cd-label/slitaz10v2lx2-160.png"
paul@198 182 alt="SliTaz CD Label"
paul@198 183 style="width: 160px; height: 160px;" /></a>
paul@198 184 </p>
paul@198 185
paul@198 186 <p>
paul@198 187 <a href="../../pics/cd-label/slitaz-cooking-rv0.png">
paul@198 188 <img
paul@198 189 src="../../pics/cd-label/slitaz-cooking-rv0-160.png"
paul@198 190 alt="SliTaz CD Label"
paul@198 191 style="width: 160px; height: 160px;" /></a>
paul@198 192 <a href="../../pics/cd-label/slitaz10ic7.png">
paul@198 193
paul@198 194 <img
paul@198 195 src="../../pics/cd-label/slitaz10ic7-160.png"
paul@198 196 alt="SliTaz CD Label"
paul@198 197 style="width: 101px; height: 160px;" /></a>
paul@198 198 </p>
paul@198 199
pankso@6 200 <a name="wallpapers"></a>
pankso@6 201 <h3><font color="#6c0023">Wallpapers</font></h3>
pankso@6 202 <p>
pankso@6 203 <img
pankso@6 204 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
pankso@6 205 alt="SliTaz first wallpaper made with mtPaint"
pankso@6 206 style="width: 160px; height: 120px;" />
pankso@6 207 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
pankso@6 208 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
pankso@6 209 (8 Ko) | mtPaint
pankso@6 210 </p>
pankso@6 211
pankso@6 212 <p>
pankso@6 213 <img
pankso@6 214 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
pankso@6 215 alt="SliTaz green wallpaper"
pankso@6 216 style="width: 160px; height: 120px;" />
pankso@6 217 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
pankso@6 218 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
pankso@6 219 | mtPaint
pankso@6 220 </p>
pankso@6 221
pankso@6 222 <p>
pankso@6 223 <img
pankso@6 224 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
pankso@6 225 alt="SliTaz cooking 20071106 wallpaper"
pankso@6 226 style="width: 160px; height: 120px;" />
pankso@6 227 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
pankso@6 228 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
pankso@6 229 | mtPaint
pankso@6 230 </p>
pankso@6 231
pankso@6 232 <p>
pankso@6 233 <img
pankso@6 234 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
pankso@6 235 alt="SliTaz cooking 20071106 wallpaper"
pankso@6 236 style="width: 160px; height: 120px;" />
pankso@6 237 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
pankso@6 238 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
pankso@6 239 | Gimp
pankso@6 240 </p>
pankso@6 241
pankso@6 242 <p>
pankso@6 243 <img
pankso@6 244 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
pankso@6 245 alt="SliTaz cooking 20080107 wallpaper"
pankso@6 246 style="width: 160px; height: 120px;" />
pankso@48 247 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a>
pankso@6 248 | Gimp
pankso@6 249 </p>
pankso@6 250
pankso@6 251 <p>
pankso@6 252 <img
pankso@6 253 src="../../pics/wallpapers/slitaz-choco-160x120.png"
pankso@6 254 alt="SliTaz cooking 20080114 wallpaper"
pankso@6 255 style="width: 160px; height: 120px;" />
pankso@6 256 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
pankso@6 257 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
pankso@6 258 | Gimp
pankso@6 259 </p>
pankso@6 260
pankso@6 261 <p>
pankso@6 262 <img
pankso@48 263 src="../../pics/wallpapers/slitaz-tinycenterflame-160x120.png"
pankso@48 264 alt="SliTaz cooking tiny flame wallpaper"
pankso@6 265 style="width: 160px; height: 120px;" />
pankso@48 266 <a href="../../pics/wallpapers/slitaz-tinycenterflame-1024x768.png">1024x768</a>
pankso@6 267 | Gimp
pankso@6 268 </p>
pankso@6 269
pankso@6 270 <h4>Community walls</h4>
pankso@6 271
pankso@6 272 <p>
pankso@6 273 <img
pankso@6 274 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
pankso@6 275 alt="SliTaz wallpaper by Viking"
pankso@6 276 style="width: 160px; height: 120px;" />
pankso@6 277 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
pankso@6 278 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
pankso@6 279 | Inkscape
pankso@6 280 </p>
pankso@6 281
pankso@6 282 <p>
pankso@6 283 <img
pankso@6 284 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
pankso@6 285 alt="SliTaz sylver wallpaper by Erjo"
pankso@6 286 style="width: 160px; height: 120px;" />
pankso@6 287 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
pankso@6 288 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
pankso@6 289 | Inkscape
pankso@6 290 </p>
pankso@6 291
pankso@6 292
pankso@6 293 <!-- End of content with round corner -->
pankso@6 294 </div>
pankso@6 295 <div id="content_bottom">
pankso@6 296 <div class="bottom_left"></div>
pankso@6 297 <div class="bottom_right"></div>
pankso@6 298 </div>
pankso@6 299
pankso@6 300 <!-- Start of footer and copy notice -->
pankso@6 301 <div id="copy">
pankso@6 302 <p>
MikeDSmith25@118 303 Last modification : 2008-07-16 21:45:00 -
pankso@6 304 <a href="#top">Top of the page</a>
pankso@6 305 </p>
pankso@6 306 <p>
pankso@6 307 Copyright &copy; 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
pankso@6 308 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
pankso@6 309 </p>
pankso@6 310 <!-- End of copy -->
pankso@6 311 </div>
pankso@6 312
pankso@6 313 <!-- Bottom and logo's -->
pankso@6 314 <div id="bottom">
pankso@6 315 <p>
pankso@6 316 <a href="http://validator.w3.org/check?uri=referer"><img
pankso@6 317 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
pankso@6 318 title="Code validé XHTML 1.0"
pankso@6 319 style="width: 80px; height: 15px;" /></a>
pankso@6 320 </p>
pankso@6 321 </div>
pankso@6 322
pankso@6 323 </body>
pankso@6 324 </html>