website view index.php @ rev 860

index,en,fr,it: bit bigger box so update icon is in it
author Christophe Lincoln <pankso@slitaz.org>
date Wed Jun 01 00:02:59 2011 +0200 (2011-06-01)
parents cfe9175afa6a
children 4dbb0133fd19
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="slitaz, gnu, linux, opensource, livecd, live usb" />
9 <meta name="robots" content="index, follow, all" />
10 <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
11 <meta name="author" content="Christophe Lincoln" />
12 <meta name="verify-v1" content="qieECDfB5l+EBkG8QMNuHOGfol0/MEe4U22/4iVupNw=" />
13 <link rel="shortcut icon" href="favicon.ico" />
14 <link rel="stylesheet" type="text/css" href="slitaz.css" />
15 <link rel="alternate" type="application/rss+xml" title="SliTaz Website feed" href="en/rss.xml" />
16 <link rel="alternate" type="application/atom+xml" title="SliTaz Labs feed" href="http://labs.slitaz.org/news?format=atom" />
17 <link rel="alternate" type="application/rss+xml" title="SliTaz SCN feed" href="http://scn.slitaz.org/rss.xml" />
18 <script type="text/javascript">
19 /* <![CDATA[ */
20 (function() {
21 var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
22 s.type = 'text/javascript';
23 s.async = true;
24 s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
25 t.parentNode.insertBefore(s, t);
26 })();
27 /* ]]> */
28 </script>
29 </head>
30 <body>
32 <!-- Header -->
33 <div id="header">
34 <div id="logo"></div>
35 <div id="network">
36 <a href="./netmap.php">
37 <img src="images/network.png" alt="network.png" /></a>
38 <a href="http://scn.slitaz.org/">Community</a>
39 <a href="http://doc.slitaz.org/">Doc</a>
40 <a href="http://forum.slitaz.org/">Forum</a>
41 <a href="http://bugs.slitaz.org">Bugs</a>
42 <a href="http://hg.slitaz.org/">Hg</a>
43 </div>
44 <h1><a href="http://www.slitaz.org/">SliTaz GNU/Linux</a></h1>
45 </div>
47 <!-- Block -->
48 <div id="block">
49 <!-- Navigation -->
50 <div id="block_nav" style="text-align: center; padding: 10px;">
51 <?php include("libs/random-image.php"); ?>
52 </div>
53 <!-- Information/image -->
54 <div id="block_info">
55 <h4>About SliTaz</h4>
56 <p>
57 SliTaz is an open source and free operating system providing
58 a fully featured desktop or server in less than 30 MB. SliTaz
59 is simple to use, fast and stable. We have an active community
60 and contributors from all over the world making SliTaz finer
61 every day.
62 </p>
63 <div class="button" style="text-align: left;">
64 Download:
65 <a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
66 <a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
67 </div>
68 </div>
69 </div>
71 <!-- Languages -->
72 <div id="lang">
73 <a href="i18n.php"><img src="images/locale.png" alt="locale.png" /></a>
74 <a href="da/">Dansk</a>
75 <a href="de/">Deutsch</a>
76 <a href="en/">English</a>
77 <a href="es/">Español</a>
78 <a href="fr/">Français</a>
79 <a href="id/">Indonesian</a>
80 <a href="it/">Italiano</a>
81 <a href="pt/">Português</a>
82 <a href="cn/">Chinese</a>
83 </div>
85 <!-- Content -->
86 <div id="content">
88 <div class="box">
89 <img src="images/update.png" style="float: left; margin-right: 10px; " />
90 <p>
91 Help the SliTaz founder Pankso to work 100% on SliTaz until July -
92 <a href="http://www.gofundme.com/pankso">Donate Online</a>
93 </p>
94 </div>
96 <!-- For the main index with slideshow we keep block_nav and block_top
97 at min-height: 220px; -->
99 <!-- We just keep the last 4 web site news -->
100 <div class="news">
102 <h2>Latest News</h2>
104 <ul>
105 <li><strong><a href="en/#news">New and fresh Cooking 20110531</a></strong>
106 <span>- 31 May 2011</span></li>
107 <li><strong><a href="en/#20110329">New Cooking 20110329</a></strong>
108 <span>- 29 March 2011</span></li>
109 <li><strong><a href="en/#20101104">New Cooking 20101104</a></strong>
110 <span>- 4 November 2010</span></li>
111 <li><strong>Summer of Documentation</strong>
112 <span>- 8 May 2010</span></li>
113 </ul>
115 <!-- End of news -->
116 </div>
118 <h2>Project Activity</h2>
119 <?php
120 require_once("libs/get-feeds.php");
121 ?>
123 <div class="activity">
124 <p>
125 <a href="http://scn.slitaz.org/activity/"><img
126 src="images/users.png" alt="users.png" /></a>
127 Community activity
128 <?php get_feed("scn.xml"); ?>
129 </div>
130 <p class="activity_more">
131 <a href="http://scn.slitaz.org/activity/">More activity</a>
132 </p>
133 </div>
135 <div class="activity">
136 <p>
137 <a href="http://hg.slitaz.org/">
138 <img src="images/development.png" alt="development.png" /></a>
139 Latest commits in wok
140 <?php get_feed("wok.xml"); ?>
141 </div>
142 <p class="activity_more">
143 <a href="http://hg.slitaz.org/">More commits</a>
144 </p>
145 </div>
147 <h2>Blog Posts</h2>
149 <div class="news">
150 <?php get_feed_blog("blog.xml"); ?>
151 </div>
153 <h2>Latest Tweet</h2>
154 <div id="twitter">
155 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
156 <script>
157 new TWTR.Widget({
158 version: 2,
159 type: 'profile',
160 rpp: 4,
161 interval: 6000,
162 width: '100%',
163 height: 200,
164 theme: {
165 shell: {
166 background: '#eaeaea',
167 color: '#000000'
168 },
169 tweets: {
170 background: '#ffffff',
171 color: '#000000',
172 links: '#3a4885'
173 }
174 },
175 features: {
176 scrollbar: false,
177 loop: false,
178 live: false,
179 hashtags: true,
180 timestamp: true,
181 avatars: false,
182 behavior: 'all'
183 }
184 }).render().setUser('slitaz').start();
185 </script>
186 </div>
188 <h2>Spread SliTaz</h2>
189 <p>
190 One way to help the project is to make SliTaz even more popular.
191 Blog, Tweet this page, share and talk about the project. SliTaz
192 is also social, you can join us, share artwork or post a blog on the
193 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
194 "Like" the official SliTaz Facebook page and get involved!
195 </p>
197 <!-- Twitter Button -->
198 <div style="margin-bottom: 10px;">
199 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
200 <a href="http://twitter.com/share" class="twitter-share-button"
201 data-text="SliTaz GNU/Linux"
202 data-count="horizontal"
203 data-via="slitaz">Tweet</a>
204 </div>
206 <!-- Like Button -->
207 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
208 <fb:like
209 href="http://www.facebook.com/pages/SliTaz/125559834176383"
210 show_faces="true" width="auto">
211 </fb:like>
213 <h2>Monetary support</h2>
214 <p>
215 SliTaz is made by volunteers and there is no company behind
216 the project, but we desperately need some money to maintain the
217 project infrastructure and services such as the main server and
218 build host. You can help with a micropayment via Flattr or a
219 Paypal donation to the SliTaz <a href="en/asso/">Association</a>,
220 that way we can keep our freedom and autonomy without having any
221 ads on our sites.
222 </p>
223 <div>
224 <!-- PayPal Button -->
225 <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
226 style="display: inline;">
227 <input type="hidden" name="cmd" value="_s-xclick" />
228 <input type="hidden" name="hosted_button_id" value="4885025" />
229 <input type="image" src="images/paypal.png" name="submit"
230 alt="PayPal - The safer, easier way to pay online!" />
231 </form>
232 <!-- Flattr Button -->
233 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
234 href="http://www.slitaz.org/"></a>
235 </div>
237 <h2>Internationalization</h2>
238 <p>
239 The SliTaz web site is available in several languages and maintained by the
240 <a href="i18n.php">internationalization</a> team (i18n). Help is often
241 needed and you're welcome to join us if you would like to see the website
242 translated into your language.
243 </p>
244 <p>
245 <img src="images/users.png" alt="users.png" />
246 <a href="http://scn.slitaz.org/groups/i18n/">Join i18n group on SCN</a>
247 </p>
249 <!-- End of content -->
250 </div>
252 <!-- Footer -->
253 <div id="footer">
254 Copyright &copy; <span class="year"></span>
255 <a href="http://www.slitaz.org/">SliTaz</a> - Network:
256 <a href="http://scn.slitaz.org/">Community</a>
257 <a href="http://doc.slitaz.org/">Doc</a>
258 <a href="http://forum.slitaz.org/">Forum</a>
259 <a href="http://pkgs.slitaz.org/">Packages</a>
260 <a href="http://bugs.slitaz.org">Bugs</a>
261 <a href="http://hg.slitaz.org/">Hg</a>
262 <p>
263 SliTaz @
264 <a href="http://twitter.com/slitaz">Twitter</a>
265 <a href="http://www.facebook.com/slitaz">Facebook</a>
266 <a href="http://distrowatch.com/slitaz">Distrowatch</a>
267 <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
268 <a href="http://flattr.com/profile/slitaz">Flattr</a>
269 </p>
270 </div>
272 </body>
273 </html>