website diff index.php @ rev 776

en: all new layout amd code clean-up
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 26 15:43:13 2011 +0100 (2011-03-26)
parents cf26a6e82827
children 4b9f996e8910
line diff
     1.1 --- a/index.php	Wed Mar 23 00:12:01 2011 +0000
     1.2 +++ b/index.php	Sat Mar 26 15:43:13 2011 +0100
     1.3 @@ -4,21 +4,17 @@
     1.4  <head>
     1.5      <title>SliTaz GNU/Linux</title>
     1.6      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     1.7 -    <meta name="description" content="SliTaz GNU/Linux LiveCD operating system" />
     1.8 -    <meta name="keywords" lang="en" content="System, libre, gnu, linux, logiciels opensource, livecd" />
     1.9 +	<meta name="description" content="SliTaz GNU/Linux LiveCD operating system" />
    1.10 +    <meta name="keywords" lang="en" content="slitaz, gnu, linux, opensource, livecd, live usb" />
    1.11      <meta name="robots" content="index, follow, all" />
    1.12 -    <meta name="revisit-after" content="3 days" />
    1.13 -    <meta name="expires" content="never" />
    1.14      <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
    1.15 -    <meta name="author" content="Christophe Lincoln"/>
    1.16 -    <meta name="publisher" content="www.slitaz.org" />
    1.17 +    <meta name="author" content="Christophe Lincoln" />
    1.18      <meta name="verify-v1" content="qieECDfB5l+EBkG8QMNuHOGfol0/MEe4U22/4iVupNw=" />
    1.19  	<link rel="shortcut icon" href="favicon.ico" />
    1.20      <link rel="stylesheet" type="text/css" href="slitaz.css" />
    1.21      <link rel="alternate" type="application/rss+xml" title="SliTaz Website feed" href="en/rss.xml" />
    1.22      <link rel="alternate" type="application/atom+xml" title="SliTaz Labs feed" href="http://labs.slitaz.org/news?format=atom" />
    1.23      <link rel="alternate" type="application/rss+xml" title="SliTaz SCN feed" href="http://scn.slitaz.org/rss.xml" />
    1.24 -    <script type="text/javascript" src="libs/js/slideshow.js"></script>
    1.25      <script type="text/javascript">
    1.26  	/* <![CDATA[ */
    1.27  	    (function() {
    1.28 @@ -30,87 +26,65 @@
    1.29  	    })();
    1.30  	/* ]]> */
    1.31  	</script>
    1.32 -    <link rel="Content" href="#content" />
    1.33  </head>
    1.34  <body>
    1.35  
    1.36 -<?php
    1.37 -	require_once("libs/get-feed.php");
    1.38 -?>
    1.39 -
    1.40  <!-- Header -->
    1.41  <div id="header">
    1.42 -	<!-- Access -->
    1.43 -	<div id="access">
    1.44 -		<a href="netmap.php"><img
    1.45 -			src="pics/website/network.png" alt="network.png" />
    1.46 +	<div id="logo"></div>
    1.47 +	<div id="network">
    1.48 +		<a href="./netmap.php">
    1.49 +			<img src="images/network.png" alt="network.png" /></a>
    1.50 +		<a href="http://scn.slitaz.org/">Community</a>
    1.51  		<a href="http://doc.slitaz.org/">Doc</a>
    1.52  		<a href="http://forum.slitaz.org/">Forum</a>
    1.53 -		<a href="http://scn.slitaz.org/">Community</a>
    1.54  		<a href="http://labs.slitaz.org/issues">Bugs</a>
    1.55 +		<a href="http://hg.slitaz.org/">Hg</a>
    1.56  	</div>
    1.57 -	<!-- Logo -->
    1.58 -	<a href="http://www.slitaz.org/"><img id="logo"
    1.59 -		src="pics/website/logo.png" 
    1.60 -		title="www.slitaz.org" alt="www.slitaz.org" /></a>
    1.61 -	<p id="titre">#!/GNU/Linux</p>
    1.62 +	<h1><a href="http://www.slitaz.org/">SliTaz GNU/Linux</a></h1>
    1.63 +</div>
    1.64 +
    1.65 +<!-- Block -->
    1.66 +<div id="block">
    1.67 +	<!-- Navigation -->
    1.68 +	<div id="block_nav" style="text-align: center; padding: 10px;">
    1.69 +		<?php include("libs/random-image.php"); ?>
    1.70 +	</div>
    1.71 +	<!-- Information/image -->
    1.72 +	<div id="block_info">
    1.73 +		<h4>About SliTaz</h4>
    1.74 +		<p>
    1.75 +			SliTaz is an open source and free operating system providing
    1.76 +			a fully featured desktop or server in less than 30 MB. SliTaz
    1.77 +			is simple to use, fast and stable. We have an active community
    1.78 +			and contributors from all over the world making SliTaz finer
    1.79 +			every day. 
    1.80 +		</p>
    1.81 +		<div class="button">
    1.82 +			Quick Download:
    1.83 +			<a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
    1.84 +			<a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
    1.85 +		</div>
    1.86 +	</div>
    1.87 +</div>
    1.88 +
    1.89 +<!-- Languages -->
    1.90 +<div id="lang">
    1.91 +	<a href="i18n.php"><img src="images/locale.png" alt="locale.png" /></a>
    1.92 +	<a href="de/">Deutsch</a>
    1.93 +	<a href="en/">English</a>
    1.94 +	<a href="es/">Español</a>
    1.95 +	<a href="fr/">Français</a>
    1.96 +	<a href="id/">Indonesian</a>
    1.97 +	<a href="pt/">Português</a>
    1.98  </div>
    1.99  
   1.100  <!-- Content -->
   1.101 -<div id="content-full">
   1.102 +<div id="content">
   1.103  
   1.104  <!-- For the main index with slideshow we keep block_nav and block_top
   1.105       at min-height: 220px; -->
   1.106  
   1.107 -<!-- Block begin -->
   1.108 -<div class="block">
   1.109 -	<!-- Nav block begin -->
   1.110 -	<div id="block_nav" style="min-height: 220px;">
   1.111 -		<h3><a href="i18n.html"><img src="pics/website/locale.png"
   1.112 -			alt="locale.png" /></a>Website Language</h3>
   1.113 -		<div class="right_box">
   1.114 -			<ul>
   1.115 -				<li><a href="id/">Indonesian</a></li>
   1.116 -				<li><a href="pt/">Português</a></li>
   1.117 -				<li><a href="cn/" title="Chinese">
   1.118 -				<img src="pics/website/cn.png" alt="cn"
   1.119 -					style="vertical-align: middle;" /></a></li>
   1.120 -				<!-- <li><a href="i18n.html">I18n info</a></li> -->
   1.121 -			</ul>
   1.122 -		</div>
   1.123 -		<ul>
   1.124 -			<li><a href="de/">Deutsch</a></li>
   1.125 -			<li><a href="en/">English</a></li>
   1.126 -			<li><a href="es/">Español</a></li>
   1.127 -			<li><a href="fr/">Français</a></li>
   1.128 -		</ul>
   1.129 -		<h3>Quick Download</h3>
   1.130 -		<div class="button">
   1.131 -			<a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
   1.132 -			<a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
   1.133 -		</div>
   1.134 -	<!-- Nav block end -->
   1.135 -	</div>
   1.136 -	<!-- Top block begin -->
   1.137 -	<div id="block_top" style="min-height: 220px;">
   1.138 -		<h1>Boot baby... boot!</h1>
   1.139 -		<div id="slideshow">
   1.140 -			<?php include("libs/random-image.php"); ?>
   1.141 -		</div>	
   1.142 -	<!-- Top block end -->
   1.143 -	</div>
   1.144 -<!-- Block end -->
   1.145 -</div>
   1.146 -
   1.147 -<h2>About SliTaz</h2>
   1.148 -
   1.149 -<p>
   1.150 -SliTaz is an open source and free operating system providing a fully featured
   1.151 -desktop or server in less than 30 MB. SliTaz is simple to use, fast and stable.
   1.152 -We have an active community and contributors from all over the world making
   1.153 -SliTaz finer every day.
   1.154 -</p>
   1.155 -
   1.156  <!-- We just keep the last 4 web site news -->
   1.157  <div id="news">
   1.158  
   1.159 @@ -124,21 +98,6 @@
   1.160  	<li><strong>21 February 2010 - New Cooking 20100221</strong></li>
   1.161  </ul>
   1.162  
   1.163 -<div class="infobox">
   1.164 -	<img src="pics/website/news.png" alt=".png" />
   1.165 -	Read the latest news in your language:
   1.166 -	<strong><a href="de/#news">de</a></strong> |
   1.167 -	<strong><a href="en/#news">en</a></strong> |
   1.168 -	<strong><a href="es/#news">es</a></strong> |
   1.169 -	<strong><a href="fr/#news">fr</a></strong> |
   1.170 -	<strong><a href="id/#news">id</a></strong> |
   1.171 -	<strong><a href="pt/#news">pt</a></strong> |
   1.172 -	<a href="cn/#news"><img
   1.173 -		src="pics/website/cn.png"
   1.174 -		style="vertical-align: middle;"
   1.175 -		title="Chinese" alt="cn" /></a>
   1.176 -</div>
   1.177 -
   1.178  <!-- End of news -->
   1.179  </div>
   1.180  
   1.181 @@ -178,24 +137,26 @@
   1.182  </div>
   1.183  
   1.184  <h2>Feed Grid</h2>
   1.185 -
   1.186 +<?php
   1.187 +	require_once("libs/get-feed.php");
   1.188 +?>
   1.189  <div class="feed-grid">
   1.190  	<div class="right_box">
   1.191 -		<h3><img src="pics/website/feed.png" alt=".png" />Community Network</h3>
   1.192 +		<h3>Community Network</h3>
   1.193  		<?php get_rss_feed("/var/cache/slitaz/website/scn.xml"); ?>
   1.194  	</div>
   1.195  	<div class="left_box">
   1.196 -		<h3><img src="pics/website/feed.png" alt=".png" />Support Forum</h3>
   1.197 +		<h3>Support Forum</h3>
   1.198  		<?php get_forum_rss_feed("/var/cache/slitaz/website/forum.xml"); ?>
   1.199  	</div>
   1.200  </div>
   1.201  <div class="feed-grid">
   1.202  	<div class="right_box">
   1.203 -		<h3><img src="pics/website/feed.png" alt=".png" />Latest commits</h3>
   1.204 +		<h3>Latest Commits</h3>
   1.205  		<?php get_rss_feed("/var/cache/slitaz/website/wok.xml"); ?>
   1.206  	</div>
   1.207  	<div class="left_box">
   1.208 -		<h3><img src="pics/website/feed.png" alt=".png" />Bug Tracker</h3>
   1.209 +		<h3>Bug Tracker</h3>
   1.210  		<?php get_atom_feed("/var/cache/slitaz/website/bugs.xml"); ?>
   1.211  	</div>
   1.212  </div>
   1.213 @@ -228,21 +189,30 @@
   1.214  <h2>Monetary support</h2>
   1.215  <p>
   1.216  	SliTaz is made by volunteers and there is no company behind
   1.217 -	the project, but we still need some money to maintain the project 
   1.218 +    the project, but we still need some money to maintain the project 
   1.219  	infrastructure and services such as the main server and build host.
   1.220  	You can help with a micropayment via Flattr or a Paypal donation to
   1.221  	the SliTaz <a href="en/asso/">Association</a>, that way we can keep 
   1.222  	our freedom and autonomy without having any ads on our sites.
   1.223  </p>
   1.224  <div>
   1.225 +	<!-- PayPal boutton -->
   1.226 +	<form action="https://www.paypal.com/cgi-bin/webscr" method="post"
   1.227 +		style="display: inline;">
   1.228 +		<input type="hidden" name="cmd" value="_s-xclick" />
   1.229 +		<input type="hidden" name="hosted_button_id" value="4885025" />
   1.230 +		<input type="image" src="images/paypal.png" name="submit" 
   1.231 +			alt="PayPal - The safer, easier way to pay online!" />
   1.232 +	</form>
   1.233 +	<!-- Flattr boutton -->
   1.234  	<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
   1.235 -			href="http://www.slitaz.org/"></a>
   1.236 +		href="http://www.slitaz.org/"></a>
   1.237  </div>
   1.238  
   1.239  <h2>Internationalization</h2>
   1.240  <p>
   1.241  The SliTaz web site is available in several languages and maintained by the
   1.242 -<a href="i18n.html">internationalization</a> team (i18n). Help is often
   1.243 +<a href="i18n.php">internationalization</a> team (i18n). Help is often
   1.244  needed and you're welcome to join us if you would like to see the website
   1.245  translated into your language.
   1.246  </p>
   1.247 @@ -252,30 +222,22 @@
   1.248  
   1.249  <!-- Footer -->
   1.250  <div id="footer">
   1.251 -	<div class="right_box">
   1.252 -	<h4>SliTaz Network</h4>
   1.253 -		<ul>
   1.254 -			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   1.255 -			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
   1.256 -			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   1.257 -			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
   1.258 -			<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
   1.259 -			<li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
   1.260 -		</ul>
   1.261 -	</div>
   1.262 -	<h4>SliTaz Website</h4>
   1.263 -	<ul>
   1.264 -		<li><a href="#header">Top of the page</a></li>
   1.265 -		<li>Copyright &copy; <span class="year"></span>
   1.266 -			<a href="http://www.slitaz.org/">SliTaz</a></li>
   1.267 -		<li><a href="about/">About the project</a></li>
   1.268 -		<li><a href="netmap.php">Network Map</a></li>
   1.269 -		<li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
   1.270 -		<li><a href="http://validator.w3.org/check?uri=referer"><img
   1.271 -		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   1.272 -		title="Code validé XHTML 1.0"
   1.273 -		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
   1.274 -	</ul>
   1.275 +	Copyright &copy; <span class="year"></span>
   1.276 +	<a href="http://www.slitaz.org/">SliTaz</a> - Network:
   1.277 +	<a href="http://scn.slitaz.org/">Community</a>
   1.278 +	<a href="http://doc.slitaz.org/">Doc</a>
   1.279 +	<a href="http://forum.slitaz.org/">Forum</a>
   1.280 +	<a href="http://pkgs.slitaz.org/">Packages</a>
   1.281 +	<a href="http://labs.slitaz.org/issues">Bugs</a>
   1.282 +	<a href="http://hg.slitaz.org/">Hg</a>
   1.283 +	<p>
   1.284 +		SliTaz @
   1.285 +		<a href="http://twitter.com/slitaz">Twitter</a>
   1.286 +		<a href="http://www.facebook.com/slitaz">Facebook</a>
   1.287 +		<a href="http://distrowatch.com/slitaz">Distrowatch</a>
   1.288 +		<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
   1.289 +		<a href="http://flattr.com/profile/slitaz">Flattr</a>
   1.290 +	</p>
   1.291  </div>
   1.292  
   1.293  </body>