website view index.php @ rev 760

Add flattr button anf small info
author Christophe Lincoln <pankso@slitaz.org>
date Mon Feb 28 02:40:03 2011 +0100 (2011-02-28)
parents 8ba560fa2404
children 3d98e815e669
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 GNU/Linux</title>
6 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
7 <meta name="description" content="SliTaz GNU/Linux LiveCD operating system" />
8 <meta name="keywords" lang="en" content="System, libre, gnu, linux, logiciels opensource, livecd" />
9 <meta name="robots" content="index, follow, all" />
10 <meta name="revisit-after" content="3 days" />
11 <meta name="expires" content="never" />
12 <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
13 <meta name="author" content="Christophe Lincoln"/>
14 <meta name="publisher" content="www.slitaz.org" />
15 <meta name="verify-v1" content="qieECDfB5l+EBkG8QMNuHOGfol0/MEe4U22/4iVupNw=" />
16 <link rel="shortcut icon" href="favicon.ico" />
17 <link rel="stylesheet" type="text/css" href="slitaz.css" />
18 <link rel="alternate" type="application/rss+xml" title="SliTaz Website feed" href="en/rss.xml" />
19 <link rel="alternate" type="application/atom+xml" title="SliTaz Labs feed" href="http://labs.slitaz.org/news?format=atom" />
20 <link rel="alternate" type="application/rss+xml" title="SliTaz SCN feed" href="http://scn.slitaz.org/rss.xml" />
21 <script type="text/javascript" src="libs/js/slideshow.js"></script>
22 <script type="text/javascript">
23 /* <![CDATA[ */
24 (function() {
25 var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
26 s.type = 'text/javascript';
27 s.async = true;
28 s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
29 t.parentNode.insertBefore(s, t);
30 })();
31 /* ]]> */
32 </script>
33 <link rel="Content" href="#content" />
34 </head>
35 <body>
36
37 <?php
38 require_once("libs/get-feed.php");
39 ?>
40
41 <!-- Header -->
42 <div id="header">
43 <!-- Logo -->
44 <a href="http://www.slitaz.org/"><img id="logo"
45 src="pics/website/logo.png"
46 title="www.slitaz.org" alt="www.slitaz.org" /></a>
47 <p id="titre">#!/GNU/Linux</p>
48 </div>
49
50 <!-- Content -->
51 <div id="content-full">
52
53 <!-- For the main index with slideshow we keep block_nav and block_top
54 at min-height: 220px; -->
55
56 <!-- Block begin -->
57 <div class="block">
58 <!-- Nav block begin -->
59 <div id="block_nav" style="min-height: 220px;">
60 <h3><a href="i18n.html"><img src="pics/website/locale.png"
61 alt="locale.png" /></a>Language</h3>
62 <div class="right_box">
63 <ul>
64 <li><a href="id/">Indonesian</a></li>
65 <li><a href="pt/">Português</a></li>
66 <li><a href="cn/" title="Chinese">
67 <img src="pics/website/cn.png" alt="cn"
68 style="vertical-align: middle;" /></a></li>
69 <!-- <li><a href="i18n.html">I18n info</a></li> -->
70 </ul>
71 </div>
72 <ul>
73 <li><a href="de/">Deutsch</a></li>
74 <li><a href="en/">English</a></li>
75 <li><a href="es/">Español</a></li>
76 <li><a href="fr/">Français</a></li>
77 </ul>
78 <h3>Quick Download</h3>
79 <div class="button">
80 <a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
81 <a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
82 </div>
83 <!-- Nav block end -->
84 </div>
85 <!-- Top block begin -->
86 <div id="block_top" style="min-height: 220px;">
87 <h1>Boot baby... boot!</h1>
88 <div id="slideshow">
89 <img src="pics/slideshow/1.png" alt="Desktop 1.png" />
90 <img src="pics/slideshow/2.png" alt="Desktop 2.png" />
91 <img src="pics/slideshow/3.png" alt="Desktop 3.png" />
92 <img src="pics/slideshow/4.png" alt="Desktop 4.png" />
93 <img src="pics/slideshow/5.png" alt="Desktop 5.png" />
94 </div>
95 <!-- Top block end -->
96 </div>
97 <!-- Block end -->
98 </div>
99
100 <h2>About SliTaz</h2>
101
102 <p>
103 SliTaz is an open source and free operating system providing a fully featured
104 desktop or server in less than 30 MB. SliTaz is simple to use, fast and stable.
105 We have an active community and contributors from all over the world making
106 SliTaz finer every day.
107 </p>
108
109 <!-- We just keep the last 4 web site news -->
110 <div id="news">
111
112 <h2>Latest news</h2>
113
114 <ul>
115 <li><strong><a href="en/#news">4 November 2010 - New Cooking 20101104</a></strong></li>
116 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
117 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
118 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
119 <li><strong>21 February 2010 - New Cooking 20100221</strong></li>
120 </ul>
121
122 <div class="infobox">
123 <img src="pics/website/news.png" alt=".png" />
124 Read the latest news in your language:
125 <strong><a href="de/#news">de</a></strong> |
126 <strong><a href="en/#news">en</a></strong> |
127 <strong><a href="es/#news">es</a></strong> |
128 <strong><a href="fr/#news">fr</a></strong> |
129 <strong><a href="id/#news">id</a></strong> |
130 <strong><a href="pt/#news">pt</a></strong> |
131 <a href="cn/#news"><img
132 src="pics/website/cn.png"
133 style="vertical-align: middle;"
134 title="Chinese" alt="cn" /></a>
135 </div>
136
137 <!-- End of news -->
138 </div>
139
140 <h2>Latest Tweet</h2>
141 <div id="twitter">
142 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
143 <script>
144 new TWTR.Widget({
145 version: 2,
146 type: 'profile',
147 rpp: 4,
148 interval: 6000,
149 width: '100%',
150 height: 200,
151 theme: {
152 shell: {
153 background: '#eaeaea',
154 color: '#000000'
155 },
156 tweets: {
157 background: '#ffffff',
158 color: '#000000',
159 links: '#3a4885'
160 }
161 },
162 features: {
163 scrollbar: false,
164 loop: false,
165 live: false,
166 hashtags: true,
167 timestamp: true,
168 avatars: false,
169 behavior: 'all'
170 }
171 }).render().setUser('slitaz').start();
172 </script>
173 </div>
174
175 <h2>Feed Grid</h2>
176
177 <div class="feed-grid">
178 <div class="right_box">
179 <h3><img src="pics/website/feed.png" alt=".png" />Community Network</h3>
180 <?php #get_rss_feed("/var/cache/slitaz/website/scn.xml"); ?>
181 </div>
182 <div class="left_box">
183 <h3><img src="pics/website/feed.png" alt=".png" />Support Forum</h3>
184 <?php get_forum_rss_feed("/var/cache/slitaz/website/forum.xml"); ?>
185 </div>
186 </div>
187 <div class="feed-grid">
188 <div class="right_box">
189 <h3><img src="pics/website/feed.png" alt=".png" />Documentation</h3>
190 <?php get_rss_feed("/var/cache/slitaz/website/doc.xml"); ?>
191 </div>
192 <div class="left_box">
193 <h3><img src="pics/website/feed.png" alt=".png" />Bug Tracker</h3>
194 <?php get_atom_feed("/var/cache/slitaz/website/bugs.xml"); ?>
195 </div>
196 </div>
197 <div class="feed-grid">
198 <div class="right_box">
199 <h3><img src="pics/website/feed.png" alt=".png" />Latest cooked packages</h3>
200 <?php #include("/var/cache/slitaz/website/latest.html"); ?>
201 </div>
202 <div class="left_box">
203 <h3><img src="pics/website/feed.png" alt=".png" />Latest commits</h3>
204 <?php get_rss_feed("/var/cache/slitaz/website/wok.xml"); ?>
205 </div>
206 </div>
207
208 <h2>Spread SliTaz</h2>
209 <p>
210 One way to help the project is to make SliTaz even more popular.
211 Blog, Tweet, share and talk about the project. SliTaz
212 is also social, you can join us, share artwork or post a blog on the
213 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
214 "Like" the official SliTaz Facebook page and get involved!
215 </p>
216
217 <!-- Twitter Button -->
218 <div style="margin-bottom: 10px;">
219 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
220 <a href="http://twitter.com/share" class="twitter-share-button"
221 data-text="SliTaz GNU/Linux"
222 data-count="horizontal"
223 data-via="slitaz">Tweet</a>
224 </div>
225
226 <!-- Like Button -->
227 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
228 <fb:like
229 href="http://www.facebook.com/pages/SliTaz/125559834176383"
230 show_faces="true" width="auto">
231 </fb:like>
232
233 <h2>Monetary support</h2>
234 <p>
235 SliTaz is made by voluntary people and there is no company behind
236 the project, but we need some small donation to maintain the project
237 infrastructure and services such as the main server and build host.
238 That way we can stay frre and autonomus without any adds on our sites.
239 </p>
240 <div>
241 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
242 href="http://www.slitaz.org/"></a>
243 </div>
244
245 <h2>Internationalization</h2>
246 <p>
247 The SliTaz web site is available in several languages and maintained by the
248 <a href="i18n.html">internationalization</a> team (i18n). Help is often
249 needed and you're welcome to join us if you would like to see the website
250 translated into your language.
251 </p>
252
253 <!-- End of content -->
254 </div>
255
256 <!-- Footer -->
257 <div id="footer">
258 <div class="right_box">
259 <h4>SliTaz Network</h4>
260 <ul>
261 <li><a href="http://doc.slitaz.org/">Documentation</a></li>
262 <li><a href="http://forum.slitaz.org/">Support Forum</a></li>
263 <li><a href="http://scn.slitaz.org/">Community Network</a></li>
264 <li><a href="http://labs.slitaz.org/">Laboratories</a></li>
265 <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
266 <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
267 </ul>
268 </div>
269 <h4>SliTaz Website</h4>
270 <ul>
271 <li><a href="#header">Top of the page</a></li>
272 <li>Copyright &copy; <span class="year"></span>
273 <a href="http://www.slitaz.org/">SliTaz</a></li>
274 <li><a href="about/">About the project</a></li>
275 <li><a href="netmap.php">Network Map</a></li>
276 <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
277 <li><a href="http://validator.w3.org/check?uri=referer"><img
278 src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
279 title="Code validé XHTML 1.0"
280 style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
281 </ul>
282 </div>
283
284 </body>
285 </html>