website view index.php @ rev 766
Add link to SliTaz network on top fo main page and use PHP for random image
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Tue Mar 22 21:57:58 2011 +0100 (2011-03-22) |
| parents | 057790f707a9 |
| children | cf26a6e82827 |
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>
37 <?php
38 require_once("libs/get-feed.php");
39 ?>
41 <!-- Header -->
42 <div id="header">
43 <!-- Access -->
44 <div id="access">
45 <a href="netmap.php"><img
46 src="pics/website/network.png" alt="network.png" />
47 <a href="http://doc.slitaz.org/">Doc</a>
48 <a href="http://forum.slitaz.org/">Forum</a>
49 <a href="http://scn.slitaz.org/">Community</a>
50 <a href="http://labs.slitaz.org/issues">Bugs</a>
51 </div>
52 <!-- Logo -->
53 <a href="http://www.slitaz.org/"><img id="logo"
54 src="pics/website/logo.png"
55 title="www.slitaz.org" alt="www.slitaz.org" /></a>
56 <p id="titre">#!/GNU/Linux</p>
57 </div>
59 <!-- Content -->
60 <div id="content-full">
62 <!-- For the main index with slideshow we keep block_nav and block_top
63 at min-height: 220px; -->
65 <!-- Block begin -->
66 <div class="block">
67 <!-- Nav block begin -->
68 <div id="block_nav" style="min-height: 220px;">
69 <h3><a href="i18n.html"><img src="pics/website/locale.png"
70 alt="locale.png" /></a>Website Language</h3>
71 <div class="right_box">
72 <ul>
73 <li><a href="id/">Indonesian</a></li>
74 <li><a href="pt/">Português</a></li>
75 <li><a href="cn/" title="Chinese">
76 <img src="pics/website/cn.png" alt="cn"
77 style="vertical-align: middle;" /></a></li>
78 <!-- <li><a href="i18n.html">I18n info</a></li> -->
79 </ul>
80 </div>
81 <ul>
82 <li><a href="de/">Deutsch</a></li>
83 <li><a href="en/">English</a></li>
84 <li><a href="es/">Español</a></li>
85 <li><a href="fr/">Français</a></li>
86 </ul>
87 <h3>Quick Download</h3>
88 <div class="button">
89 <a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
90 <a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
91 </div>
92 <!-- Nav block end -->
93 </div>
94 <!-- Top block begin -->
95 <div id="block_top" style="min-height: 220px;">
96 <h1>Boot baby... boot!</h1>
97 <div id="slideshow">
98 <?php include("libs/random-image.php"); ?>
99 </div>
100 <!-- Top block end -->
101 </div>
102 <!-- Block end -->
103 </div>
105 <h2>About SliTaz</h2>
107 <p>
108 SliTaz is an open source and free operating system providing a fully featured
109 desktop or server in less than 30 MB. SliTaz is simple to use, fast and stable.
110 We have an active community and contributors from all over the world making
111 SliTaz finer every day.
112 </p>
114 <!-- We just keep the last 4 web site news -->
115 <div id="news">
117 <h2>Latest news</h2>
119 <ul>
120 <li><strong><a href="en/#news">4 November 2010 - New Cooking 20101104</a></strong></li>
121 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
122 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
123 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
124 <li><strong>21 February 2010 - New Cooking 20100221</strong></li>
125 </ul>
127 <div class="infobox">
128 <img src="pics/website/news.png" alt=".png" />
129 Read the latest news in your language:
130 <strong><a href="de/#news">de</a></strong> |
131 <strong><a href="en/#news">en</a></strong> |
132 <strong><a href="es/#news">es</a></strong> |
133 <strong><a href="fr/#news">fr</a></strong> |
134 <strong><a href="id/#news">id</a></strong> |
135 <strong><a href="pt/#news">pt</a></strong> |
136 <a href="cn/#news"><img
137 src="pics/website/cn.png"
138 style="vertical-align: middle;"
139 title="Chinese" alt="cn" /></a>
140 </div>
142 <!-- End of news -->
143 </div>
145 <h2>Latest Tweet</h2>
146 <div id="twitter">
147 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
148 <script>
149 new TWTR.Widget({
150 version: 2,
151 type: 'profile',
152 rpp: 4,
153 interval: 6000,
154 width: '100%',
155 height: 200,
156 theme: {
157 shell: {
158 background: '#eaeaea',
159 color: '#000000'
160 },
161 tweets: {
162 background: '#ffffff',
163 color: '#000000',
164 links: '#3a4885'
165 }
166 },
167 features: {
168 scrollbar: false,
169 loop: false,
170 live: false,
171 hashtags: true,
172 timestamp: true,
173 avatars: false,
174 behavior: 'all'
175 }
176 }).render().setUser('slitaz').start();
177 </script>
178 </div>
180 <h2>Feed Grid</h2>
182 <div class="feed-grid">
183 <div class="right_box">
184 <h3><img src="pics/website/feed.png" alt=".png" />Community Network</h3>
185 <?php get_rss_feed("/var/cache/slitaz/website/scn.xml"); ?>
186 </div>
187 <div class="left_box">
188 <h3><img src="pics/website/feed.png" alt=".png" />Support Forum</h3>
189 <?php get_forum_rss_feed("/var/cache/slitaz/website/forum.xml"); ?>
190 </div>
191 </div>
192 <div class="feed-grid">
193 <div class="right_box">
194 <h3><img src="pics/website/feed.png" alt=".png" />Latest commits</h3>
195 <?php get_rss_feed("/var/cache/slitaz/website/wok.xml"); ?>
196 </div>
197 <div class="left_box">
198 <h3><img src="pics/website/feed.png" alt=".png" />Bug Tracker</h3>
199 <?php get_atom_feed("/var/cache/slitaz/website/bugs.xml"); ?>
200 </div>
201 </div>
203 <h2>Spread SliTaz</h2>
204 <p>
205 One way to help the project is to make SliTaz even more popular.
206 Blog, Tweet, share and talk about the project. SliTaz
207 is also social, you can join us, share artwork or post a blog on the
208 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
209 "Like" the official SliTaz Facebook page and get involved!
210 </p>
212 <!-- Twitter Button -->
213 <div style="margin-bottom: 10px;">
214 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
215 <a href="http://twitter.com/share" class="twitter-share-button"
216 data-text="SliTaz GNU/Linux"
217 data-count="horizontal"
218 data-via="slitaz">Tweet</a>
219 </div>
221 <!-- Like Button -->
222 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
223 <fb:like
224 href="http://www.facebook.com/pages/SliTaz/125559834176383"
225 show_faces="true" width="auto">
226 </fb:like>
228 <h2>Monetary support</h2>
229 <p>
230 SliTaz is made fully by volunteers and there is no company behind
231 the project, but we need some money to maintain the project
232 infrastructure and services such as the main server and build host.
233 You can help with a micropayment via Flattr or a Paypal donation to
234 the SliTaz <a href="en/asso/">Association</a>, that way we can keep
235 our freedom and autonomy without having any ads on our sites.
236 </p>
237 <div>
238 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
239 href="http://www.slitaz.org/"></a>
240 </div>
242 <h2>Internationalization</h2>
243 <p>
244 The SliTaz web site is available in several languages and maintained by the
245 <a href="i18n.html">internationalization</a> team (i18n). Help is often
246 needed and you're welcome to join us if you would like to see the website
247 translated into your language.
248 </p>
250 <!-- End of content -->
251 </div>
253 <!-- Footer -->
254 <div id="footer">
255 <div class="right_box">
256 <h4>SliTaz Network</h4>
257 <ul>
258 <li><a href="http://doc.slitaz.org/">Documentation</a></li>
259 <li><a href="http://forum.slitaz.org/">Support Forum</a></li>
260 <li><a href="http://scn.slitaz.org/">Community Network</a></li>
261 <li><a href="http://labs.slitaz.org/">Laboratories</a></li>
262 <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
263 <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
264 </ul>
265 </div>
266 <h4>SliTaz Website</h4>
267 <ul>
268 <li><a href="#header">Top of the page</a></li>
269 <li>Copyright © <span class="year"></span>
270 <a href="http://www.slitaz.org/">SliTaz</a></li>
271 <li><a href="about/">About the project</a></li>
272 <li><a href="netmap.php">Network Map</a></li>
273 <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
274 <li><a href="http://validator.w3.org/check?uri=referer"><img
275 src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
276 title="Code validé XHTML 1.0"
277 style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
278 </ul>
279 </div>
281 </body>
282 </html>