website rev 700

Add netmap.php (SliTaz Network Map)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Dec 25 03:29:18 2010 +0100 (2010-12-25)
parents 28a14a591de8
children 4aee53f09e2d
files en/index.html i18n.html index.php netmap.php slitaz.css
line diff
     1.1 --- a/en/index.html	Sat Dec 25 01:16:23 2010 +0100
     1.2 +++ b/en/index.html	Sat Dec 25 03:29:18 2010 +0100
     1.3 @@ -9,7 +9,7 @@
     1.4  	<meta name="robots" content="index, follow, all" />
     1.5  	<meta name="revisit-after" content="7 days" />
     1.6  	<meta name="expires" content="never" />
     1.7 -	<meta name="modified" content="2010-11-04 20:45:00" />
     1.8 +	<meta name="modified" content="2010-12-25 03:00:00" />
     1.9  	<meta name="author" content="Paul Issot"/>
    1.10  	<meta name="publisher" content="www.slitaz.org" />
    1.11  	<link rel="shortcut icon" href="../favicon.ico" />
    1.12 @@ -32,7 +32,7 @@
    1.13      <a href="../es/index.html" title="Página de Inicio">Español</a> |
    1.14      <a href="../fr/index.html" title="Page principale en français">Français</a> |
    1.15      <a href="../pt/index.html" title="Página principal">Português</a> |
    1.16 -    <a href="../cn/index.html" title="Chinese"><img src="../pics/website/cn-fff.png" title="Chinese" alt="cn"></img></a> |
    1.17 +    <a href="../cn/index.html" title="Chinese"><img src="../pics/website/cn.png" title="Chinese" alt="cn"></img></a> |
    1.18      <a href="../i18n.html" title="Internationalisation">i18n</a>
    1.19  </div>
    1.20      <a href="http://www.slitaz.org/"><img id="logo"
    1.21 @@ -48,30 +48,28 @@
    1.22  <h4>Navigation</h4>
    1.23  <!-- General -->
    1.24  <ul>
    1.25 -	<li><a href="about/index.html" title="Information about the SliTaz project">About the project</a></li>
    1.26 -	<li><a href="asso/index.html" title="SliTaz non-profit association">Association</a></li>
    1.27 -	<li><a href="get/index.html" title="Download - LiveCD ISO">Download</a></li>
    1.28 -	<li><a href="doc/index.html" title="LiveCD usage and howto">Documentation</a></li>
    1.29 -	<li><a href="packages/index.html" title="Packaged software">Packages</a></li>
    1.30 -	<li><a href="devel/index.html" title="Developers corner">Development</a></li>
    1.31 -	<li><a href="mailing-list.html" title="Support, contact and collaboration">Mailing List</a></li>
    1.32 -	<li><a href="artwork/index.html" title="Artwork, colors and images">Artwork</a></li>
    1.33 +	<li><a href="about/" title="Information about the project">About us</a></li>
    1.34 +	<li><a href="asso/" title="SliTaz non-profit association">Association</a></li>
    1.35 +	<li><a href="get/" title="Download - LiveCD ISO">Download</a></li>
    1.36 +	<li><a href="doc/" title="Guides and releses notes">Documentation</a></li>
    1.37 +	<li><a href="packages/" title="Packaged software">Packages</a></li>
    1.38 +	<li><a href="artwork/" title="Artwork and images">Artwork</a></li>
    1.39 +	<li><a href="mailing-list.html" title="Support and collaboration">Mailing List</a></li>
    1.40 +	<li><a href="devel/" title="Developers corner">Development</a></li>
    1.41  	<li><a href="search.html" title="Search engine">Search</a></li>
    1.42 -	<li><a href="sitemap.html" title="Web site overview">Sitemap</a></li>
    1.43  </ul>
    1.44  </div>
    1.45  
    1.46 -<!-- SliTaz network -->
    1.47 +<!-- SliTaz network (Website version, since we have doc, pkgs in the navigation
    1.48 +	 we dont need them here -->
    1.49  <div class="nav_box">
    1.50  <h4>SliTaz Network</h4>
    1.51  <ul>
    1.52 -	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    1.53 -	<li><a href="http://doc.slitaz.org/en:start">Wiki Documentation</a></li>
    1.54 -	<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
    1.55 -	<li><a href="http://labs.slitaz.org/issues">Bug Tracking</a></li>
    1.56 -	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    1.57 -	<li><a href="http://pizza.slitaz.org/">Online Builder</a></li>
    1.58 -	<li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
    1.59 +	<li><a href="../netmap.php" title="SliTaz Network Map">Network Map</a></li>
    1.60 +	<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    1.61 +	<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    1.62 +	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    1.63 +	<li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li>
    1.64  	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    1.65  	<li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    1.66  </ul>
    1.67 @@ -83,8 +81,8 @@
    1.68  <div id="content">
    1.69  <a name="content"></a>
    1.70  
    1.71 -<h1><font color="#3e1220">Main page</font></h1>
    1.72 -<h2><font color="#df8f06">Boot baby... boot!</font></h2>
    1.73 +<h1>Main page</h1>
    1.74 +<h2>Boot baby... boot!</h2>
    1.75  
    1.76  <p>
    1.77  SliTaz is a free operating system, working completely in RAM and booting
    1.78 @@ -107,10 +105,8 @@
    1.79      English RSS feed file is : rss.xml
    1.80  -->
    1.81  
    1.82 -<h2><a href="rss.xml"><img
    1.83 -    src="../pics/website/feed.png" alt="SliTaz RSS News" title="SliTaz RSS News"
    1.84 -    style="width: 16px; height: 16px; float: left; padding: 4px 4px 0px 0px;" /></a>
    1.85 -    <font color="#DF8F06">Headlines</font></h2>
    1.86 +<h2>Headlines</h2>
    1.87 +
    1.88  <p>
    1.89  The SliTaz website offers the main news of the project as well as news
    1.90  on the general activity of the subprojects on the
    1.91 @@ -231,8 +227,8 @@
    1.92  <!-- Start of footer and copy notice -->
    1.93  <div id="copy">
    1.94  <p>
    1.95 -Last modification : 2010-03-30 21:45:00 -
    1.96 -<a href="index.html#top">Top of the page</a>
    1.97 +Last modification : 2010-12-25 03:00:00 -
    1.98 +<a href="#top">Top of the page</a>
    1.99  </p>
   1.100  <p>
   1.101  Copyright &copy; <span class="year"></span> <a href="http://www.slitaz.org/">SliTaz</a> -
     2.1 --- a/i18n.html	Sat Dec 25 01:16:23 2010 +0100
     2.2 +++ b/i18n.html	Sat Dec 25 03:29:18 2010 +0100
     2.3 @@ -2,7 +2,7 @@
     2.4      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2.5  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     2.6  <head>
     2.7 -    <title>SliTaz - Project i18n - Internationalisation</title>
     2.8 +    <title>SliTaz - Internationalisation</title>
     2.9      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    2.10      <meta name="description" content="slitaz lang locale language" />
    2.11      <meta name="keywords" lang="en" content="Système, libre, gnu, linux, logiciels opensource, livecd" />
    2.12 @@ -23,16 +23,6 @@
    2.13      <a name="top"></a>
    2.14  <!-- Access -->
    2.15  <div id="access">
    2.16 -	<img
    2.17 -		src="pics/website/locale.png"
    2.18 -		style="vertical-align: middle; width: 20px; height: 20px;"
    2.19 -		alt="language" />
    2.20 -    <a href="de/index.html">Deutsch</a> |
    2.21 -    <a href="en/index.html">English</a> |
    2.22 -    <a href="es/index.html">Español</a> |
    2.23 -    <a href="fr/index.html">Français</a> |
    2.24 -    <a href="pt/index.html">Português</a> |
    2.25 -    <a href="cn/index.html"><img src="pics/website/cn-fff.png" title="Chinese" alt="cn" /></a>
    2.26  </div>
    2.27      <a href="http://www.slitaz.org/"><img id="logo"
    2.28      src="pics/website/logo.png" title="www.slitaz.org" alt="www.slitaz.org"
    2.29 @@ -94,6 +84,7 @@
    2.30  <a href="en/index.html">English</a> -
    2.31  <a href="es/index.html">Español</a> -
    2.32  <a href="fr/index.html">Français</a> -
    2.33 +<a href="id/index.html">Indonesian</a> -
    2.34  <a href="pt/index.html">Português</a> -
    2.35  <a href="cn/index.html"><img
    2.36  	src="pics/website/cn.png"
     3.1 --- a/index.php	Sat Dec 25 01:16:23 2010 +0100
     3.2 +++ b/index.php	Sat Dec 25 03:29:18 2010 +0100
     3.3 @@ -62,7 +62,8 @@
     3.4  <p>
     3.5  SliTaz is an open source and free operating system providing a fully featured
     3.6  desktop or server in less than 30 Mb. SliTaz is simple to use, fast and stable.
     3.7 -<a href="en/about/">More information...</a>
     3.8 +We have an active community and <a href="netmap.php">network</a> to get help and
     3.9 +involved.
    3.10  </p>
    3.11  </div>
    3.12  
    3.13 @@ -81,11 +82,12 @@
    3.14  <div class="nav_box">
    3.15  <h4>SliTaz Network</h4>
    3.16  <ul>
    3.17 -	<li><a href="http://forum.slitaz.org/">Community Forum</a></li>
    3.18 -	<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
    3.19 -	<li><a href="http://pkgs.slitaz.org/">Packages Database</a></li>
    3.20 -	<li><a href="http://pizza.slitaz.org/">Online Builder</a></li>
    3.21 -	<li><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></li>
    3.22 +	<li><a href="netmap.php" title="SliTaz Network Map">Network Map</a></li>
    3.23 +	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    3.24 +	<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    3.25 +	<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    3.26 +	<li><a href="http://labs.slitaz.org/">SliTaz Labs</a></li>
    3.27 +	<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
    3.28  	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    3.29  	<li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
    3.30  </ul>
     4.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     4.2 +++ b/netmap.php	Sat Dec 25 03:29:18 2010 +0100
     4.3 @@ -0,0 +1,131 @@
     4.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     4.5 +    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     4.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     4.7 +<head>
     4.8 +	<title>SliTaz - Network Map</title>
     4.9 +	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    4.10 +	<meta name="description" content="slitaz Professional" />
    4.11 +	<meta name="robots" content="index, follow, all" />
    4.12 +	<meta name="author" content="Christophe Lincoln"/>
    4.13 +	<link rel="shortcut icon" href="favicon.ico" />
    4.14 +	<link rel="stylesheet" type="text/css" href="slitaz.css" />
    4.15 +</head>
    4.16 +
    4.17 +<body>
    4.18 +
    4.19 +<!-- Header -->
    4.20 +<div id="header">
    4.21 +    <a name="top"></a>
    4.22 +<!-- Access -->
    4.23 +<div id="access">
    4.24 +</div>
    4.25 +	<a href="http://www.slitaz.org/"><img id="logo"
    4.26 +	src="pics/website/logo.png" title="slitaz.org" alt="slitaz.org"
    4.27 +	style="border: 0px solid ; width: 200px; height: 74px;" /></a>
    4.28 +	<p id="titre">#!/GNU/Linux</p>
    4.29 +</div>
    4.30 +
    4.31 +<!-- Content -->
    4.32 +<div id="content-full">
    4.33 +
    4.34 +<h1>Network Map</h1>
    4.35 +
    4.36 +<!-- Block begin -->
    4.37 +<div class="block">
    4.38 +
    4.39 +<!-- Left block begin -->
    4.40 +<div class="block_left">
    4.41 +<h3><img
    4.42 +	src="pics/website/network.png"
    4.43 +	style="vertical-align: middle; width: 20px; height: 20px;" />Website</h3>
    4.44 +<ul>
    4.45 +	<li><a href="http://www.slitaz.org/">Main Page</a></li>
    4.46 +	<li><a href="http://www.slitaz.org/i18n.html">Internationalization</a></li>
    4.47 +	<li><a href="http://www.slitaz.org/en/about/">About SliTaz</a></li>
    4.48 +	<li><a href="http://www.slitaz.org/en/get/">Download</a></li>
    4.49 +	<li><a href="http://www.slitaz.org/en/packages/">Packages</a></li>
    4.50 +</ul>
    4.51 +<!-- Left block end -->
    4.52 +</div>
    4.53 +
    4.54 +<!-- Right block begin -->
    4.55 +<div class="block_right">
    4.56 +<h3><img
    4.57 +	src="pics/website/support.png"
    4.58 +	style="vertical-align: middle; width: 20px; height: 20px;" />Help &amp; Support</h3>
    4.59 +<ul>
    4.60 +	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    4.61 +	<li><a href="http://doc.slitaz.org/en:handbook:start">Handbook</a></li>
    4.62 +	<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    4.63 +	<li><a href="#">Mailing List</a></li>
    4.64 +	<li>IRC: irc.toile-libre.org #slitaz</li>
    4.65 +</ul>
    4.66 +<!-- Right block end -->
    4.67 +</div>
    4.68 +
    4.69 +<!-- Block end -->
    4.70 +</div>
    4.71 +
    4.72 +
    4.73 +<!-- Block begin -->
    4.74 +<div class="block">
    4.75 +
    4.76 +<!-- Left block begin -->
    4.77 +<div class="block_left">
    4.78 +<h3><img
    4.79 +	src="pics/website/users.png"
    4.80 +	style="vertical-align: middle; width: 20px; height: 20px;" />Community</h3>
    4.81 +<ul>
    4.82 +	<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    4.83 +	<li><a href="http://doc.slitaz.org/en:newsletter:start">Monthly Newsletter</a></li>
    4.84 +	<li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li>
    4.85 +	<li><a href="http://people.slitaz.org/">SliTaz People</a></li>
    4.86 +	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
    4.87 +	<li><a href="http://distrowatch.com/slitaz">SliTaz on Distrowatch</a></li>
    4.88 +</ul>
    4.89 +<!-- Left block end -->
    4.90 +</div>
    4.91 +
    4.92 +<!-- Right block begin -->
    4.93 +<div class="block_right">
    4.94 +<h3><img
    4.95 +	src="pics/website/development.png"
    4.96 +	style="vertical-align: middle; width: 20px; height: 20px;" />Development</h3>
    4.97 +<ul>
    4.98 +	<li><a href="http://hg.slitaz.org/">Mercurial Repositories</a></li>
    4.99 +	<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
   4.100 +	<li><a href="http://labs.slitaz.org/issues">Bug Tracker</a></li>
   4.101 +	<li><a href="http://tank.slitaz.org/">Main Server</a></li>
   4.102 +	<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
   4.103 +	<li><a href="http://www.slitaz.org/en/devel/">Devel Corner</a> on the Website</li>
   4.104 +</ul>
   4.105 +<!-- Right block end -->
   4.106 +</div>
   4.107 +
   4.108 +<!-- Block end -->
   4.109 +</div>
   4.110 +
   4.111 +<!-- End of content -->
   4.112 +</div>
   4.113 +
   4.114 +<!-- Start of footer and copy notice -->
   4.115 +<div id="copy">
   4.116 +<p>
   4.117 +Copyright &copy; 2010 <a href="http://www.slitaz.org/">SliTaz</a> -
   4.118 +<a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
   4.119 +</p>
   4.120 +<!-- End of copy -->
   4.121 +</div>
   4.122 +
   4.123 +<!-- Bottom and logo's -->
   4.124 +<div id="bottom">
   4.125 +<p>
   4.126 +<a href="http://validator.w3.org/check?uri=referer"><img
   4.127 +   src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   4.128 +   title="Code validé XHTML 1.0"
   4.129 +   style="width: 80px; height: 15px;" /></a>
   4.130 +</p>
   4.131 +</div>
   4.132 +
   4.133 +</body>
   4.134 +</html>
     5.1 --- a/slitaz.css	Sat Dec 25 01:16:23 2010 +0100
     5.2 +++ b/slitaz.css	Sat Dec 25 03:29:18 2010 +0100
     5.3 @@ -291,7 +291,7 @@
     5.4  
     5.5  .imagebox {
     5.6  	min-width: 300px;
     5.7 -	margin: 0 15%;
     5.8 +	margin: 10px 15%;
     5.9  	padding: 8px;
    5.10  	background: transparent;
    5.11  	text-align: center;
    5.12 @@ -364,7 +364,7 @@
    5.13  	background: rgba(0, 0, 0, 0.2);*/
    5.14  }
    5.15  
    5.16 -.block_left:hover, .block_right:hover, .imagebox:hover {
    5.17 +.block_left:hover, .block_right:hover, .imagebox:hover, #slidebox:hover {
    5.18  	background-color: #f2b21d;
    5.19  }
    5.20  
    5.21 @@ -374,7 +374,7 @@
    5.22  	color: #444444;
    5.23  	background: inherit;
    5.24  	text-align: left;
    5.25 -	margin: 0px 0px 2px 0px;
    5.26 +	margin: 0px 0px 4px 0px;
    5.27  	font-size: 150%;
    5.28  	font-weight: bold;
    5.29  }
    5.30 @@ -485,44 +485,63 @@
    5.31  	0% {
    5.32  		left: 0px; /*1ère image*/
    5.33  	}
    5.34 -	15% {
    5.35 +	10% {
    5.36  		left: 0px; /*idem pour attente*/
    5.37  	}
    5.38 +	25% {
    5.39 +		left: -240px; /*2ème image*/
    5.40 +	}
    5.41  	35% {
    5.42 -		left: -232px; /*2ème image*/
    5.43 -	}
    5.44 -	50% {
    5.45 -		left: -232px; /*idem pour attente*/
    5.46 +		left: -240px; /*idem pour attente*/
    5.47  	}
    5.48  	70% {
    5.49 -		left: -300px; /*3ème image*/
    5.50 +		left: -480px; /*3ème image*/
    5.51  	}
    5.52  	75% {
    5.53 -		left: -300px; /*idem pour attente*/
    5.54 +		left: -480px; /*idem pour attente*/
    5.55  	}
    5.56  	80% {
    5.57 -		left: -464px; /*idem pour attente*/
    5.58 +		left: -720px; /*idem pour attente*/
    5.59  	}
    5.60  	90% {
    5.61 -		left: -464px; /*idem pour attente*/
    5.62 +		left: -720px; /*idem pour attente*/
    5.63  	}
    5.64  	100% {
    5.65  		left: 0px; /*1ère image*/
    5.66  	}
    5.67  }
    5.68  
    5.69 +#slidebox {
    5.70 +	margin: 10px 15%;
    5.71 +	padding: 8px;
    5.72 +	min-width: 300px;
    5.73 +	/* CSS3 transition */
    5.74 +	-webkit-transition-property: background-color;
    5.75 +	-webkit-transition-duration: 3s;
    5.76 +	-moz-transition-property: background-color;
    5.77 +	-moz-transition-duration: 3s;
    5.78 +	transition-property: background-color;
    5.79 +	transition-duration: 3s;
    5.80 +}
    5.81 +#slidebox:hover {
    5.82 +	-moz-box-shadow: 0 1px 3px #666;
    5.83 +	-webkit-box-shadow: 0 1px 3px #666;
    5.84 +	box-shadow: 0 1px 3px #666;
    5.85 +}
    5.86 +#slidebox:hover, #slidebox img {
    5.87 +	-moz-border-radius: 8px;
    5.88 +	-webkit-border-radius: 8px;
    5.89 +	border-radius: 8px;
    5.90 +}
    5.91 +
    5.92  #slideshow {
    5.93  	position: relative;
    5.94 -	width: 232px;
    5.95 -	height: 174px;
    5.96 -	margin: 8px auto;
    5.97 +	width: 240px;
    5.98 +	height: 150px;
    5.99 +	margin:  10px auto;
   5.100  	overflow: hidden;
   5.101  }
   5.102 -#slideshow img {
   5.103 -	-moz-border-radius: 6px;
   5.104 -	-webkit-border-radius: 6px;
   5.105 -	border-radius: 6px;
   5.106 -}
   5.107 +
   5.108  #sContent li {
   5.109  	display: inline;
   5.110  }
   5.111 @@ -530,7 +549,7 @@
   5.112  	position: absolute;
   5.113  	top: 0;
   5.114  	left: 0;
   5.115 -	width: 800px;
   5.116 +	width: 1000px;
   5.117  	margin: 0;
   5.118  	padding: 0;
   5.119  	/*CSS3 keyframes animation*/