website view index.php @ rev 737

smal CSS change
author Christophe Lincoln <pankso@slitaz.org>
date Fri Jan 14 07:52:11 2011 +0100 (2011-01-14)
parents 70e92ef609c0
children 11b76c7ea85b
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>
25
26 <?php
27 require_once("scripts/get_feed.php");
28 ?>
29
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>
38
39 <!-- Content -->
40 <div id="content-full">
41
42 <!-- For the main index with slideshow we keep block_nav and block_top
43 at min-height: 220px; -->
44
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>
88
89 <h2><img src="pics/website/certification.png" alt=".png" />About SliTaz</h2>
90
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>
97
98 <!-- We just keep the last 4 web site news -->
99 <div id="news">
100
101 <h2><img src="pics/website/news.png" alt=".png" />Latest news</h2>
102
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>
110
111 <div class="infobox">
112 Read the latest news in your language:
113 <strong><a href="de/index.html#news">de</a></strong> |
114 <strong><a href="en/index.html#news">en</a></strong> |
115 <strong><a href="es/index.html#news">es</a></strong> |
116 <strong><a href="fr/index.html#news">fr</a></strong> |
117 <strong><a href="id/index.html#news">id</a></strong> |
118 <strong><a href="pt/index.html#news">pt</a></strong> |
119 <a href="cn/index.html#news"><img
120 src="pics/website/cn.png"
121 style="vertical-align: middle;"
122 title="Chinese" alt="cn" /></a>
123 </div>
124
125 <h2><img src="pics/website/twitter.png" alt=".png" />Latest Tweet</h2>
126 <div id="twitter">
127 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
128 <script>
129 new TWTR.Widget({
130 version: 2,
131 type: 'profile',
132 rpp: 4,
133 interval: 6000,
134 width: '100%',
135 height: 200,
136 theme: {
137 shell: {
138 background: '#eaeaea',
139 color: '#000000'
140 },
141 tweets: {
142 background: '#ffffff',
143 color: '#000000',
144 links: '#3a4885'
145 }
146 },
147 features: {
148 scrollbar: false,
149 loop: false,
150 live: false,
151 hashtags: true,
152 timestamp: true,
153 avatars: false,
154 behavior: 'all'
155 }
156 }).render().setUser('slitaz').start();
157 </script>
158 </div>
159
160 <!-- We display the 5 last commit and build for cooking -->
161
162 <?php
163 include("/var/cache/slitaz/website/latest.html");
164 ?>
165
166 <h2><img src="pics/website/feed.png" alt=".png" />Community Network Feed</h2>
167
168 <div class="feedbox">
169 <div>
170 <?php get_feed("http://scn.slitaz.org/rss.xml"); ?>
171 </div>
172 <p>
173 Want to get involve ? <a href="http://scn.slitaz.org/user/register">Join us!</a>
174 </p>
175 </div>
176
177 <!-- End of news -->
178 </div>
179
180 <h2><img src="pics/website/users.png" alt=".png" />Spread SliTaz</h2>
181 <p>
182 One way to help the project is to make SliTaz even more popular.
183 Blog, Tweet, share and talk around you about the project. SliTaz
184 is also social, you can join us, share artwork or blog post on the
185 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
186 "Like" the official SliTaz Facebook page and get involved!
187 </p>
188
189 <!-- Like Button -->
190 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
191 <fb:like
192 href="http://www.facebook.com/pages/SliTaz/125559834176383"
193 show_faces="true" width="400">
194 </fb:like>
195
196 <h2><img src="pics/website/locale.png" alt=".png" />Internationalization</h2>
197
198 <p>
199 The SliTaz web site is available in several languages and maintained by the
200 <a href="i18n.html">internationalization</a> team (i18n). Help is often
201 needed and you're welcome to join us if you would like to see the website
202 translated into your language.
203 </p>
204
205 <!-- End of content -->
206 </div>
207
208 <!-- Footer -->
209 <div id="footer">
210 <div class="right_box">
211 <h4>SliTaz Network</h4>
212 <ul>
213 <li><a href="http://doc.slitaz.org/">Documentation</a></li>
214 <li><a href="http://forum.slitaz.org/">Support Forum</a></li>
215 <li><a href="http://scn.slitaz.org/">Community Network</a></li>
216 <li><a href="http://labs.slitaz.org/">Laboratories</a></li>
217 <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
218 <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
219 </ul>
220 </div>
221 <h4>SliTaz Website</h4>
222 <ul>
223 <li><a href="#header">Top of the page</a></li>
224 <li>Copyright &copy; <span class="year"></span>
225 <a href="http://www.slitaz.org/">SliTaz</a></li>
226 <li><a href="about/">About the project</a></li>
227 <li><a href="netmap.php">Network Map</a></li>
228 <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
229 <li><a href="http://validator.w3.org/check?uri=referer"><img
230 src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
231 title="Code validé XHTML 1.0"
232 style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
233 </ul>
234 </div>
235
236 </body>
237 </html>