website rev 729

netmap: More complet and providing tiny info and latest twwet
author Christophe Lincoln <pankso@slitaz.org>
date Fri Jan 14 00:27:55 2011 +0100 (2011-01-14)
parents 0050fba9cd00
children 3f3bf2407cbf
files netmap.php slitaz.css
line diff
     1.1 --- a/netmap.php	Thu Jan 13 23:42:12 2011 +0100
     1.2 +++ b/netmap.php	Fri Jan 14 00:27:55 2011 +0100
     1.3 @@ -6,11 +6,13 @@
     1.4  	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
     1.5  	<meta name="description" content="slitaz Professional" />
     1.6  	<meta name="robots" content="index, follow, all" />
     1.7 +	<meta name="expires" content="never" />
     1.8 +    <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
     1.9 +    <meta name="publisher" content="www.slitaz.org" />
    1.10  	<meta name="author" content="Christophe Lincoln"/>
    1.11  	<link rel="shortcut icon" href="favicon.ico" />
    1.12  	<link rel="stylesheet" type="text/css" href="slitaz.css" />
    1.13  </head>
    1.14 -
    1.15  <body>
    1.16  
    1.17  <!-- Header -->
    1.18 @@ -28,103 +30,205 @@
    1.19  <!-- Content -->
    1.20  <div id="content-full">
    1.21  
    1.22 -<h1>Network Map</h1>
    1.23 +<!-- Block begin -->
    1.24 +<div class="block">
    1.25 +	<!-- Nav block begin -->
    1.26 +	<div id="block_nav">
    1.27 +		<h3><a href="i18n.html"><img src="pics/website/locale.png"
    1.28 +			alt="locale.png" /></a>Website Language</h3>
    1.29 +		<div class="right_box">
    1.30 +			<ul>
    1.31 +				<li><a href="id/">Indonesian</a></li>
    1.32 +				<li><a href="pt/">Português</a></li>
    1.33 +				<li><a href="cn/" title="Chinese">
    1.34 +				<img src="pics/website/cn.png" alt="cn"
    1.35 +					style="vertical-align: middle;" /></a></li>
    1.36 +			</ul>
    1.37 +		</div>
    1.38 +		<ul>
    1.39 +			<li><a href="de/">Deutsch</a></li>
    1.40 +			<li><a href="en/">English</a></li>
    1.41 +			<li><a href="es/">Español</a></li>
    1.42 +			<li><a href="fr/">Français</a></li>
    1.43 +		</ul>
    1.44 +	<!-- Nav block end -->
    1.45 +	</div>
    1.46 +	<!-- Top block begin -->
    1.47 +	<div id="block_top">
    1.48 +		<h1>Network Map</h1>
    1.49 +		<p>
    1.50 +			Since the start of the SliTaz projetc with the main website,
    1.51 +			SliTaz network have grown into wide network. Documentation Wiki,
    1.52 +			support forum, developers services and community site are all
    1.53 +			part of the SliTaz network.
    1.54 +		</p>
    1.55 +		<p>
    1.56 +			Keeping a clean style and the same layout for each sites, we
    1.57 +			hope you enjoy your web experience using our network and
    1.58 +			naturally SliTaz to browse them!
    1.59 +		</p>
    1.60 +	<!-- Top block end -->
    1.61 +	</div>
    1.62 +<!-- Block end -->
    1.63 +</div>
    1.64  
    1.65  <!-- Block begin -->
    1.66  <div class="block">
    1.67 -
    1.68 -<!-- Left block begin -->
    1.69 -<div class="block_left">
    1.70 -<h3><img
    1.71 -	src="pics/website/network.png"
    1.72 -	style="vertical-align: middle; width: 20px; height: 20px;" />Website</h3>
    1.73 -<ul>
    1.74 -	<li><a href="http://www.slitaz.org/">Main Page</a></li>
    1.75 -	<li><a href="http://www.slitaz.org/i18n.html">Internationalization</a></li>
    1.76 -	<li><a href="http://www.slitaz.org/en/about/">About SliTaz</a></li>
    1.77 -	<li><a href="http://www.slitaz.org/en/get/">Download</a></li>
    1.78 -	<li><a href="http://www.slitaz.org/en/packages/">Packages</a></li>
    1.79 -</ul>
    1.80 -<!-- Left block end -->
    1.81 -</div>
    1.82 -
    1.83 -<!-- Right block begin -->
    1.84 -<div class="block_right">
    1.85 -<h3><img
    1.86 -	src="pics/website/support.png"
    1.87 -	style="vertical-align: middle; width: 20px; height: 20px;" />Help &amp; Support</h3>
    1.88 -<ul>
    1.89 -	<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    1.90 -	<li><a href="http://doc.slitaz.org/en:handbook:start">Handbook</a></li>
    1.91 -	<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    1.92 -	<li><a href="http://www.slitaz.org/en/mailing-list.html">Mailing List</a></li>
    1.93 -	<li>IRC: <b>irc.toile-libre.org #slitaz</b></li>
    1.94 -</ul>
    1.95 -<!-- Right block end -->
    1.96 -</div>
    1.97 -
    1.98 +	<!-- Left block begin -->
    1.99 +	<div class="block_left">
   1.100 +		<h3><img src="pics/website/network.png" alt=".png" />Website</h3>
   1.101 +		<ul>
   1.102 +			<li><a href="http://www.slitaz.org/">Main Page &amp; News</a></li>
   1.103 +			<li><a href="http://www.slitaz.org/i18n.html">Internationalization</a></li>
   1.104 +			<li><a href="http://www.slitaz.org/en/about/">About SliTaz</a></li>
   1.105 +			<li><a href="http://www.slitaz.org/en/get/">Download</a></li>
   1.106 +			<li><a href="http://www.slitaz.org/en/packages/">Packages</a></li>
   1.107 +		</ul>
   1.108 +	<!-- Left block end -->
   1.109 +	</div>
   1.110 +	<!-- Right block begin -->
   1.111 +	<div class="block_right">
   1.112 +		<h3><img src="pics/website/support.png" alt=".png" />Help &amp; Support</h3>
   1.113 +		<ul>
   1.114 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   1.115 +			<li><a href="http://doc.slitaz.org/en:handbook:start">Handbook</a></li>
   1.116 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
   1.117 +			<li><a href="http://www.slitaz.org/en/mailing-list.html">Mailing List</a></li>
   1.118 +			<li>IRC: <b>irc.toile-libre.org #slitaz</b></li>
   1.119 +		</ul>
   1.120 +	<!-- Right block end -->
   1.121 +	</div>
   1.122  <!-- Block end -->
   1.123  </div>
   1.124  
   1.125 +<!-- Block begin -->
   1.126 +<div class="block">
   1.127 +	<!-- Left block begin -->
   1.128 +	<div class="block_left">
   1.129 +		<h3><img src="pics/website/users.png" alt=".png" />Community</h3>
   1.130 +		<ul>
   1.131 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   1.132 +			<li><a href="http://doc.slitaz.org/en:newsletter:start">Monthly Newsletter</a></li>
   1.133 +			<li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li>
   1.134 +			<li><a href="http://people.slitaz.org/">SliTaz People</a></li>
   1.135 +			<li><a href="http://www.facebook.com/pages/SliTaz/125559834176383">SliTaz on Facebook</a></li>
   1.136 +			<li><a href="http://en.wikipedia.org/wiki/SliTaz_GNU/Linux">SliTaz on Wikipedia</a></li>
   1.137 +		</ul>
   1.138 +	<!-- Left block end -->
   1.139 +	</div>
   1.140 +	<!-- Right block begin -->
   1.141 +	<div class="block_right">
   1.142 +		<h3><img src="pics/website/development.png" alt=".png" />Development</h3>
   1.143 +		<ul>
   1.144 +			<li><a href="http://hg.slitaz.org/">Mercurial Repositories</a></li>
   1.145 +			<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
   1.146 +			<li><a href="http://labs.slitaz.org/issues">Bug Tracker</a></li>
   1.147 +			<li><a href="http://tank.slitaz.org/">Main Server</a></li>
   1.148 +			<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
   1.149 +			<li><a href="http://www.slitaz.org/en/devel/">Developers Corner</a></li>
   1.150 +		</ul>
   1.151 +	<!-- Right block end -->
   1.152 +	</div>
   1.153 +<!-- Block end -->
   1.154 +</div>
   1.155  
   1.156  <!-- Block begin -->
   1.157  <div class="block">
   1.158 -
   1.159 -<!-- Left block begin -->
   1.160 -<div class="block_left">
   1.161 -<h3><img
   1.162 -	src="pics/website/users.png"
   1.163 -	style="vertical-align: middle; width: 20px; height: 20px;" />Community</h3>
   1.164 -<ul>
   1.165 -	<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   1.166 -	<li><a href="http://doc.slitaz.org/en:newsletter:start">Monthly Newsletter</a></li>
   1.167 -	<li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li>
   1.168 -	<li><a href="http://people.slitaz.org/">SliTaz People</a></li>
   1.169 -	<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
   1.170 -	<li><a href="http://distrowatch.com/slitaz">SliTaz on Distrowatch</a></li>
   1.171 -</ul>
   1.172 -<!-- Left block end -->
   1.173 -</div>
   1.174 -
   1.175 -<!-- Right block begin -->
   1.176 -<div class="block_right">
   1.177 -<h3><img
   1.178 -	src="pics/website/development.png"
   1.179 -	style="vertical-align: middle; width: 20px; height: 20px;" />Development</h3>
   1.180 -<ul>
   1.181 -	<li><a href="http://hg.slitaz.org/">Mercurial Repositories</a></li>
   1.182 -	<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
   1.183 -	<li><a href="http://labs.slitaz.org/issues">Bug Tracker</a></li>
   1.184 -	<li><a href="http://tank.slitaz.org/">Main Server</a></li>
   1.185 -	<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
   1.186 -	<li><a href="http://www.slitaz.org/en/devel/">Developers Corner</a></li>
   1.187 -</ul>
   1.188 -<!-- Right block end -->
   1.189 -</div>
   1.190 -
   1.191 +	<!-- Left block begin -->
   1.192 +	<div class="block_left" style="min-height: 300px;">
   1.193 +		<script src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript"></script>
   1.194 +		<script type="text/javascript">
   1.195 +		new TWTR.Widget({
   1.196 +		  version: 2,
   1.197 +		  type: 'profile',
   1.198 +		  rpp: 4,
   1.199 +		  interval: 6000,
   1.200 +		  width: '100%',
   1.201 +		  height: 200,
   1.202 +		  theme: {
   1.203 +		    shell: {
   1.204 +		      background: 'transparent',
   1.205 +		      color: '#000000'
   1.206 +		    },
   1.207 +		    tweets: {
   1.208 +		      background: '#ffffff',
   1.209 +		      color: '#000000',
   1.210 +		      links: '#3a4885'
   1.211 +		    }
   1.212 +		  },
   1.213 +		  features: {
   1.214 +		    scrollbar: false,
   1.215 +		    loop: false,
   1.216 +		    live: false,
   1.217 +		    hashtags: true,
   1.218 +		    timestamp: true,
   1.219 +		    avatars: false,
   1.220 +		    behavior: 'all'
   1.221 +		  }
   1.222 +		}).render().setUser('slitaz').start();
   1.223 +		</script>
   1.224 +	<!-- Left block end -->
   1.225 +	</div>
   1.226 +	<!-- Right block begin -->
   1.227 +	<div class="block_right" style="height: 300px; overflow: hidden;">
   1.228 +		<h3><img src="pics/website/network.png" alt=".png" />SliTaz Cloud</h3>
   1.229 +		<div id="cloud">
   1.230 +			<a class="tag2" href="http://doc.slitaz.org/">Wiki</a>
   1.231 +			<a class="tag8" href="http://forum.slitaz.org/">Support</a>
   1.232 +			<a class="tag4" href="http://scn.slitaz.org/image">Artwork</a>
   1.233 +			<a class="tag6" href="http://www.facebook.com/pages/SliTaz/125559834176383">FB</a>
   1.234 +			<a class="tag3" href="http://twitter.com/slitaz">Tweet</a>
   1.235 +			<a class="tag9" href="http://doc.slitaz.org/en:handbook:start">Handbook</a>
   1.236 +			<a class="tag1" href="http://boot.slitaz.org/">Web boot</a>
   1.237 +			<a class="tag7" href="http://scn.slitaz.org/wallpapers">Wallpapers</a>
   1.238 +			<a class="tag3" href="http://scn.slitaz.org/">SCN</a>
   1.239 +			<a class="tag9" href="http://www.slitaz.org/">News</a>
   1.240 +			<a class="tag5" href="http://labs.slitaz.org/">Labs</a>
   1.241 +			<a class="tag9" href="http://pkgs.slitaz.org/">Packages</a>
   1.242 +			<a class="tag4" href="http://doc.slitaz.org/">Documentation</a>
   1.243 +			<a class="tag2" href="http://www.slitaz.org/en/about/">About</a>
   1.244 +			<a class="tag8" href="http://www.slitaz.org/netmap.php">Netmap</a>
   1.245 +			<a class="tag4" href="http://scn.slitaz.org/screenshots">Screenshots</a>
   1.246 +			<a class="tag5" href="http://distrowatch.com/slitaz">Distrowatch</a>
   1.247 +			<a class="tag9" href="http://www.slitaz.org/en/search.html">Search</a>
   1.248 +			<a class="tag1" href="http://www.slitaz.org/en/devel/">Development</a>
   1.249 +		</div>
   1.250 +	<!-- Right block end -->
   1.251 +	</div>
   1.252  <!-- Block end -->
   1.253  </div>
   1.254  
   1.255  <!-- End of content -->
   1.256  </div>
   1.257  
   1.258 -<!-- Start of footer and copy notice -->
   1.259 -<div id="copy">
   1.260 -<p>
   1.261 -Copyright &copy; <?php echo date('Y'); ?> <a href="http://www.slitaz.org/">SliTaz</a> -
   1.262 -<a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>
   1.263 -</p>
   1.264 -<!-- End of copy -->
   1.265 -</div>
   1.266 +<div style="margin-top: 100px;"></div>
   1.267  
   1.268 -<!-- Bottom and logo's -->
   1.269 -<div id="bottom">
   1.270 -<p>
   1.271 -<a href="http://validator.w3.org/check?uri=referer"><img
   1.272 -   src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   1.273 -   title="Code validé XHTML 1.0"
   1.274 -   style="width: 80px; height: 15px;" /></a>
   1.275 -</p>
   1.276 +<!-- Footer -->
   1.277 +<div id="footer">
   1.278 +	<div class="right_box">
   1.279 +	<h4>SliTaz Network</h4>
   1.280 +		<ul>
   1.281 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   1.282 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
   1.283 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   1.284 +			<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
   1.285 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
   1.286 +			<li><a href="http://boot.slitaz.org/">Web Boot</a></li>
   1.287 +		</ul>
   1.288 +	</div>
   1.289 +	<h4>SliTaz Website</h4>
   1.290 +	<ul>
   1.291 +		<li><a href="#header">Top of the page</a></li>
   1.292 +		<li>Copyright &copy; <span class="year"></span>
   1.293 +			<a href="http://www.slitaz.org/">SliTaz</a></li>
   1.294 +		<li><a href="about/">About the project</a></li>
   1.295 +		<li><a href="netmap.php">Network Map</a></li>
   1.296 +		<li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
   1.297 +		<li><a href="http://validator.w3.org/check?uri=referer"><img
   1.298 +		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   1.299 +		title="Code validé XHTML 1.0"
   1.300 +		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
   1.301 +	</ul>
   1.302  </div>
   1.303  
   1.304  </body>
     2.1 --- a/slitaz.css	Thu Jan 13 23:42:12 2011 +0100
     2.2 +++ b/slitaz.css	Fri Jan 14 00:27:55 2011 +0100
     2.3 @@ -379,7 +379,7 @@
     2.4  	line-height: 3em;
     2.5  	text-align: center;
     2.6  }
     2.7 -#cloud a { padding: 0 2px; color: #956411; }
     2.8 +#cloud a { padding: 0 2px; color: #444444; }
     2.9  #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
    2.10  #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
    2.11  #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }