website view en/artwork/index.html @ rev 776

en: all new layout amd code clean-up
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 26 15:43:13 2011 +0100 (2011-03-26)
parents 91ec1071005e
children 551a11bab60a
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head>
5 <title>SliTaz - Artwork</title>
6 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
7 <meta name="description" content="SliTaz GNU/Linux project artwok images logos" />
8 <meta name="keywords" lang="en" content="about slitaz, gnu, linux, mini distro, livecd" />
9 <meta name="robots" content="index, follow, all" />
10 <meta name="modified" content="2011-03-25 20:30:00" />
11 <meta name="author" content="Christophe Lincoln, Paul Issot"/>
12 <link rel="shortcut icon" href="../../favicon.ico" />
13 <link rel="stylesheet" type="text/css" href="../../slitaz.css" />
14 </head>
15 <body>
16
17 <!-- Header -->
18 <div id="header">
19 <div id="logo"></div>
20 <div id="network">
21 <a href="http://www.slitaz.org/netmap.php">
22 <img src="../../images/network.png" alt="network.png" /></a>
23 <a href="http://scn.slitaz.org/">Community</a>
24 <a href="http://doc.slitaz.org/">Doc</a>
25 <a href="http://forum.slitaz.org/">Forum</a>
26 <a href="http://labs.slitaz.org/issues">Bugs</a>
27 <a href="http://hg.slitaz.org/">Hg</a>
28 </div>
29 <h1><a href="http://www.slitaz.org/">SliTaz GNU/Linux</a></h1>
30 </div>
31
32 <!-- Block -->
33 <div id="block">
34 <!-- Navigation -->
35 <div id="block_nav">
36 <h4>Navigation</h4>
37 <div class="right_box">
38 <ul>
39 <li><a href="../mailing-list.html">Mailing List</a></li>
40 <li><a href="../devel/">Development</a></li>
41 <li><a href="../artwork/">Artwork</a></li>
42 <li><a href="../search.html">Search</a></li>
43 </ul>
44 </div>
45 <div class="left_box">
46 <ul>
47 <li><a href="../about/">About</a></li>
48 <li><a href="../get/">Download</a></li>
49 <li><a href="../asso/">Association</a></li>
50 <li><a href="../doc/">Documentation</a></li>
51 <li><a href="../packages/">Packages</a></li>
52 </ul>
53 </div>
54 </div>
55 <!-- Information/image -->
56 <div id="block_info">
57 <h4>Artwork</h4>
58 <p>
59 Find, enjoy, discuss, upload and share SliTaz Artwork! Join
60 the Artwork group on
61 <a href="http://scn.slitaz.org/groups/artwork/">SCN</a>.
62 Your work may be used on a Cooking release.
63 </p>
64 <ul>
65 <li><a href="#art4taz">Art &amp; Design</a></li>
66 <li><a href="#logos">Logos &amp; Spider</a></li>
67 <li><a href="screenshots.html">Screenshots</a></li>
68 </ul>
69 </div>
70 </div>
71
72 <!-- Languages -->
73 <div id="lang">
74 <a href="../i18n.php">
75 <img src="../../images/locale.png" alt="locale.png" /></a>
76 <a href="../de/artwork/">Deutsch</a>
77 <a href="../en/artwork/">English</a>
78 <a href="../es/artwork/">Español</a>
79 <a href="../fr/artwork/">Français</a>
80 <a href="../pt/artwork/">Português</a>
81 </div>
82
83 <!-- Content -->
84 <div id="content">
85
86 <a name="art4taz"></a>
87 <h2>Artwork &amp; Design</h2>
88
89 <p>
90 This section of the website is dedicated to art and graphics intended for
91 the SliTaz project. Images are free, and you can use them to make your own
92 wallpaper or display a logo on your site to help popularize the project.
93 The SliTaz logos and icons are available for download in SVG format. You
94 will also find here some <a href="screenshots.html">screenshots</a> made
95 with mtPaint and The Gimp. The Artwork team has its own platform on
96 the <a href="http://scn.slitaz.org/">SliTaz Community Network</a>.
97 </p>
98
99
100
101 <h3>Artwork for SliTaz</h3>
102 <p>
103 As with many things SliTaz, graphics, logos, themes, and wallpapers are fully
104 constructed by the community and developers. The project always likes to maintain
105 elegant, sober, quality design. Making a logo, wallpaper or otherwise is a
106 good way to participate in the project without getting your hands dirty coding
107 or document proofing xHTML. If you want to create artwork for SliTaz, or if want
108 to create an account on the SCN platform to upload your work, or you want to
109 use some artwork online, it is highly recommended that you contact us first via
110 the <a href="../mailing-list.html">Mailing List</a>. Please, try not to send
111 files that are too large.
112 </p>
113 <p>
114 To maintain the constraints of the LiveCD, the image must not exceed 200
115 kilobytes and should be 1024x768 in size. Finally each release
116 version offers a new theme / background which follow the same guidelines
117 and it goes without saying that tools distributed with the system should
118 be used. With a LiveCD you already have mtPaint and on an installed system
119 you'll find Gimp on the mirror. Note that the JPG format is prefered.
120 </p>
121
122 <a name="logos"></a>
123 <h2>Logos &amp; Spider</h2>
124 <div class="infobox">
125 SVG Format: <a href="../../images/artwork/slitaz-logo.svg">slitaz-logo.svg</a> |
126 <a href="../../images/artwork/slitaz-spider.svg">slitaz-spider.svg</a>
127 </div>
128 <div>
129 <img
130 src="../../images/artwork/slitaz-button-red.png"
131 alt="SliTaz button"
132 style="width: 148px; height: 148px;" />
133 <img
134 src="../../images/artwork/slitaz-logo-whitebg-320x118.png"
135 alt="SliTaz spider"
136 style="width: 320px; height: 118px;" />
137 <img
138 src="../../images/artwork/slitaz-tux-124x126.png"
139 alt="SliTaz Tux"
140 style="width: 124px; height: 126px;" />
141 <img
142 src="../../images/artwork/slitaz-spider-48x48.png"
143 alt="SliTaz spider"
144 style="width: 48px; height: 48px;" />
145 <img
146 src="../../images/artwork/tazpkg.png"
147 alt="Tazpkg package logo"
148 style="width: 32px; height: 32px;" />
149 <img
150 src="../../images/artwork/slitaz-minilogo-80x15.png"
151 alt="SliTaz mini logo"
152 style="width: 80px; height: 15px;" />
153 </div>
154
155 <!-- End of content -->
156 </div>
157
158 <!-- Footer -->
159 <div id="footer">
160 Copyright &copy; <span class="year"></span>
161 <a href="http://www.slitaz.org/">SliTaz</a> - Network:
162 <a href="http://scn.slitaz.org/">Community</a>
163 <a href="http://doc.slitaz.org/">Doc</a>
164 <a href="http://forum.slitaz.org/">Forum</a>
165 <a href="http://pkgs.slitaz.org/">Packages</a>
166 <a href="http://labs.slitaz.org/issues">Bugs</a>
167 <a href="http://hg.slitaz.org/">Hg</a>
168 <p>
169 SliTaz @
170 <a href="http://twitter.com/slitaz">Twitter</a>
171 <a href="http://www.facebook.com/slitaz">Facebook</a>
172 <a href="http://distrowatch.com/slitaz">Distrowatch</a>
173 <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
174 <a href="http://flattr.com/profile/slitaz">Flattr</a>
175 </p>
176 </div>
177
178 </body>
179 </html>