website view index.php @ rev 712

en: main page use now PHP (index.php), new layout
author Christophe Lincoln <pankso@slitaz.org>
date Thu Jan 06 16:25:47 2011 +0100 (2011-01-06)
parents 5264a37b3867
children 18040398d744
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 <!-- Header -->
27 <div id="header">
28 <!-- Logo -->
29 <a href="http://www.slitaz.org/"><img id="logo"
30 src="pics/website/logo.png"
31 title="www.slitaz.org" alt="www.slitaz.org" /></a>
32 <p id="titre">#!/GNU/Linux</p>
33 </div>
34
35 <!-- Content -->
36 <div id="content-full">
37
38 <!-- For the main index with slideshow we keep block_nav and block_top
39 at min-height: 220px; -->
40
41 <!-- Block begin -->
42 <div class="block">
43 <!-- Nav block begin -->
44 <div id="block_nav" style="min-height: 220px;">
45 <h3><img src="pics/website/locale.png" alt="png" />Language</h3>
46 <div class="right_box">
47 <ul>
48 <li><a href="id/">Indonesian</a></li>
49 <li><a href="pt/">Português</a></li>
50 <li><a href="cn/" title="Chinese">
51 <img
52 src="pics/website/cn.png"
53 style="vertical-align: middle;"
54 title="Chinese" alt="cn" /></a></li>
55 </ul>
56 </div>
57 <ul>
58 <li><a href="de/">Deutsch</a></li>
59 <li><a href="en/">English</a></li>
60 <li><a href="es/">Español</a></li>
61 <li><a href="fr/">Français</a></li>
62 </ul>
63 <h3>Quick Download</h3>
64 <div class="button">
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 <!-- Nav block end -->
69 </div>
70 <!-- Top block begin -->
71 <div id="block_top" style="min-height: 220px;">
72 <h1>Boot baby... boot!</h1>
73 <div id="slideshow">
74 <img src="pics/slideshow/1.png" alt="Desktop 1.png" />
75 <img src="pics/slideshow/2.png" alt="Desktop 2.png" />
76 <img src="pics/slideshow/3.png" alt="Desktop 3.png" />
77 <img src="pics/slideshow/4.png" alt="Desktop 4.png" />
78 <img src="pics/slideshow/5.png" alt="Desktop 5.png" />
79 </div>
80 <!-- Top block end -->
81 </div>
82 <!-- Block end -->
83 </div>
84
85 <h2>About SliTaz</h2>
86 <p>
87 SliTaz is an open source and free operating system providing a fully featured
88 desktop or server in less than 30 Mb. SliTaz is simple to use, fast and stable.
89 We have an active community and <a href="netmap.php">network</a> to provide
90 help and get involved.
91 </p>
92
93 <!-- We just keep the last 4 web site news -->
94 <div id="news">
95 <h2>Latest news</h2>
96
97 <ul>
98 <li><strong><a href="en/#news">4 November 2010 - New Cooking 20101104</a></strong></li>
99 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
100 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
101 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
102 <li><strong>21 February 2010 - New Cooking 20100221</strong></li>
103 </ul>
104
105 <div class="infobox">
106 <img src="pics/website/news.png" alt="news" />
107 Read the latest news in your language:
108 <strong><a href="de/index.html#news">de</a></strong> |
109 <strong><a href="en/index.html#news">en</a></strong> |
110 <strong><a href="es/index.html#news">es</a></strong> |
111 <strong><a href="fr/index.html#news">fr</a></strong> |
112 <strong><a href="id/index.html#news">id</a></strong> |
113 <strong><a href="pt/index.html#news">pt</a></strong> |
114 <a href="cn/index.html#news"><img
115 src="pics/website/cn.png"
116 style="vertical-align: middle;"
117 title="Chinese" alt="cn" /></a>
118 </div>
119
120 <h2>Latest Tweet</h2>
121 <div id="twitter">
122 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
123 <script>
124 new TWTR.Widget({
125 version: 2,
126 type: 'profile',
127 rpp: 4,
128 interval: 6000,
129 width: '100%',
130 height: 200,
131 theme: {
132 shell: {
133 background: '#eaeaea',
134 color: '#000000'
135 },
136 tweets: {
137 background: '#ffffff',
138 color: '#000000',
139 links: '#3a4885'
140 }
141 },
142 features: {
143 scrollbar: false,
144 loop: false,
145 live: false,
146 hashtags: true,
147 timestamp: true,
148 avatars: false,
149 behavior: 'all'
150 }
151 }).render().setUser('slitaz').start();
152 </script>
153 </div>
154
155 <!-- We display the 5 last commit and build for cooking -->
156
157 <?php
158 include("/var/cache/slitaz/website/latest.html");
159 ?>
160
161 <!-- End of news -->
162 </div>
163
164 <h2>Internationalization</h2>
165
166 <p>
167 The SliTaz web site is available in several languages and maintained by the
168 <a href="i18n.html">internationalization</a> team (i18n). Help is often
169 needed and you're welcome to join us if you would like to see the website
170 translated into your language.
171 </p>
172
173 <!-- End of content -->
174 </div>
175
176 <!-- Footer -->
177 <div id="footer">
178 <div class="right_box">
179 <h4>SliTaz Network</h4>
180 <ul>
181 <li><a href="http://doc.slitaz.org/">Documentation</a></li>
182 <li><a href="http://forum.slitaz.org/">Support Forum</a></li>
183 <li><a href="http://scn.slitaz.org/">Community Network</a></li>
184 <li><a href="http://labs.slitaz.org/">Laboratories</a></li>
185 <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
186 <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
187 </ul>
188 </div>
189 <h4>SliTaz Website</h4>
190 <ul>
191 <li><a href="#header">Top of the page</a></li>
192 <li>Copyright &copy; <span class="year"></span>
193 <a href="http://www.slitaz.org/">SliTaz</a></li>
194 <li><a href="about/">About the project</a></li>
195 <li><a href="netmap.php">Network Map</a></li>
196 <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
197 <li><a href="http://validator.w3.org/check?uri=referer"><img
198 src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
199 title="Code validé XHTML 1.0"
200 style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
201 </ul>
202 </div>
203
204 </body>
205 </html>