slitaz-forge rev 476

arm: improve website!
author Christophe Lincoln <pankso@slitaz.org>
date Sun Mar 09 14:39:01 2014 +0100 (2014-03-09)
parents ed0476257ebb
children 5fb7ae583a4d
files arm/images/arm-cpu.png arm/images/share.png arm/index.html arm/rpi/index.html arm/style.css
line diff
     1.1 Binary file arm/images/arm-cpu.png has changed
     2.1 Binary file arm/images/share.png has changed
     3.1 --- a/arm/index.html	Sun Mar 09 11:54:46 2014 +0100
     3.2 +++ b/arm/index.html	Sun Mar 09 14:39:01 2014 +0100
     3.3 @@ -22,12 +22,34 @@
     3.4  	<h1><a href="./">SliTaz ARM</a></h1>
     3.5  </div>
     3.6  
     3.7 +<div id="block">
     3.8 +	<!-- arm.slitaz.org navigation -->
     3.9 +	<div id="block_nav">
    3.10 +		
    3.11 +		<nav id="nav">
    3.12 +			<a href="tools.cgi?pkgs">Packages</a>
    3.13 +			<!-- <a href="rpi/">Raspberry Pi</a> -->
    3.14 +		</nav>
    3.15 +		
    3.16 +	</div>
    3.17 +	<!-- Information/image -->
    3.18 +	<div id="block_info">
    3.19 +		<p>
    3.20 +			<img src="images/generic.png" alt="arm-cpu.png" />
    3.21 +			Official SliTaz GNU/Linux port to ARM
    3.22 +		</p>
    3.23 +	</div>
    3.24 +</div>
    3.25 +
    3.26  <!-- Content -->
    3.27  <div id="content">
    3.28  	
    3.29  <h2>Welcome to SliTaz ARM</h2>
    3.30  
    3.31 +<img src="images/arm-cpu.png" alt="arm-cpu.png" 
    3.32 +		style="float: right; margin: 0 0 10px 20px;" />
    3.33  <p>
    3.34 +	
    3.35  	This website provides information, notes and links about the 
    3.36  	<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a> port to 
    3.37  	the ARM architecture. SliTaz currently supports the ARM v6 (armel)
    3.38 @@ -107,8 +129,8 @@
    3.39  </p>
    3.40  
    3.41  <div class="box-dl">
    3.42 -	<a href="http://mirror.slitaz.org/packages/cross/"
    3.43 -		>http://mirror.slitaz.org/packages/cross/</a>
    3.44 +	<a href="http://mirror.slitaz.org/arm/cross/"
    3.45 +		>http://mirror.slitaz.org/arm/cross/</a>
    3.46  </div>
    3.47  
    3.48  <h2>Cross compiling</h2>
     4.1 --- a/arm/rpi/index.html	Sun Mar 09 11:54:46 2014 +0100
     4.2 +++ b/arm/rpi/index.html	Sun Mar 09 14:39:01 2014 +0100
     4.3 @@ -22,6 +22,25 @@
     4.4  	<h1><a href="../">SliTaz ARM</a></h1>
     4.5  </div>
     4.6  
     4.7 +<div id="block">
     4.8 +	<!-- arm.slitaz.org navigation -->
     4.9 +	<div id="block_nav">
    4.10 +		
    4.11 +		<nav id="nav">
    4.12 +			<a href="../tools.cgi?pkgs">Packages</a>
    4.13 +			<a href="../rpi/">Raspberry Pi</a>
    4.14 +		</nav>
    4.15 +		
    4.16 +	</div>
    4.17 +	<!-- Information/image -->
    4.18 +	<div id="block_info">
    4.19 +		<p>
    4.20 +			<img src="../images/generic.png" alt="arm-cpu.png" />
    4.21 +			Official SliTaz GNU/Linux port to ARM
    4.22 +		</p>
    4.23 +	</div>
    4.24 +</div>
    4.25 +
    4.26  <!-- Content -->
    4.27  <div id="content">
    4.28  	
    4.29 @@ -33,7 +52,7 @@
    4.30  	footprint and optimized distro for the Raspberry Pi.
    4.31  </p>
    4.32  
    4.33 -<div class="box-up">
    4.34 +<div class="box-share">
    4.35  	SliTaz Raspberry Pi is a rolling model distro with a selective set of 
    4.36  	packages.
    4.37  </div>
     5.1 --- a/arm/style.css	Sun Mar 09 11:54:46 2014 +0100
     5.2 +++ b/arm/style.css	Sun Mar 09 14:39:01 2014 +0100
     5.3 @@ -4,7 +4,7 @@
     5.4  body { font: 13px sans-serif, vernada, arial; margin: 0; }
     5.5  h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
     5.6  h1 a { color: #fff; text-decoration: none; }
     5.7 -h2 { color: #444; border-bottom: 1px dashed #afafaf; padding: 2px 0px;}
     5.8 +h2 { color: #444; border-bottom: 1px dashed #afafaf; padding: 4px 0px; }
     5.9  h3 { color: #666; font-size: 140%;  }
    5.10  a { text-decoration: underline; color: #215090; }
    5.11  a:hover { text-decoration: none; }
    5.12 @@ -68,6 +68,48 @@
    5.13  	height: 40px;
    5.14  }
    5.15  
    5.16 +/* Block */
    5.17 +
    5.18 +#block { 
    5.19 +	min-height: 60px;
    5.20 +	background: #ccc; 
    5.21 +	padding: 20px 10% 0px;
    5.22 +	text-align: center;
    5.23 +	color: #222;
    5.24 +	border-bottom: 1px solid #afafaf;
    5.25 +}
    5.26 +
    5.27 +#block_info {
    5.28 +	text-align: justify; 
    5.29 +	width: 48%;
    5.30 +	padding: 0;
    5.31 +}
    5.32 +
    5.33 +#block_info img { margin-right: 6px; }
    5.34 +#block_info p { margin: 10px 0; padding: 0; }
    5.35 +#block_info a { font-weight: normal; }
    5.36 +#block a:hover { color: #351a0a; }
    5.37 +
    5.38 +#block_nav {
    5.39 +	background: #666;
    5.40 +	padding: 12px 6px;
    5.41 +	text-align: justify;
    5.42 +	width: 48%;
    5.43 +	float: right;
    5.44 +}
    5.45 +
    5.46 +nav { margin: 0;  }
    5.47 +
    5.48 +nav a { 
    5.49 +	text-decoration: none;
    5.50 +	padding: 0px 4px;
    5.51 +	color: #fff; 
    5.52 +	font-weight: bold;
    5.53 +	vertical-align: middle;
    5.54 +}
    5.55 +
    5.56 +#block_nav a:hover, nav a:hover { color: #afafaf; }
    5.57 +
    5.58  /* Search */
    5.59  
    5.60  #search {
    5.61 @@ -104,6 +146,8 @@
    5.62  	margin: 4px 0px;
    5.63  }
    5.64  
    5.65 +.box-up, .box-share { padding: 20px 10px 20px 54px; margin: 20px 0; }
    5.66 +
    5.67  .box-dl {
    5.68  	background: url("images/download.png") no-repeat 12px center;
    5.69  	padding: 16px 16px 16px 54px;
    5.70 @@ -112,11 +156,13 @@
    5.71  
    5.72  .box-up {
    5.73  	background: url("images/generic.png") no-repeat 12px center;
    5.74 -	padding: 20px 10px 20px 54px;
    5.75 -	margin: 20px 0;
    5.76  }
    5.77  
    5.78 -pre, .box, .box-dl, .box-up {
    5.79 +.box-share {
    5.80 +	background: url("images/share.png") no-repeat 12px center;
    5.81 +}
    5.82 +
    5.83 +pre, .box, .box-dl, .box-up, .box-share {
    5.84  	background-color: #efefef;
    5.85  	border: 1px solid #ddd;
    5.86  }
    5.87 @@ -133,7 +179,8 @@
    5.88  
    5.89  /* Round corner */
    5.90  
    5.91 -pre, img, .box, .box-dl, .box-up, input[type="text"] {
    5.92 +pre, img, .box, .box-dl, .box-up, input[type="text"], #block_nav, 
    5.93 +	.box-share {
    5.94  	-moz-border-radius: 4px;
    5.95  	-webkit-border-radius: 4px;
    5.96  	border-radius: 4px;