website view index.php @ rev 796

Improve main page, rm grid add pretty activity box
author Christophe Lincoln <pankso@slitaz.org>
date Wed Mar 30 04:30:56 2011 +0200 (2011-03-30)
parents 99c609c6f5b8
children 6ec45c2113e5
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://labs.slitaz.org/issues">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">
64 Quick 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="de/">Deutsch</a>
75 <a href="en/">English</a>
76 <a href="es/">Español</a>
77 <a href="fr/">Français</a>
78 <a href="id/">Indonesian</a>
79 <a href="pt/">Português</a>
80 <a href="cn/">Chinese</a>
81 </div>
83 <!-- Content -->
84 <div id="content">
86 <!-- For the main index with slideshow we keep block_nav and block_top
87 at min-height: 220px; -->
89 <!-- We just keep the last 4 web site news -->
90 <div id="news">
92 <h2>Latest news</h2>
94 <ul>
95 <li><strong><a href="en/#news">29 March 2011 - New Cooking 20110329</a></strong></li>
96 <li><strong><a href="en/#20101104">4 November 2010 - New Cooking 20101104</a></strong></li>
97 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
98 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
99 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
100 </ul>
102 <!-- End of news -->
103 </div>
105 <h2>Latest Tweet</h2>
106 <div id="twitter">
107 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
108 <script>
109 new TWTR.Widget({
110 version: 2,
111 type: 'profile',
112 rpp: 4,
113 interval: 6000,
114 width: '100%',
115 height: 200,
116 theme: {
117 shell: {
118 background: '#eaeaea',
119 color: '#000000'
120 },
121 tweets: {
122 background: '#ffffff',
123 color: '#000000',
124 links: '#3a4885'
125 }
126 },
127 features: {
128 scrollbar: false,
129 loop: false,
130 live: false,
131 hashtags: true,
132 timestamp: true,
133 avatars: false,
134 behavior: 'all'
135 }
136 }).render().setUser('slitaz').start();
137 </script>
138 </div>
140 <h2>Project Activity</h2>
141 <?php
142 require_once("libs/get-feed.php");
143 ?>
145 <div class="activity">
146 <p>
147 <img src="images/users.png" alt="users.png" />
148 Community Activity
149 <?php get_rss_feed("/var/cache/slitaz/website/scn.xml"); ?>
150 </div>
151 <p class="activity_more">
152 <a href="http://scn.slitaz.org/activity/">More activity</a>
153 </p>
154 </div>
156 <div class="activity">
157 <p>
158 <img src="images/development.png" alt="development.png" />
159 Latest Commits
160 <?php get_rss_feed("/var/cache/slitaz/website/wok.xml"); ?>
161 </div>
162 <p class="activity_more">
163 <a href="http://hg.slitaz.org/">More commits</a>
164 </p>
165 </div>
167 <h2>Spread SliTaz</h2>
168 <p>
169 One way to help the project is to make SliTaz even more popular.
170 Blog, Tweet, share and talk about the project. SliTaz
171 is also social, you can join us, share artwork or post a blog on the
172 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
173 "Like" the official SliTaz Facebook page and get involved!
174 </p>
176 <!-- Twitter Button -->
177 <div style="margin-bottom: 10px;">
178 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
179 <a href="http://twitter.com/share" class="twitter-share-button"
180 data-text="SliTaz GNU/Linux"
181 data-count="horizontal"
182 data-via="slitaz">Tweet</a>
183 </div>
185 <!-- Like Button -->
186 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
187 <fb:like
188 href="http://www.facebook.com/pages/SliTaz/125559834176383"
189 show_faces="true" width="auto">
190 </fb:like>
192 <h2>Monetary support</h2>
193 <p>
194 SliTaz is made by volunteers and there is no company behind
195 the project, but we desperately need some money to maintain the project
196 infrastructure and services such as the main server and build host.
197 You can help with a micropayment via Flattr or a Paypal donation to
198 the SliTaz <a href="en/asso/">Association</a>, that way we can keep
199 our freedom and autonomy without having any ads on our sites.
200 </p>
201 <div>
202 <!-- PayPal boutton -->
203 <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
204 style="display: inline;">
205 <input type="hidden" name="cmd" value="_s-xclick" />
206 <input type="hidden" name="hosted_button_id" value="4885025" />
207 <input type="image" src="images/paypal.png" name="submit"
208 alt="PayPal - The safer, easier way to pay online!" />
209 </form>
210 <!-- Flattr boutton -->
211 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
212 href="http://www.slitaz.org/"></a>
213 </div>
215 <h2>Internationalization</h2>
216 <p>
217 The SliTaz web site is available in several languages and maintained by the
218 <a href="i18n.php">internationalization</a> team (i18n). Help is often
219 needed and you're welcome to join us if you would like to see the website
220 translated into your language.
221 </p>
222 <p>
223 <img src="images/users.png" alt="users.png" />
224 <a href="http://scn.slitaz.org/groups/i18n/">Join i18n group on SCN</a>
225 </p>
227 <!-- End of content -->
228 </div>
230 <!-- Footer -->
231 <div id="footer">
232 Copyright &copy; <span class="year"></span>
233 <a href="http://www.slitaz.org/">SliTaz</a> - Network:
234 <a href="http://scn.slitaz.org/">Community</a>
235 <a href="http://doc.slitaz.org/">Doc</a>
236 <a href="http://forum.slitaz.org/">Forum</a>
237 <a href="http://pkgs.slitaz.org/">Packages</a>
238 <a href="http://labs.slitaz.org/issues">Bugs</a>
239 <a href="http://hg.slitaz.org/">Hg</a>
240 <p>
241 SliTaz @
242 <a href="http://twitter.com/slitaz">Twitter</a>
243 <a href="http://www.facebook.com/slitaz">Facebook</a>
244 <a href="http://distrowatch.com/slitaz">Distrowatch</a>
245 <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
246 <a href="http://flattr.com/profile/slitaz">Flattr</a>
247 </p>
248 </div>
250 </body>
251 </html>