website diff netmap.php @ rev 780

ex + id: Code clean-up and new layout (TODO: finish es)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 26 22:22:15 2011 +0100 (2011-03-26)
parents 14e0a6244a5b
children 42fb6cf5a067
line diff
     1.1 --- a/netmap.php	Sat Jan 15 16:22:24 2011 +0000
     1.2 +++ b/netmap.php	Sat Mar 26 22:22:15 2011 +0100
     1.3 @@ -4,11 +4,10 @@
     1.4  <head>
     1.5  	<title>SliTaz - Network Map</title>
     1.6  	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
     1.7 -	<meta name="description" content="slitaz Professional" />
     1.8 +	<meta name="description" content="slitaz network map" />
     1.9 +	<meta name="keywords" lang="en" content="slitaz network, slitaz support, slitaz sites" />
    1.10  	<meta name="robots" content="index, follow, all" />
    1.11 -	<meta name="expires" content="never" />
    1.12      <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
    1.13 -    <meta name="publisher" content="www.slitaz.org" />
    1.14  	<meta name="author" content="Christophe Lincoln"/>
    1.15  	<link rel="shortcut icon" href="favicon.ico" />
    1.16  	<link rel="stylesheet" type="text/css" href="slitaz.css" />
    1.17 @@ -17,45 +16,28 @@
    1.18  
    1.19  <!-- Header -->
    1.20  <div id="header">
    1.21 -	<a name="top"></a>
    1.22 -	<!-- Access -->
    1.23 -	<div id="access"></div>
    1.24 -	<!-- Logo -->
    1.25 -	<a href="http://www.slitaz.org/"><img id="logo"
    1.26 -		src="pics/website/logo.png" 
    1.27 -		title="www.slitaz.org" alt="www.slitaz.org" /></a>
    1.28 -	<p id="titre">#!/GNU/Linux</p>
    1.29 +	<div id="logo"></div>
    1.30 +	<div id="network">
    1.31 +		<a href="./netmap.php">
    1.32 +			<img src="images/network.png" alt="network.png" /></a>
    1.33 +		<a href="http://scn.slitaz.org/">Community</a>
    1.34 +		<a href="http://doc.slitaz.org/">Doc</a>
    1.35 +		<a href="http://forum.slitaz.org/">Forum</a>
    1.36 +		<a href="http://labs.slitaz.org/issues">Bugs</a>
    1.37 +		<a href="http://hg.slitaz.org/">Hg</a>
    1.38 +	</div>
    1.39 +	<h1><a href="./">SliTaz GNU/Linux</a></h1>
    1.40  </div>
    1.41  
    1.42 -<!-- Content -->
    1.43 -<div id="content-full">
    1.44 -
    1.45 -<!-- Block begin -->
    1.46 -<div class="block">
    1.47 -	<!-- Nav block begin -->
    1.48 -	<div id="block_nav">
    1.49 -		<h3><a href="i18n.html"><img src="pics/website/locale.png"
    1.50 -			alt="locale.png" /></a>Website Language</h3>
    1.51 -		<div class="right_box">
    1.52 -			<ul>
    1.53 -				<li><a href="id/">Indonesian</a></li>
    1.54 -				<li><a href="pt/">Português</a></li>
    1.55 -				<li><a href="cn/" title="Chinese">
    1.56 -				<img src="pics/website/cn.png" alt="cn"
    1.57 -					style="vertical-align: middle;" /></a></li>
    1.58 -			</ul>
    1.59 -		</div>
    1.60 -		<ul>
    1.61 -			<li><a href="de/">Deutsch</a></li>
    1.62 -			<li><a href="en/">English</a></li>
    1.63 -			<li><a href="es/">Español</a></li>
    1.64 -			<li><a href="fr/">Français</a></li>
    1.65 -		</ul>
    1.66 -	<!-- Nav block end -->
    1.67 +<!-- Block -->
    1.68 +<div id="block">
    1.69 +	<!-- Navigation -->
    1.70 +	<div id="block_nav" style="text-align: center; padding: 10px;">
    1.71 +		<?php include("libs/random-image.php"); ?>
    1.72  	</div>
    1.73 -	<!-- Top block begin -->
    1.74 -	<div id="block_top">
    1.75 -		<h1>Network Map</h1>
    1.76 +	<!-- Information/image -->
    1.77 +	<div id="block_info">
    1.78 +		<h4>Network Map</h4>
    1.79  		<p>
    1.80  			Since the start of the SliTaz project with the main website,
    1.81  			SliTaz has grown into a wider network. Documentation Wiki,
    1.82 @@ -67,28 +49,25 @@
    1.83  			hope you enjoy your web experience using our network and 
    1.84  			employ SliTaz to browse it!
    1.85  		</p>
    1.86 -	<!-- Top block end -->
    1.87  	</div>
    1.88 -<!-- Block end -->
    1.89  </div>
    1.90  
    1.91 -<!-- Block begin -->
    1.92 -<div class="block">
    1.93 -	<!-- Left block begin -->
    1.94 -	<div class="block_left">
    1.95 -		<h3><img src="pics/website/network.png" alt=".png" />Website</h3>
    1.96 +<!-- Content -->
    1.97 +<div id="content">
    1.98 +
    1.99 +<div>
   1.100 +	<div class="left_box">
   1.101 +		<h3><img src="images/network.png" alt=".png" />Website</h3>
   1.102  		<ul>
   1.103  			<li><a href="http://www.slitaz.org/">Main Page &amp; News</a></li>
   1.104 -			<li><a href="http://www.slitaz.org/i18n.html">Internationalization</a></li>
   1.105 +			<li><a href="http://www.slitaz.org/i18n.php">Internationalization</a></li>
   1.106  			<li><a href="http://www.slitaz.org/en/about/">About SliTaz</a></li>
   1.107  			<li><a href="http://www.slitaz.org/en/get/">Download</a></li>
   1.108  			<li><a href="http://www.slitaz.org/en/packages/">Packages</a></li>
   1.109  		</ul>
   1.110 -	<!-- Left block end -->
   1.111  	</div>
   1.112 -	<!-- Right block begin -->
   1.113 -	<div class="block_right">
   1.114 -		<h3><img src="pics/website/support.png" alt=".png" />Help &amp; Support</h3>
   1.115 +	<div class="right_box">
   1.116 +		<h3><img src="images/support.png" alt=".png" />Help &amp; Support</h3>
   1.117  		<ul>
   1.118  			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   1.119  			<li><a href="http://doc.slitaz.org/en:handbook:start">Handbook</a></li>
   1.120 @@ -96,16 +75,14 @@
   1.121  			<li><a href="http://www.slitaz.org/en/mailing-list.html">Mailing List</a></li>
   1.122  			<li>IRC: <b>irc.toile-libre.org #slitaz</b></li>
   1.123  		</ul>
   1.124 -	<!-- Right block end -->
   1.125  	</div>
   1.126 -<!-- Block end -->
   1.127  </div>
   1.128  
   1.129 -<!-- Block begin -->
   1.130 -<div class="block">
   1.131 -	<!-- Left block begin -->
   1.132 -	<div class="block_left">
   1.133 -		<h3><img src="pics/website/users.png" alt=".png" />Community</h3>
   1.134 +<div style="clear: both;"></div>
   1.135 +
   1.136 +<div>
   1.137 +	<div class="left_box" >
   1.138 +		<h3><img src="images/users.png" alt=".png" />Community</h3>
   1.139  		<ul>
   1.140  			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   1.141  			<li><a href="http://doc.slitaz.org/en:newsletter:start">Monthly Newsletter</a></li>
   1.142 @@ -114,11 +91,9 @@
   1.143  			<li><a href="http://www.facebook.com/pages/SliTaz/125559834176383">SliTaz on Facebook</a></li>
   1.144  			<li><a href="http://en.wikipedia.org/wiki/SliTaz_GNU/Linux">SliTaz on Wikipedia</a></li>
   1.145  		</ul>
   1.146 -	<!-- Left block end -->
   1.147  	</div>
   1.148 -	<!-- Right block begin -->
   1.149 -	<div class="block_right">
   1.150 -		<h3><img src="pics/website/development.png" alt=".png" />Development</h3>
   1.151 +	<div class="right_box">
   1.152 +		<h3><img src="images/development.png" alt=".png" />Development</h3>
   1.153  		<ul>
   1.154  			<li><a href="http://hg.slitaz.org/">Mercurial Repositories</a></li>
   1.155  			<li><a href="http://labs.slitaz.org/">SliTaz Laboratories</a></li>
   1.156 @@ -127,76 +102,10 @@
   1.157  			<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
   1.158  			<li><a href="http://www.slitaz.org/en/devel/">Developers Corner</a></li>
   1.159  		</ul>
   1.160 -	<!-- Right block end -->
   1.161  	</div>
   1.162 -<!-- Block end -->
   1.163  </div>
   1.164  
   1.165 -<!-- Block begin -->
   1.166 -<div class="block">
   1.167 -	<!-- Left block begin -->
   1.168 -	<div class="block_left" style="min-height: 300px;">
   1.169 -		<script src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript"></script>
   1.170 -		<script type="text/javascript">
   1.171 -		new TWTR.Widget({
   1.172 -		  version: 2,
   1.173 -		  type: 'profile',
   1.174 -		  rpp: 4,
   1.175 -		  interval: 6000,
   1.176 -		  width: '100%',
   1.177 -		  height: 200,
   1.178 -		  theme: {
   1.179 -		    shell: {
   1.180 -		      background: 'transparent',
   1.181 -		      color: '#000000'
   1.182 -		    },
   1.183 -		    tweets: {
   1.184 -		      background: '#ffffff',
   1.185 -		      color: '#000000',
   1.186 -		      links: '#3a4885'
   1.187 -		    }
   1.188 -		  },
   1.189 -		  features: {
   1.190 -		    scrollbar: false,
   1.191 -		    loop: false,
   1.192 -		    live: false,
   1.193 -		    hashtags: true,
   1.194 -		    timestamp: true,
   1.195 -		    avatars: false,
   1.196 -		    behavior: 'all'
   1.197 -		  }
   1.198 -		}).render().setUser('slitaz').start();
   1.199 -		</script>
   1.200 -	<!-- Left block end -->
   1.201 -	</div>
   1.202 -	<!-- Right block begin -->
   1.203 -	<div class="block_right" style="height: 300px; overflow: hidden;">
   1.204 -		<h3><img src="pics/website/network.png" alt=".png" />SliTaz Cloud</h3>
   1.205 -		<div id="cloud">
   1.206 -			<a class="tag2" href="http://doc.slitaz.org/">Wiki</a>
   1.207 -			<a class="tag8" href="http://forum.slitaz.org/">Support</a>
   1.208 -			<a class="tag4" href="http://scn.slitaz.org/image">Artwork</a>
   1.209 -			<a class="tag6" href="http://www.facebook.com/pages/SliTaz/125559834176383">FB</a>
   1.210 -			<a class="tag3" href="http://twitter.com/slitaz">Tweet</a>
   1.211 -			<a class="tag9" href="http://doc.slitaz.org/en:handbook:start">Handbook</a>
   1.212 -			<a class="tag1" href="http://boot.slitaz.org/">Web boot</a>
   1.213 -			<a class="tag7" href="http://scn.slitaz.org/wallpapers">Wallpapers</a>
   1.214 -			<a class="tag3" href="http://scn.slitaz.org/">SCN</a>
   1.215 -			<a class="tag9" href="http://www.slitaz.org/">News</a>
   1.216 -			<a class="tag5" href="http://labs.slitaz.org/">Labs</a>
   1.217 -			<a class="tag9" href="http://pkgs.slitaz.org/">Packages</a>
   1.218 -			<a class="tag4" href="http://doc.slitaz.org/">Documentation</a>
   1.219 -			<a class="tag2" href="http://www.slitaz.org/en/about/">About</a>
   1.220 -			<a class="tag8" href="http://www.slitaz.org/netmap.php">Netmap</a>
   1.221 -			<a class="tag4" href="http://scn.slitaz.org/screenshots">Screenshots</a>
   1.222 -			<a class="tag5" href="http://distrowatch.com/slitaz">Distrowatch</a>
   1.223 -			<a class="tag9" href="http://www.slitaz.org/en/search.html">Search</a>
   1.224 -			<a class="tag1" href="http://www.slitaz.org/en/devel/">Development</a>
   1.225 -		</div>
   1.226 -	<!-- Right block end -->
   1.227 -	</div>
   1.228 -<!-- Block end -->
   1.229 -</div>
   1.230 +<div style="clear: both;"></div>
   1.231  
   1.232  <!-- End of content -->
   1.233  </div>
   1.234 @@ -205,30 +114,22 @@
   1.235  
   1.236  <!-- Footer -->
   1.237  <div id="footer">
   1.238 -	<div class="right_box">
   1.239 -	<h4>SliTaz Network</h4>
   1.240 -		<ul>
   1.241 -			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
   1.242 -			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
   1.243 -			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
   1.244 -			<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
   1.245 -			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
   1.246 -			<li><a href="http://boot.slitaz.org/">Web Boot</a></li>
   1.247 -		</ul>
   1.248 -	</div>
   1.249 -	<h4>SliTaz Website</h4>
   1.250 -	<ul>
   1.251 -		<li><a href="#header">Top of the page</a></li>
   1.252 -		<li>Copyright &copy; <span class="year"></span>
   1.253 -			<a href="http://www.slitaz.org/">SliTaz</a></li>
   1.254 -		<li><a href="about/">About the project</a></li>
   1.255 -		<li><a href="netmap.php">Network Map</a></li>
   1.256 -		<li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
   1.257 -		<li><a href="http://validator.w3.org/check?uri=referer"><img
   1.258 -		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   1.259 -		title="Code validé XHTML 1.0"
   1.260 -		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
   1.261 -	</ul>
   1.262 +	Copyright &copy; <span class="year"></span>
   1.263 +	<a href="http://www.slitaz.org/">SliTaz</a> - Network:
   1.264 +	<a href="http://scn.slitaz.org/">Community</a>
   1.265 +	<a href="http://doc.slitaz.org/">Doc</a>
   1.266 +	<a href="http://forum.slitaz.org/">Forum</a>
   1.267 +	<a href="http://pkgs.slitaz.org/">Packages</a>
   1.268 +	<a href="http://labs.slitaz.org/issues">Bugs</a>
   1.269 +	<a href="http://hg.slitaz.org/">Hg</a>
   1.270 +	<p>
   1.271 +		SliTaz @
   1.272 +		<a href="http://twitter.com/slitaz">Twitter</a>
   1.273 +		<a href="http://www.facebook.com/slitaz">Facebook</a>
   1.274 +		<a href="http://distrowatch.com/slitaz">Distrowatch</a>
   1.275 +		<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
   1.276 +		<a href="http://flattr.com/profile/slitaz">Flattr</a>
   1.277 +	</p>
   1.278  </div>
   1.279  
   1.280  </body>