website view index.php @ rev 740

Main page: tiny cosmetic change (again... may not be finish:-)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Jan 15 04:05:45 2011 +0100 (2011-01-15)
parents deb4f591102a
children 14e0a6244a5b
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=ISO-8859-1" />
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="scripts/slideshow.js"></script>
22 <link rel="Content" href="#content" />
23 </head>
24 <body>
26 <?php
27 require_once("scripts/get_feed.php");
28 ?>
30 <!-- Header -->
31 <div id="header">
32 <!-- Logo -->
33 <a href="http://www.slitaz.org/"><img id="logo"
34 src="pics/website/logo.png"
35 title="www.slitaz.org" alt="www.slitaz.org" /></a>
36 <p id="titre">#!/GNU/Linux</p>
37 </div>
39 <!-- Content -->
40 <div id="content-full">
42 <!-- For the main index with slideshow we keep block_nav and block_top
43 at min-height: 220px; -->
45 <!-- Block begin -->
46 <div class="block">
47 <!-- Nav block begin -->
48 <div id="block_nav" style="min-height: 220px;">
49 <h3><a href="i18n.html"><img src="pics/website/locale.png"
50 alt="locale.png" /></a>Language</h3>
51 <div class="right_box">
52 <ul>
53 <li><a href="id/">Indonesian</a></li>
54 <li><a href="pt/">Português</a></li>
55 <li><a href="cn/" title="Chinese">
56 <img src="pics/website/cn.png" alt="cn"
57 style="vertical-align: middle;" /></a></li>
58 <!-- <li><a href="i18n.html">I18n info</a></li> -->
59 </ul>
60 </div>
61 <ul>
62 <li><a href="de/">Deutsch</a></li>
63 <li><a href="en/">English</a></li>
64 <li><a href="es/">Español</a></li>
65 <li><a href="fr/">Français</a></li>
66 </ul>
67 <h3>Quick Download</h3>
68 <div class="button">
69 <a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
70 <a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
71 </div>
72 <!-- Nav block end -->
73 </div>
74 <!-- Top block begin -->
75 <div id="block_top" style="min-height: 220px;">
76 <h1>Boot baby... boot!</h1>
77 <div id="slideshow">
78 <img src="pics/slideshow/1.png" alt="Desktop 1.png" />
79 <img src="pics/slideshow/2.png" alt="Desktop 2.png" />
80 <img src="pics/slideshow/3.png" alt="Desktop 3.png" />
81 <img src="pics/slideshow/4.png" alt="Desktop 4.png" />
82 <img src="pics/slideshow/5.png" alt="Desktop 5.png" />
83 </div>
84 <!-- Top block end -->
85 </div>
86 <!-- Block end -->
87 </div>
89 <h2>About SliTaz</h2>
91 <p>
92 SliTaz is an open source and free operating system providing a fully featured
93 desktop or server in less than 30 MB. SliTaz is simple to use, fast and stable.
94 We have an active community and contributors from from all over the world making
95 SliTaz better every day.
96 </p>
98 <!-- We just keep the last 4 web site news -->
99 <div id="news">
101 <h2>Latest news</h2>
103 <ul>
104 <li><strong><a href="en/#news">4 November 2010 - New Cooking 20101104</a></strong></li>
105 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
106 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
107 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
108 <li><strong>21 February 2010 - New Cooking 20100221</strong></li>
109 </ul>
111 <div class="infobox">
112 <img src="pics/website/news.png" alt=".png" />
113 Read the latest news in your language:
114 <strong><a href="de/index.html#news">de</a></strong> |
115 <strong><a href="en/index.html#news">en</a></strong> |
116 <strong><a href="es/index.html#news">es</a></strong> |
117 <strong><a href="fr/index.html#news">fr</a></strong> |
118 <strong><a href="id/index.html#news">id</a></strong> |
119 <strong><a href="pt/index.html#news">pt</a></strong> |
120 <a href="cn/index.html#news"><img
121 src="pics/website/cn.png"
122 style="vertical-align: middle;"
123 title="Chinese" alt="cn" /></a>
124 </div>
126 <h2>Latest Tweet</h2>
127 <div id="twitter">
128 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
129 <script>
130 new TWTR.Widget({
131 version: 2,
132 type: 'profile',
133 rpp: 4,
134 interval: 6000,
135 width: '100%',
136 height: 200,
137 theme: {
138 shell: {
139 background: '#eaeaea',
140 color: '#000000'
141 },
142 tweets: {
143 background: '#ffffff',
144 color: '#000000',
145 links: '#3a4885'
146 }
147 },
148 features: {
149 scrollbar: false,
150 loop: false,
151 live: false,
152 hashtags: true,
153 timestamp: true,
154 avatars: false,
155 behavior: 'all'
156 }
157 }).render().setUser('slitaz').start();
158 </script>
159 </div>
161 <!-- We display the 5 last commit and build for cooking -->
163 <?php
164 include("/var/cache/slitaz/website/latest.html");
165 ?>
167 <h2>Community Network Feed</h2>
168 <div class="feedbox">
169 <div>
170 <?php get_feed("http://scn.slitaz.org/rss.xml"); ?>
171 </div>
172 <div style="height: auto;">
173 <p style="margin: 4px 0 0; font-size: 12px; float: right;">
174 <a href="http://scn.slitaz.org/user/register">Join the community</a>
175 </p>
176 </div>
177 </div>
179 <!-- End of news -->
180 </div>
182 <h2>Spread SliTaz</h2>
183 <p>
184 One way to help the project is to make SliTaz even more popular.
185 Blog, Tweet, share and talk around you about the project. SliTaz
186 is also social, you can join us, share artwork or blog post on the
187 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
188 "Like" the official SliTaz Facebook page and get involved!
189 </p>
191 <div style="margin-bottom: 10px;">
192 <!-- Twitter Button -->
193 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
194 <a href="http://twitter.com/share" class="twitter-share-button"
195 data-text="SliTaz GNU/Linux" data-count="horizontal" data-via="slitaz">Tweet</a>
196 </div>
198 <!-- Like Button -->
199 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
200 <fb:like
201 href="http://www.facebook.com/pages/SliTaz/125559834176383"
202 show_faces="true" width="auto">
203 </fb:like>
205 <h2>Internationalization</h2>
206 <p>
207 The SliTaz web site is available in several languages and maintained by the
208 <a href="i18n.html">internationalization</a> team (i18n). Help is often
209 needed and you're welcome to join us if you would like to see the website
210 translated into your language.
211 </p>
213 <!-- End of content -->
214 </div>
216 <!-- Footer -->
217 <div id="footer">
218 <div class="right_box">
219 <h4>SliTaz Network</h4>
220 <ul>
221 <li><a href="http://doc.slitaz.org/">Documentation</a></li>
222 <li><a href="http://forum.slitaz.org/">Support Forum</a></li>
223 <li><a href="http://scn.slitaz.org/">Community Network</a></li>
224 <li><a href="http://labs.slitaz.org/">Laboratories</a></li>
225 <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
226 <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
227 </ul>
228 </div>
229 <h4>SliTaz Website</h4>
230 <ul>
231 <li><a href="#header">Top of the page</a></li>
232 <li>Copyright &copy; <span class="year"></span>
233 <a href="http://www.slitaz.org/">SliTaz</a></li>
234 <li><a href="about/">About the project</a></li>
235 <li><a href="netmap.php">Network Map</a></li>
236 <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
237 <li><a href="http://validator.w3.org/check?uri=referer"><img
238 src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
239 title="Code validé XHTML 1.0"
240 style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
241 </ul>
242 </div>
244 </body>
245 </html>