website annotate index.php @ rev 693

Style improvment: use CSS 3 new functions (transition, box-shadow, opacity)
author Christophe Lincoln <pankso@slitaz.org>
date Fri Dec 24 15:32:15 2010 +0100 (2010-12-24)
parents 64dfd2ee65be
children e9dfc5a35530
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@678 12 <meta name="modified" content="2010-11-04 21:10:00" />
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@678 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@678 19 <link rel="alternate" type="application/atom+xml" title="SliTaz Labs feed" href="http://labs.slitaz.org/news?format=atom" />
pascal@691 20 <link rel="Content" href="#content" />
pankso@678 21 </head>
pankso@678 22 <body bgcolor="#ffffff">
pankso@678 23
pankso@678 24 <!-- Header -->
pankso@678 25 <div id="header">
pankso@678 26 <a name="top"></a>
pankso@678 27 <a href="http://www.slitaz.org/"><img id="logo"
pankso@678 28 src="pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
pankso@678 29 style="border: 0px solid ; width: 200px; height: 74px;" /></a>
pankso@678 30 <p id="titre">#!/GNU/Linux</p>
pankso@678 31 </div>
pankso@678 32
pankso@678 33 <!-- Navigation menu -->
pankso@678 34 <div id="nav">
pankso@678 35
pankso@678 36 <div class="nav_box">
pankso@678 37 <h4><img
pankso@678 38 src="pics/website/locale.png"
pankso@678 39 style="vertical-align: middle; width: 20px; height: 20px;"
pankso@693 40 alt="language" />Language</h4>
pankso@678 41 <div style="width: 50%; position: absolute; right: 0px;">
pankso@678 42 <ul>
pankso@693 43 <li><a href="id/index.html">Indonesian</a></li>
pankso@678 44 <li><a href="pt/index.html">Português</a></li>
pankso@678 45 <li><a href="cn/index.html" title="Chinese">
pankso@678 46 <img
pankso@678 47 src="pics/website/cn.png"
pankso@678 48 style="vertical-align: middle;"
pankso@678 49 title="Chinese" alt="cn" /></a></li>
pankso@678 50 </ul>
pankso@678 51 </div>
pankso@678 52 <ul>
paul@685 53 <li><a href="de/index.html">Deutsch</a></li>
pankso@678 54 <li><a href="en/index.html">English</a></li>
paul@686 55 <li><a href="es/index.html">Español</a></li>
pankso@678 56 <li><a href="fr/index.html">Français</a></li>
pankso@678 57 </ul>
pankso@678 58 </div>
pankso@678 59
pankso@678 60 <div class="nav_box">
pankso@678 61 <h4>About SliTaz</h4>
pankso@678 62 <p>
pankso@678 63 SliTaz is an open source and free operating system providing a fully featured
pankso@678 64 desktop or server in less than 30 Mb. SliTaz is simple to use, fast and stable.
pankso@678 65 <a href="en/about/">More information...</a>
pankso@678 66 </p>
pankso@678 67 </div>
pankso@678 68
pankso@678 69 <!-- Download -->
pankso@678 70 <div class="nav_box">
pankso@678 71 <h4>Quick Download</h4>
pankso@678 72 <ul>
pankso@678 73 <li>Stable Core LiveCD:
pankso@678 74 <a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a></li>
pankso@678 75 <li>Cooking Core LiveCD:
pankso@678 76 <a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz 20101104</a></li>
pankso@678 77 </ul>
pankso@678 78 </div>
pankso@678 79
pankso@678 80 <!-- SliTaz network -->
pankso@678 81 <div class="nav_box">
pankso@678 82 <h4>SliTaz Network</h4>
pankso@678 83 <ul>
pankso@678 84 <li><a href="http://forum.slitaz.org/">Community Forum</a></li>
pankso@678 85 <li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
pankso@678 86 <li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
pankso@678 87 <li><a href="http://pizza.slitaz.org/">Online Builder</a></li>
pankso@678 88 <li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
pankso@678 89 <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
pankso@678 90 <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
pankso@678 91 </ul>
pankso@678 92 </div>
pankso@678 93
pankso@678 94 </div>
pankso@678 95
pankso@678 96 <!-- Content top. -->
pankso@678 97 <div id="content_top">
pankso@678 98 <div class="top_left"></div>
pankso@678 99 <div class="top_right"></div>
pankso@678 100 </div>
pankso@678 101
pankso@678 102 <!-- Content -->
pankso@678 103 <div id="content">
pankso@678 104 <a name="content"></a>
pankso@678 105
pankso@678 106 <h1><font color="#3E1220">Home</font></h1>
pankso@678 107 <h2><font color="#DF8F06">Boot baby... boot!</font></h2>
pankso@678 108
pankso@678 109 <div style="text-align: center;">
pankso@678 110 <img
pankso@678 111 src="pics/website/screenpresentation.png"
pankso@678 112 title="SliTaz Desktops" alt="slitaz-desktop"
pankso@678 113 style="width: 380px; height: 170px; margin-top: 8px;" />
pankso@678 114 </div>
pankso@678 115
pankso@678 116 <div id="news">
pankso@678 117
pankso@678 118 <!-- We just keep the last 4 web site news -->
pankso@678 119
pankso@678 120 <h2><font color="#DF8F06">Latest news</font></h2>
pankso@678 121
pankso@678 122 <ul>
pankso@678 123 <li><strong><a href="en/#news">4 November 2010 - New Cooking 20101104</a></strong></li>
pankso@678 124 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
pankso@678 125 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
pankso@678 126 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
pankso@678 127 <li><strong>21 February 2010 - New Cooking 20100221</strong></li>
pankso@678 128 </ul>
pankso@678 129
pankso@678 130 <div class="infobox">
pankso@678 131 <img
pankso@678 132 src="pics/website/news.png"
pankso@678 133 style="vertical-align: middle; width: 20px; height: 20px;" alt="news" />
pankso@678 134 Read the latest news in your language:
paul@685 135 <strong><a href="de/index.html#news">de</a></strong> |
pankso@678 136 <strong><a href="en/index.html#news">en</a></strong> |
pankso@678 137 <strong><a href="es/index.html#news">es</a></strong> |
pankso@678 138 <strong><a href="fr/index.html#news">fr</a></strong> |
pankso@678 139 <strong><a href="id/index.html#news">id</a></strong> |
pankso@678 140 <strong><a href="pt/index.html#news">pt</a></strong> |
pankso@678 141 <a href="cn/index.html#news"><img
pankso@678 142 src="pics/website/cn.png"
pankso@678 143 style="vertical-align: middle;"
pankso@678 144 title="Chinese" alt="cn" /></a>
pankso@678 145 </div>
pankso@678 146
pankso@678 147 <!-- We display the 5 last commit and build for cooking
pankso@678 148
pankso@678 149 NOTE: Using php system() may use a lot of cpu, we have a cron to generate
pankso@678 150 an include file each hours. Example with PHP:
pankso@678 151 echo "<ul>\n";
pankso@678 152 system("hg log --repository $repo --limit 5 --no-merges \
pankso@678 153 --template ' <li><strong>{date|shortdate}</strong> \
pankso@678 154 - <a href=\"$url/rev/{rev}\">{desc}</a></li>\n'");
pankso@678 155 echo "<\ul>\n";
pankso@678 156 -->
pankso@678 157
pankso@678 158 <?php
pankso@678 159 include("/var/cache/slitaz/website/latest.html");
pankso@678 160 ?>
pankso@678 161
pankso@678 162 <!-- End of news -->
pankso@678 163 </div>
pankso@678 164
pankso@678 165 <h2><font color="#DF8F06">Internationalization</font></h2>
pankso@678 166
pankso@678 167 <p>
pankso@678 168 The SliTaz web site is available in several languages and maintained by the
pankso@678 169 <a href="i18n.html">internationalization</a> team (i18n). Help is often
pankso@678 170 needed and you're welcome to join us if you would like to see the website
pankso@678 171 translated into your language.
pankso@678 172 </p>
pankso@678 173
pankso@678 174 <!-- End of content with round corner -->
pankso@678 175 </div>
pankso@678 176 <div id="content_bottom">
pankso@678 177 <div class="bottom_left"></div>
pankso@678 178 <div class="bottom_right"></div>
pankso@678 179 </div>
pankso@678 180
pankso@678 181 <!-- Start of footer and copy notice -->
pankso@678 182 <div id="copy">
pankso@678 183 <p>
pankso@678 184 Last modification: 2010-11-04 21:10:00 -
pascal@691 185 <a href="#top">Top of the page</a>
pankso@678 186 </p>
pankso@678 187 <p>
pankso@678 188 Copyright &copy; <span class="year"></span> <a href="http://www.slitaz.org/">SliTaz</a> -
pankso@678 189 <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
pankso@678 190 </p>
pankso@678 191 <!-- End of copy -->
pankso@678 192 </div>
pankso@678 193
pankso@678 194 <!-- Bottom and logo's -->
pankso@678 195 <div id="bottom">
pankso@678 196 <p>
pankso@678 197 <a href="http://validator.w3.org/check?uri=referer"><img
pankso@678 198 src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
pankso@678 199 title="Code validé XHTML 1.0"
pankso@678 200 style="width: 80px; height: 15px;" /></a>
pankso@678 201 </p>
pankso@678 202 </div>
pankso@678 203
pankso@678 204 </body>
pankso@678 205 </html>