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;