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

English parts: about, artwork, devel and get)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 29 12:03:59 2008 +0100 (2008-03-29)
parents
children 86c53b7a99c4
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@6 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@6 72 This section of the website is dedicated to art and graphics intended for the
pankso@6 73 SliTaz project. Images are free, and you can use them to make your own
pankso@6 74 Wallpaper or display a logo on your site to popularize the project. The SliTaz
pankso@6 75 logos and icons are available in many sizes and can be directly downloaded via
pankso@6 76 the <a href="../../pics/artwork/">artwork</a> directory. You will also find, 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@6 84 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
pankso@6 85 made by the community and developers. The project always likes to maintain
pankso@6 86 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
pankso@6 87 good way to participate in the project without getting your hands dirty coding
pankso@6 88 or document proofing xHTML. If you want to create for SliTaz, or you want to
pankso@6 89 use some artwork online, it is highly recommended that you contact us first
pankso@6 90 via the <a href="../mailing-list.html">Mailing List</a>. Be careful 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@6 95 To maintain the constraints of the LiveCD , the image should not exceed 200
pankso@6 96 kilobytes, and you'll need two identical ones, different in size 1600x1200
pankso@6 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@6 99 Finally each version offers a new theme / background which follow the same
pankso@6 100 guidelines and it goes without saying that tools distributed with the system
pankso@6 101 should be used. With a LiveCD you already have mtPaint, 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@6 107 <li>Beige-grey : <code>d4d191</code> et <code>bfb06b</code></li>
pankso@6 108 <li>Bordeau : <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@6 117 <img
pankso@6 118 src="../../pics/artwork/slitaz-logo-whitebg-320x118.png"
pankso@6 119 alt="SliTaz spider"
pankso@6 120 style="width: 320px; height: 118px;" />
pankso@6 121 <img
pankso@6 122 src="../../pics/artwork/slitaz-tux-124x126.png"
pankso@6 123 alt="SliTaz Tux"
pankso@6 124 style="width: 124px; height: 126px;" />
pankso@6 125 <img
pankso@6 126 src="../../pics/artwork/slitaz-spider-48x48.png"
pankso@6 127 alt="SliTaz spider"
pankso@6 128 style="width: 48px; height: 48px;" />
pankso@6 129 <img
pankso@6 130 src="../../pics/artwork/tazpkg-icon-36x36.png"
pankso@6 131 alt="Tazpkg package logo"
pankso@6 132 style="width: 36px; height: 36px;" />
pankso@6 133 <img
pankso@6 134 src="../../pics/artwork/slitaz-minilogo-80x15.png"
pankso@6 135 alt="SliTaz mini logo"
pankso@6 136 style="width: 80px; height: 15px;" />
pankso@6 137 </div>
pankso@6 138
pankso@6 139 <a name="wallpapers"></a>
pankso@6 140 <h3><font color="#6c0023">Wallpapers</font></h3>
pankso@6 141 <p>
pankso@6 142 <img
pankso@6 143 src="../../pics/wallpapers/slitaz-first-wallpaper-160x120.png"
pankso@6 144 alt="SliTaz first wallpaper made with mtPaint"
pankso@6 145 style="width: 160px; height: 120px;" />
pankso@6 146 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1024x768.png">1024x768</a> -
pankso@6 147 <a href="../../pics/wallpapers/slitaz-first-wallpaper-1280x1024.png">1280x1024</a>
pankso@6 148 (8 Ko) | mtPaint
pankso@6 149 </p>
pankso@6 150
pankso@6 151 <p>
pankso@6 152 <img
pankso@6 153 src="../../pics/wallpapers/slitaz-green-wallpaper-160x120.png"
pankso@6 154 alt="SliTaz green wallpaper"
pankso@6 155 style="width: 160px; height: 120px;" />
pankso@6 156 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1024x768.png">1024x768</a> -
pankso@6 157 <a href="../../pics/wallpapers/slitaz-green-wallpaper-1280x1024.png">1280x1024</a>
pankso@6 158 | mtPaint
pankso@6 159 </p>
pankso@6 160
pankso@6 161 <p>
pankso@6 162 <img
pankso@6 163 src="../../pics/wallpapers/slitaz-20071106-160x120.png"
pankso@6 164 alt="SliTaz cooking 20071106 wallpaper"
pankso@6 165 style="width: 160px; height: 120px;" />
pankso@6 166 <a href="../../pics/wallpapers/slitaz-20071106-1024x768.png">1024x768</a> -
pankso@6 167 <a href="../../pics/wallpapers/slitaz-20071106-1280x1024.png">1280x1024</a>
pankso@6 168 | mtPaint
pankso@6 169 </p>
pankso@6 170
pankso@6 171 <p>
pankso@6 172 <img
pankso@6 173 src="../../pics/wallpapers/slitaz-darkblue-160x120.png"
pankso@6 174 alt="SliTaz cooking 20071106 wallpaper"
pankso@6 175 style="width: 160px; height: 120px;" />
pankso@6 176 <a href="../../pics/wallpapers/slitaz-darkblue-1024x768.png">1024x768</a> -
pankso@6 177 <a href="../../pics/wallpapers/slitaz-darkblue-1280x1024.png">1280x1024</a>
pankso@6 178 | Gimp
pankso@6 179 </p>
pankso@6 180
pankso@6 181 <p>
pankso@6 182 <img
pankso@6 183 src="../../pics/wallpapers/slitaz-redyellow-160x120.png"
pankso@6 184 alt="SliTaz cooking 20080107 wallpaper"
pankso@6 185 style="width: 160px; height: 120px;" />
pankso@6 186 <a href="../../pics/wallpapers/slitaz-redyellow-1024x768.png">1024x768</a> -
pankso@6 187 <a href="../../pics/wallpapers/slitaz-redyellow-1280x1024.png">1280x1024</a>
pankso@6 188 | Gimp
pankso@6 189 </p>
pankso@6 190
pankso@6 191 <p>
pankso@6 192 <img
pankso@6 193 src="../../pics/wallpapers/slitaz-choco-160x120.png"
pankso@6 194 alt="SliTaz cooking 20080114 wallpaper"
pankso@6 195 style="width: 160px; height: 120px;" />
pankso@6 196 <a href="../../pics/wallpapers/slitaz-choco-1024x768.png">1024x768</a> -
pankso@6 197 <a href="../../pics/wallpapers/slitaz-choco-1280x1024.png">1280x1024</a>
pankso@6 198 | Gimp
pankso@6 199 </p>
pankso@6 200
pankso@6 201 <p>
pankso@6 202 <img
pankso@6 203 src="../../pics/wallpapers/slitaz-roundgrey-160x120.png"
pankso@6 204 alt="SliTaz cooking 20080225 wallpaper"
pankso@6 205 style="width: 160px; height: 120px;" />
pankso@6 206 <a href="../../pics/wallpapers/slitaz-roundgrey-1024x768.png">1024x768</a> -
pankso@6 207 <a href="../../pics/wallpapers/slitaz-roundgrey-1280x800.png">1280x800</a> -
pankso@6 208 <a href="../../pics/wallpapers/slitaz-roundgrey-1280x1024.png">1280x1024</a>
pankso@6 209 | Gimp
pankso@6 210 </p>
pankso@6 211
pankso@6 212 <h4>Community walls</h4>
pankso@6 213
pankso@6 214 <p>
pankso@6 215 <img
pankso@6 216 src="../../pics/wallpapers/community/slitaz-viking-160x120.png"
pankso@6 217 alt="SliTaz wallpaper by Viking"
pankso@6 218 style="width: 160px; height: 120px;" />
pankso@6 219 <a href="../../pics/wallpapers/community/slitaz-viking-1024x768.png">1024x768</a> -
pankso@6 220 <a href="../../pics/wallpapers/community/slitaz-viking-1280x1024.png">1280x1024</a>
pankso@6 221 | Inkscape
pankso@6 222 </p>
pankso@6 223
pankso@6 224 <p>
pankso@6 225 <img
pankso@6 226 src="../../pics/wallpapers/community/slitaz-sylver-160x120.png"
pankso@6 227 alt="SliTaz sylver wallpaper by Erjo"
pankso@6 228 style="width: 160px; height: 120px;" />
pankso@6 229 <a href="../../pics/wallpapers/community/slitaz-sylver-1024x768.png">1024x768</a> -
pankso@6 230 <a href="../../pics/wallpapers/community/slitaz-sylver-1280x1024.png">1280x1024</a>
pankso@6 231 | Inkscape
pankso@6 232 </p>
pankso@6 233
pankso@6 234
pankso@6 235 <!-- End of content with round corner -->
pankso@6 236 </div>
pankso@6 237 <div id="content_bottom">
pankso@6 238 <div class="bottom_left"></div>
pankso@6 239 <div class="bottom_right"></div>
pankso@6 240 </div>
pankso@6 241
pankso@6 242 <!-- Start of footer and copy notice -->
pankso@6 243 <div id="copy">
pankso@6 244 <p>
pankso@6 245 Last modification : 2008-03-27 11:00:00 -
pankso@6 246 <a href="#top">Top of the page</a>
pankso@6 247 </p>
pankso@6 248 <p>
pankso@6 249 Copyright &copy; 2008 <a href="http://www.slitaz.org/">SliTaz</a> -
pankso@6 250 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
pankso@6 251 </p>
pankso@6 252 <!-- End of copy -->
pankso@6 253 </div>
pankso@6 254
pankso@6 255 <!-- Bottom and logo's -->
pankso@6 256 <div id="bottom">
pankso@6 257 <p>
pankso@6 258 <a href="http://validator.w3.org/check?uri=referer"><img
pankso@6 259 src="../../pics/website/xhtml10.png" alt="Valid XHTML 1.0"
pankso@6 260 title="Code validé XHTML 1.0"
pankso@6 261 style="width: 80px; height: 15px;" /></a>
pankso@6 262 </p>
pankso@6 263 </div>
pankso@6 264
pankso@6 265 </body>
pankso@6 266 </html>