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 © <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> |