website view index.php @ rev 780

ex + id: Code clean-up and new layout (TODO: finish es)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 26 22:22:15 2011 +0100 (2011-03-26)
parents 349b13c7c03d
children 5889226cf8b5
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>
31
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>
46
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>
70
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>
82
83 <!-- Content -->
84 <div id="content">
85
86 <!-- For the main index with slideshow we keep block_nav and block_top
87 at min-height: 220px; -->
88
89 <!-- We just keep the last 4 web site news -->
90 <div id="news">
91
92 <h2>Latest news</h2>
93
94 <ul>
95 <li><strong><a href="en/#news">4 November 2010 - New Cooking 20101104</a></strong></li>
96 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
97 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
98 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
99 <li><strong>21 February 2010 - New Cooking 20100221</strong></li>
100 </ul>
101
102 <!-- End of news -->
103 </div>
104
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>
139
140 <h2>Feed Grid</h2>
141 <?php
142 require_once("libs/get-feed.php");
143 ?>
144 <div class="feed-grid">
145 <div class="right_box">
146 <h3>Community Network</h3>
147 <?php get_rss_feed("/var/cache/slitaz/website/scn.xml"); ?>
148 </div>
149 <div class="left_box">
150 <h3>Support Forum</h3>
151 <?php get_forum_rss_feed("/var/cache/slitaz/website/forum.xml"); ?>
152 </div>
153 </div>
154 <div class="feed-grid">
155 <div class="right_box">
156 <h3>Latest Commits</h3>
157 <?php get_rss_feed("/var/cache/slitaz/website/wok.xml"); ?>
158 </div>
159 <div class="left_box">
160 <h3>Bug Tracker</h3>
161 <?php get_atom_feed("/var/cache/slitaz/website/bugs.xml"); ?>
162 </div>
163 </div>
164
165 <h2>Spread SliTaz</h2>
166 <p>
167 One way to help the project is to make SliTaz even more popular.
168 Blog, Tweet, share and talk about the project. SliTaz
169 is also social, you can join us, share artwork or post a blog on the
170 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
171 "Like" the official SliTaz Facebook page and get involved!
172 </p>
173
174 <!-- Twitter Button -->
175 <div style="margin-bottom: 10px;">
176 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
177 <a href="http://twitter.com/share" class="twitter-share-button"
178 data-text="SliTaz GNU/Linux"
179 data-count="horizontal"
180 data-via="slitaz">Tweet</a>
181 </div>
182
183 <!-- Like Button -->
184 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
185 <fb:like
186 href="http://www.facebook.com/pages/SliTaz/125559834176383"
187 show_faces="true" width="auto">
188 </fb:like>
189
190 <h2>Monetary support</h2>
191 <p>
192 SliTaz is made by volunteers and there is no company behind
193 the project, but we still need some money to maintain the project
194 infrastructure and services such as the main server and build host.
195 You can help with a micropayment via Flattr or a Paypal donation to
196 the SliTaz <a href="en/asso/">Association</a>, that way we can keep
197 our freedom and autonomy without having any ads on our sites.
198 </p>
199 <div>
200 <!-- PayPal boutton -->
201 <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
202 style="display: inline;">
203 <input type="hidden" name="cmd" value="_s-xclick" />
204 <input type="hidden" name="hosted_button_id" value="4885025" />
205 <input type="image" src="images/paypal.png" name="submit"
206 alt="PayPal - The safer, easier way to pay online!" />
207 </form>
208 <!-- Flattr boutton -->
209 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
210 href="http://www.slitaz.org/"></a>
211 </div>
212
213 <h2>Internationalization</h2>
214 <p>
215 The SliTaz web site is available in several languages and maintained by the
216 <a href="i18n.php">internationalization</a> team (i18n). Help is often
217 needed and you're welcome to join us if you would like to see the website
218 translated into your language.
219 </p>
220
221 <!-- End of content -->
222 </div>
223
224 <!-- Footer -->
225 <div id="footer">
226 Copyright &copy; <span class="year"></span>
227 <a href="http://www.slitaz.org/">SliTaz</a> - Network:
228 <a href="http://scn.slitaz.org/">Community</a>
229 <a href="http://doc.slitaz.org/">Doc</a>
230 <a href="http://forum.slitaz.org/">Forum</a>
231 <a href="http://pkgs.slitaz.org/">Packages</a>
232 <a href="http://labs.slitaz.org/issues">Bugs</a>
233 <a href="http://hg.slitaz.org/">Hg</a>
234 <p>
235 SliTaz @
236 <a href="http://twitter.com/slitaz">Twitter</a>
237 <a href="http://www.facebook.com/slitaz">Facebook</a>
238 <a href="http://distrowatch.com/slitaz">Distrowatch</a>
239 <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
240 <a href="http://flattr.com/profile/slitaz">Flattr</a>
241 </p>
242 </div>
243
244 </body>
245 </html>