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 © <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 & 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 © 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*/