website annotate index.php @ rev 711

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