slitaz-forge rev 38
boot: Update to new style and layout
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Mon Mar 28 15:10:53 2011 +0200 (2011-03-28) |
| parents | 53acdb49f525 |
| children | b770976fff5d |
| files | boot/favicon.ico boot/guide.html boot/images/locale.png boot/images/logo.png boot/images/network.png boot/images/users.png boot/index.php boot/slitaz.css boot/web/favicon.ico boot/web/guide.html boot/web/index.php boot/web/slitaz.css people/index.php |
line diff
1.1 Binary file boot/favicon.ico has changed
2.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 2.2 +++ b/boot/guide.html Mon Mar 28 15:10:53 2011 +0200 2.3 @@ -0,0 +1,192 @@ 2.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 2.7 +<head> 2.8 + <title>SliTaz Web Boot - Guide</title> 2.9 + <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 2.10 + <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" /> 2.11 + <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" /> 2.12 + <meta name="robots" content="index, follow, all" /> 2.13 + <meta name="modified" content="2011-03-28 14:10:00" /> 2.14 + <meta name="author" content="Christophe Lincoln"/> 2.15 + <link rel="shortcut icon" href="favicon.ico" /> 2.16 + <link rel="stylesheet" type="text/css" href="slitaz.css" /> 2.17 +</head> 2.18 +<body> 2.19 + 2.20 +<!-- Header --> 2.21 +<div id="header"> 2.22 + <div id="logo"></div> 2.23 + <div id="network"> 2.24 + <a href="http://www.slitaz.org/"> 2.25 + <img src="images/network.png" alt="network.png" /></a> 2.26 + <a href="http://scn.slitaz.org/">Community</a> 2.27 + <a href="http://doc.slitaz.org/">Doc</a> 2.28 + <a href="http://forum.slitaz.org/">Forum</a> 2.29 + <a href="http://labs.slitaz.org/issues">Bugs</a> 2.30 + <a href="http://hg.slitaz.org/">Hg</a> 2.31 + </div> 2.32 + <h1><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></h1> 2.33 +</div> 2.34 + 2.35 +<!-- Block --> 2.36 +<div id="block"> 2.37 + <!-- Navigation --> 2.38 + <div id="block_nav"> 2.39 + <h4><img src="images/users.png" alt="users.png" />Community</h4> 2.40 + <ul> 2.41 + <li><a href="http://scn.slitaz.org/">Community Network</a></li> 2.42 + <li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li> 2.43 + <li><a href="http://doc.slitaz.org/en:cookbook:start">SliTaz Cookbook</a></li> 2.44 + <li><a href="http://doc.slitaz.org/en:handbook:genlivecd">LiveCD flavor howto</a></li> 2.45 + </ul> 2.46 + </div> 2.47 + <!-- Information/image --> 2.48 + <div id="block_info"> 2.49 + <h4>Web Boot Guide</h4> 2.50 + <p> 2.51 + Learn how to easily boot SliTaz from the web. 2.52 + </p> 2.53 + <p> 2.54 + <img src="images/locale.png" alt="locale.png" style="margin: 0 4px 0 0" /> 2.55 + <a href="#en">English</a> | <a href="#fr">Français</a> 2.56 + </p> 2.57 + <div class="button" style="padding-top: 8px;"> 2.58 + Quick Download: 2.59 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 2.60 + </div> 2.61 + </div> 2.62 +</div> 2.63 + 2.64 +<!-- Content --> 2.65 +<div id="content"> 2.66 + 2.67 +<a name="en"></a> 2.68 +<h2>[en] Short guide</h2> 2.69 +<p> 2.70 +To boot from the internet you'll need a working DHCP server, DNS server/cache 2.71 +and a default internet route. This is usually the case if you have a router 2.72 +for network connection. 2.73 +</p> 2.74 +<ul> 2.75 + <li>SliTaz Cooking has the boot option <code>web</code>, so you can 2.76 + use boot.slitaz.org from the standard core LiveCD.</li> 2.77 + <li>SliTaz boot ISO: Download 2.78 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 2.79 + (<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>) 2.80 + and burn the image to a cdrom. Boot from the cdrom device and select 2.81 + gPXE. This ISO image also provides Memtest86 to test system memory. 2.82 + </li> 2.83 + <li>USB media: Use TazUSB to generate bootable USB media. Install 2.84 + the package <code>gpxe</code>, copy /boot/gpxe into the boot 2.85 + directory of the USB media and add an entry to the Syslinux configuration 2.86 + file <code>syslinux.cfg</code>: 2.87 + <pre class="script"> 2.88 +label web 2.89 + kernel /boot/gpxe 2.90 + </pre></li> 2.91 + <li>Floppy image: Download 2.92 + <a href="http://mirror.slitaz.org/boot/floppy-grub">floppy-grub</a> 2.93 + (<a href="http://mirror.slitaz.org/boot/floppy-grub.md5">md5</a>) 2.94 + and transfer the image to a blank floppy disk using the command: 2.95 + <code>dd if=floppy-grub of=/dev/fd0</code>. Boot the floppy and select 2.96 + gPXE entry.</li> 2.97 +</ul> 2.98 + 2.99 +<h3>Boot time</h3> 2.100 +<p> 2.101 +The boot time largely depends on your network connection. With a 1Mb 2.102 +connection in France, it takes 5 min. If you want, you can report the 2.103 +boot time on the Mailing list or the Forum. 2.104 +</p> 2.105 + 2.106 +<h3>Required configuration</h3> 2.107 +<p> 2.108 +The default boot entry needs 160Mb RAM. Two entries are available to 2.109 +boot with 24Mb: 2.110 +<ul> 2.111 + <li><code>tiny</code> starts in text mode.</li> 2.112 + <li><code>loram</code> starts in graphical mode.</li> 2.113 +</ul> 2.114 +</p> 2.115 + 2.116 +<a name="fr"></a> 2.117 +<h2>[fr] Guide rapide</h2> 2.118 +<p> 2.119 +Pour démarrer depuis internet vous devez avoir une configuration réseau 2.120 +fonctionnelle (Serveur DHCP, DNS/DNS cache, passerelle par défaut). 2.121 +C'est généralement le cas si vous utiliser un routeur pour votre 2.122 +connexion réseau. 2.123 +</p> 2.124 + 2.125 +<ul> 2.126 + <li>La version Cooking de permet de démarrer depuis boot.slitaz.org 2.127 + en utilisant l'option <code>web</code> au boot, cela permet d'utiliser 2.128 + le LiveCD standard pour tester la dernière version sans regraver un 2.129 + cdrom.</li> 2.130 + <li>Image ISO SliTaz boot: Téléchargez le fichier 2.131 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 2.132 + (<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>) 2.133 + et gravez l'image sur un cdrom vierge. Démarrez depuis le cdrom et 2.134 + choisissez l'option gPXE. Cette image ISO vous permet également de tester 2.135 + la mémoire système avec Memtest86.</li> 2.136 + <li>Média USB: Utilisez TazUSB pour générer un média USB amorçable. 2.137 + Installez le paquet <code>gpxe</code>, copiez le répertoire /boot/gpxe 2.138 + dans le répertoire boot du média USB et ajoutez une entrée dans le 2.139 + fichier de configuration de Syslinux <code>syslinux.cfg</code> : 2.140 + <pre class="script"> 2.141 +label web 2.142 + kernel /boot/gpxe 2.143 + </pre></li> 2.144 + <li>Image de disquette: Téléchargez le fichier 2.145 + <a href="http://mirror.slitaz.org/boot/floppy-grub">floppy-grub</a> 2.146 + (<a href="http://mirror.slitaz.org/boot/floppy-grub.md5">md5</a>) 2.147 + Transférez l'image sur une disquette vierge en utilisant la commande 2.148 + suivant: <code>dd if=floppy-grub of=/dev/fd0</code>. Démarrez sur 2.149 + la disquette et choisissez l'entrée gPXE. 2.150 + </li> 2.151 +</ul> 2.152 + 2.153 +<h3>Temps de démarrage</h3> 2.154 +<p> 2.155 +Le temps de démarrage dépend de votre vitesse de connexion à internet 2.156 +et des charges du serveur. En france avec un débit de 1Mo il faut 5 minutes. 2.157 +Vous pouvez poster vos retours d'expériences sur le Wiki, Forum ou la 2.158 +liste de diffusion. 2.159 +</p> 2.160 + 2.161 +<h3>Configuration minimum</h3> 2.162 +<p> 2.163 +L'entrée par défaut nécessite au moins 160Mo de RAM. Deux autres sont 2.164 +disponibles pour démarrer avec 24Mo ou plus : 2.165 +<ul> 2.166 + <li><code>tiny</code> démarre en mode texte.</li> 2.167 + <li><code>loram</code> démarre en mode graphique.</li> 2.168 +</ul> 2.169 +</p> 2.170 + 2.171 +<!-- End of content --> 2.172 +</div> 2.173 + 2.174 +<!-- Footer --> 2.175 +<div id="footer"> 2.176 + Copyright © <span class="year"></span> 2.177 + <a href="http://www.slitaz.org/">SliTaz</a> - Network: 2.178 + <a href="http://scn.slitaz.org/">Community</a> 2.179 + <a href="http://doc.slitaz.org/">Doc</a> 2.180 + <a href="http://forum.slitaz.org/">Forum</a> 2.181 + <a href="http://pkgs.slitaz.org/">Packages</a> 2.182 + <a href="http://labs.slitaz.org/issues">Bugs</a> 2.183 + <a href="http://hg.slitaz.org/">Hg</a> 2.184 + <p> 2.185 + SliTaz @ 2.186 + <a href="http://twitter.com/slitaz">Twitter</a> 2.187 + <a href="http://www.facebook.com/slitaz">Facebook</a> 2.188 + <a href="http://distrowatch.com/slitaz">Distrowatch</a> 2.189 + <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> 2.190 + <a href="http://flattr.com/profile/slitaz">Flattr</a> 2.191 + </p> 2.192 +</div> 2.193 + 2.194 +</body> 2.195 +</html>
3.1 Binary file boot/images/locale.png has changed
4.1 Binary file boot/images/logo.png has changed
5.1 Binary file boot/images/network.png has changed
6.1 Binary file boot/images/users.png has changed
7.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 7.2 +++ b/boot/index.php Mon Mar 28 15:10:53 2011 +0200 7.3 @@ -0,0 +1,113 @@ 7.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 7.5 + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 7.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 7.7 +<head> 7.8 + <title>SliTaz Web Boot</title> 7.9 + <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 7.10 + <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" /> 7.11 + <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" /> 7.12 + <meta name="robots" content="index, follow, all" /> 7.13 + <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" /> 7.14 + <meta name="author" content="Christophe Lincoln"/> 7.15 + <link rel="shortcut icon" href="favicon.ico" /> 7.16 + <link rel="stylesheet" type="text/css" href="slitaz.css" /> 7.17 +</head> 7.18 +<body> 7.19 + 7.20 +<!-- Header --> 7.21 +<div id="header"> 7.22 + <div id="logo"></div> 7.23 + <div id="network"> 7.24 + <a href="http://www.slitaz.org/"> 7.25 + <img src="images/network.png" alt="network.png" /></a> 7.26 + <a href="http://scn.slitaz.org/">Community</a> 7.27 + <a href="http://doc.slitaz.org/">Doc</a> 7.28 + <a href="http://forum.slitaz.org/">Forum</a> 7.29 + <a href="http://labs.slitaz.org/issues">Bugs</a> 7.30 + <a href="http://hg.slitaz.org/">Hg</a> 7.31 + </div> 7.32 + <h1><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></h1> 7.33 +</div> 7.34 + 7.35 +<!-- Block --> 7.36 +<div id="block"> 7.37 + <!-- Navigation --> 7.38 + <div id="block_nav"> 7.39 + <h4><img src="images/users.png" alt="users.png" />Community</h4> 7.40 + <ul> 7.41 + <li><a href="http://scn.slitaz.org/">Community Network</a></li> 7.42 + <li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li> 7.43 + <li><a href="http://doc.slitaz.org/en:cookbook:start">SliTaz Cookbook</a></li> 7.44 + <li><a href="http://doc.slitaz.org/en:handbook:genlivecd">LiveCD flavor howto</a></li> 7.45 + </ul> 7.46 + </div> 7.47 + <!-- Information/image --> 7.48 + <div id="block_info"> 7.49 + <h4>Web Boot</h4> 7.50 + <p> 7.51 + Welcome to the <a href="http://www.slitaz.org/en/">SliTaz GNU/Linux</a> 7.52 + gPXE boot host; boot.slitaz.org allows you to boot SliTaz from the Web 7.53 + using a cdrom, USB media or a floppy disk. The Linux Kernel and the 7.54 + complete SliTaz compressed root filesystem will be loaded into RAM 7.55 + from the Web using PXE and HTTP protocols. 7.56 + <a href="guide.html">Short guide...</a> 7.57 + </p> 7.58 + <div class="button" style="padding-top: 8px;"> 7.59 + Quick Download: 7.60 + <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 7.61 + </div> 7.62 + </div> 7.63 +</div> 7.64 + 7.65 +<!-- Content --> 7.66 +<div id="content"> 7.67 + 7.68 +<h2>In your language</h2> 7.69 + 7.70 +<h3>Français</h3> 7.71 +<p> 7.72 +Bienvenue sur l'hôte de démarrage gPXE de 7.73 +<a href="http://www.slitaz.org/fr/">SliTaz GNU/Linux</a>, boot.slitaz.org 7.74 +vous permet de démarrer SliTaz depuis le réseau en utilisant un cdrom, 7.75 +une clé USB ou une disquette de démarrage. Le noyau Linux et le système 7.76 +de fichiers compressé contenant SliTaz seront chargés en RAM depuis 7.77 +internet en utilisant les protocoles PXE et HTTP. 7.78 +<a href="guide.html#fr">Guide rapide...</a> 7.79 +</p> 7.80 + 7.81 +<h3>Deutsch</h3> 7.82 +<p> 7.83 +Willkommen am Start-Provider gPXE von 7.84 +<a href="http://www.slitaz.org/de/">SliTaz GNU/Linux</a>, 7.85 +boot.slitaz.org ermöglicht Ihnen, SliTaz aus dem Netzwerk durch 7.86 +einfache benützung einer CD-ROM, eines USB-Sticks oder gar einer 7.87 +Start-Floppy, einzusetzen. Linux-Kernel und erforderliche komprimierte 7.88 +Dateien werden dann in Ihr RAM aus dem Internet über das Protokol 7.89 +PXE/HTTP geladen. Viel Freude damit! <a href="guide.html#en">Short guide...</a> 7.90 +</p> 7.91 + 7.92 +<!-- End of content --> 7.93 +</div> 7.94 + 7.95 +<!-- Footer --> 7.96 +<div id="footer"> 7.97 + Copyright © <span class="year"></span> 7.98 + <a href="http://www.slitaz.org/">SliTaz</a> - Network: 7.99 + <a href="http://scn.slitaz.org/">Community</a> 7.100 + <a href="http://doc.slitaz.org/">Doc</a> 7.101 + <a href="http://forum.slitaz.org/">Forum</a> 7.102 + <a href="http://pkgs.slitaz.org/">Packages</a> 7.103 + <a href="http://labs.slitaz.org/issues">Bugs</a> 7.104 + <a href="http://hg.slitaz.org/">Hg</a> 7.105 + <p> 7.106 + SliTaz @ 7.107 + <a href="http://twitter.com/slitaz">Twitter</a> 7.108 + <a href="http://www.facebook.com/slitaz">Facebook</a> 7.109 + <a href="http://distrowatch.com/slitaz">Distrowatch</a> 7.110 + <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> 7.111 + <a href="http://flattr.com/profile/slitaz">Flattr</a> 7.112 + </p> 7.113 +</div> 7.114 + 7.115 +</body> 7.116 +</html>
8.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 8.2 +++ b/boot/slitaz.css Mon Mar 28 15:10:53 2011 +0200 8.3 @@ -0,0 +1,282 @@ 8.4 +/* 8.5 + CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux 8.6 +*/ 8.7 + 8.8 +html { 8.9 + min-height: 102%; 8.10 +} 8.11 + 8.12 +body { 8.13 + background: #ffffff; 8.14 + color: black; 8.15 + font: 13px sans-serif, vernada, arial; 8.16 + margin: 0; 8.17 + min-width: 900px; 8.18 +} 8.19 + 8.20 +a { text-decoration: underline; color: #215090; } 8.21 +a:hover { text-decoration: none; color: blue; } 8.22 +img { border: 0pt none; vertical-align: middle; } 8.23 +h2 { color: #444; } 8.24 +h3 { color: #666; font-size: 140%; } 8.25 +h4 { color: #888; font-size: 120%; } 8.26 +pre { 8.27 + background-color: #f8f8f8; 8.28 + border: 1px solid #ddd; 8.29 + padding: 10px; 8.30 +} 8.31 + 8.32 +/* Header */ 8.33 + 8.34 +#header { 8.35 + height: 40px; 8.36 + background: #351a0a; 8.37 +} 8.38 + 8.39 +#header h1 { 8.40 + margin: 0; 8.41 + padding: 8px 0 0 42px; 8.42 + width: 250px; 8.43 +} 8.44 + 8.45 +#header h1 a { 8.46 + color: white; 8.47 + text-decoration: none; 8.48 + font-size: 20px; 8.49 + font-style: italic; 8.50 +} 8.51 + 8.52 +#header h1 a:hover, #network a:hover { 8.53 + color: #d66018; 8.54 +} 8.55 + 8.56 +/* Logo */ 8.57 + 8.58 +#logo { 8.59 + background: url(images/logo.png) no-repeat left; 8.60 + position: absolute; 8.61 + float: left; 8.62 + left: 0px; 8.63 + top: 0px; 8.64 + width: 40px; 8.65 + height: 40px; 8.66 +} 8.67 + 8.68 +/* SliTaz Network */ 8.69 + 8.70 +#network { 8.71 + float: right; 8.72 + padding: 10px 5px 0; 8.73 + font-size: 12px; 8.74 +} 8.75 + 8.76 +#network a { padding: 0 6px; } 8.77 + 8.78 +/* Block */ 8.79 + 8.80 +#block { 8.81 + min-height: 200px; 8.82 + background: #d66018; 8.83 + padding: 26px 10% 0px; 8.84 + text-align: center; 8.85 + color: #333; 8.86 + border-bottom: 1px solid #f5f5f5; 8.87 +} 8.88 + 8.89 +#block_info { 8.90 + text-align: justify; 8.91 + width: 48%; 8.92 + padding: 10px 10px 0 0; 8.93 +} 8.94 + 8.95 +#block a, #network a { 8.96 + color: #fff; 8.97 + font-weight: bold; 8.98 + text-decoration: none; 8.99 +} 8.100 + 8.101 +#block h4 { 8.102 + color: #351a0a; 8.103 + margin: 0 0 6px; 8.104 + font-weight: bold; 8.105 + font-size: 110%; 8.106 +} 8.107 + 8.108 +#block_info p { margin: 6px 0; padding: 0 12px 0 0; } 8.109 +#block_info a { font-weight: normal; } 8.110 +#block ul { list-style-type: square; } 8.111 +#block a:hover { color: #351a0a; } 8.112 + 8.113 +/* Navigation */ 8.114 + 8.115 +#block_nav { 8.116 + background: #cc5b17; 8.117 + padding: 10px 10px 40px; 8.118 + text-align: justify; 8.119 + width: 48%; 8.120 + float: right; 8.121 +} 8.122 + 8.123 +#block_nav ul { 8.124 + list-style-type: none; 8.125 + margin: 6px 0; 8.126 + padding: 0; 8.127 +} 8.128 + 8.129 +#block_nav h4 img { 8.130 + margin: 0 4px 0 0; 8.131 + padding: 0; 8.132 +} 8.133 + 8.134 +/* Languages */ 8.135 + 8.136 +#lang { 8.137 + float: right; 8.138 + padding: 6px; 8.139 + font-size: 11px; 8.140 +} 8.141 + 8.142 +#lang a { 8.143 + text-decoration: none; 8.144 + padding: 0 2px; 8.145 +} 8.146 + 8.147 +#lang a:hover { 8.148 + text-decoration: underline; 8.149 +} 8.150 + 8.151 +/* Content */ 8.152 + 8.153 +#content { 8.154 + padding: 30px 80px; 8.155 + text-align: justify; 8.156 +} 8.157 + 8.158 +#news li { 8.159 + list-style-type: square; 8.160 + border-bottom: 1px dotted #BEBEBE; 8.161 + margin-left: -25px; 8.162 + padding: 4px 0px 4px 0px; 8.163 +} 8.164 + 8.165 +#news a, .feed-grid a { text-decoration: none; } 8.166 +#news p a { text-decoration: underline; } 8.167 +#news p a:hover { text-decoration: none; } 8.168 +#twitter { margin: 20px 0; } 8.169 +#gallery { text-align: center; } 8.170 + 8.171 +/* Classes */ 8.172 + 8.173 +.right_box { width: 48%; float: right; } 8.174 +.left_box { width: 48%; float: left; } 8.175 + 8.176 +.box { 8.177 + margin: 20px 60px; 8.178 + padding: 12px; 8.179 + background: #efefef; 8.180 + border: 1px solid #ddd; 8.181 +} 8.182 + 8.183 +.searchbox { 8.184 + margin: 20px 80px; 8.185 + padding: 12px; 8.186 + background: #f8f8f8; 8.187 + text-align: center; 8.188 + border: 1px solid #ddd; 8.189 +} 8.190 + 8.191 +.feed-grid { height: 180px; overflow: hidden; text-align: left; } 8.192 +.feed-grid h3 { 8.193 + margin: 15px 0 0; font-size: 16px; 8.194 + padding: 0 22px; 8.195 + background: url(images/feed.png) no-repeat left; } 8.196 +.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } 8.197 +.feed-grid ul { color: #666; } 8.198 +.feed-grid a { color: #666; } 8.199 +.feed-grid a:hover { color: blue; } 8.200 + 8.201 +/* Button */ 8.202 + 8.203 +.button a { 8.204 + background-color: #b64b22; 8.205 + color: #ffffff; 8.206 + margin-right: 6px; 8.207 + padding: 6px 10px; 8.208 + font-size: 12px; 8.209 + text-decoration: none; 8.210 + font-weight: bold; 8.211 +} 8.212 +.button a:hover, input[type=submit]:hover { 8.213 + background-color: #a3431f; 8.214 + color: #ffffff; 8.215 +} 8.216 + 8.217 +/* Round corner */ 8.218 + 8.219 +#block_nav, pre, .box, .searchbox, .button a, #twitter { 8.220 + -moz-border-radius: 4px; 8.221 + -webkit-border-radius: 4px; 8.222 + border-radius: 4px; 8.223 +} 8.224 + 8.225 +/* Transition */ 8.226 + 8.227 +.box { 8.228 + -webkit-transition-property: background-color; 8.229 + -webkit-transition-duration: 2s; 8.230 + -moz-transition-property: background-color; 8.231 + -moz-transition-duration: 2s; 8.232 + transition-property: background-color; 8.233 + transition-duration: 2s; 8.234 +} 8.235 + 8.236 +/* Form */ 8.237 + 8.238 +input[type=submit] { 8.239 + border: 1px solid #b64b22; 8.240 + background-color: #b64b22; 8.241 + color: white; 8.242 + font-weight: bold; 8.243 + cursor: pointer; 8.244 + padding: 4px 10px; 8.245 + font-size: 14px; 8.246 + margin-left: -5px; 8.247 + -webkit-border-top-right-radius: 4px; 8.248 + -webkit-border-bottom-right-radius: 4px; 8.249 + -moz-border-radius-topright: 4px; 8.250 + -moz-border-radius-bottomright: 4px; 8.251 + border-top-right-radius: 4px; 8.252 + border-bottom-right-radius: 4px; 8.253 +} 8.254 + 8.255 +input[type=submit]:hover { background-color: #a3431f; } 8.256 + 8.257 +input[type=text] { 8.258 + border: 1px solid #333333; 8.259 + padding: 4px; 8.260 + height: 17px; 8.261 + width: 100%; 8.262 + -webkit-border-top-left-radius: 4px; 8.263 + -webkit-border-bottom-left-radius: 4px; 8.264 + -moz-border-radius-topleft: 4px; 8.265 + -moz-border-radius-bottomleft: 4px; 8.266 + border-top-left-radius: 4px; 8.267 + border-bottom-left-radius: 4px; 8.268 +} 8.269 + 8.270 +/* Footer */ 8.271 + 8.272 +#footer { 8.273 + background: #f1f1f1; 8.274 + text-align: center; 8.275 + border-top: 1px solid #ddd; 8.276 + padding: 40px; 8.277 + color: #666; 8.278 +} 8.279 + 8.280 +#footer a { color: #666; padding: 0 2px; } 8.281 + 8.282 +.year:after { 8.283 + /* content: "2007-2011"; */ 8.284 + content: "2011"; 8.285 +}
9.1 Binary file boot/web/favicon.ico has changed
10.1 --- a/boot/web/guide.html Sat Mar 19 16:26:12 2011 +0100 10.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 10.3 @@ -1,198 +0,0 @@ 10.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 10.5 - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 10.6 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 10.7 -<head> 10.8 - <title>boot.slitaz.org - Boot SliTaz from the Web</title> 10.9 - <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 10.10 - <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" /> 10.11 - <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" /> 10.12 - <meta name="robots" content="index, follow, all" /> 10.13 - <meta name="revisit-after" content="7 days" /> 10.14 - <meta name="expires" content="never" /> 10.15 - <meta name="modified" content="2011-01-07 02:10:00" /> 10.16 - <meta name="author" content="Christophe Lincoln"/> 10.17 - <meta name="publisher" content="www.slitaz.org" /> 10.18 - <link rel="shortcut icon" href="favicon.ico" /> 10.19 - <link rel="stylesheet" type="text/css" href="slitaz.css" /> 10.20 - <link rel="Content" href="#content" /> 10.21 -</head> 10.22 -<body> 10.23 - 10.24 -<!-- Header --> 10.25 -<div id="header"> 10.26 - <a href="http://boot.slitaz.org/"><img id="logo" 10.27 - src="pics/website/logo.png" 10.28 - title="boot.slitaz.org" alt="boot.slitaz.org" /></a> 10.29 - <p id="titre">#!/Web/Boot</p> 10.30 -</div> 10.31 - 10.32 -<!-- Content --> 10.33 -<div id="content-full"> 10.34 - 10.35 -<!-- Block begin --> 10.36 -<div class="block"> 10.37 - <!-- Nav block begin --> 10.38 - <div id="block_nav"> 10.39 - <h3><img src="pics/website/users.png" alt="users.png" />Community</h3> 10.40 - <ul> 10.41 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 10.42 - <li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li> 10.43 - </ul> 10.44 - <h3>Quick Download</h3> 10.45 - <div class="button"> 10.46 - <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 10.47 - </div> 10.48 - <!-- Nav block end --> 10.49 - </div> 10.50 - <!-- Top block begin --> 10.51 - <div id="block_top"> 10.52 - <h1>Web Boot guide</h1> 10.53 - <p> 10.54 - Learn how to easily boot SliTaz from the web. 10.55 - </p> 10.56 - <h3><img src="pics/website/locale.png" alt="locale.png" />Guide Language</h3> 10.57 - <p> 10.58 - <a href="#en">English</a> | <a href="#fr">Français</a> 10.59 - </p> 10.60 - <!-- Top block end --> 10.61 - </div> 10.62 -<!-- Block end --> 10.63 -</div> 10.64 - 10.65 -<a name="en"></a> 10.66 -<h2>[en] Short guide</h2> 10.67 -<p> 10.68 -To boot from the internet you'll need a working DHCP server, DNS server/cache 10.69 -and a default internet route. This is usually the case if you have a router 10.70 -for network connection. 10.71 -</p> 10.72 -<ul> 10.73 - <li>SliTaz Cooking has the boot option <code>web</code>, so you can 10.74 - use boot.slitaz.org from the standard core LiveCD.</li> 10.75 - <li>SliTaz boot ISO: Download 10.76 - <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 10.77 - (<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>) 10.78 - and burn the image to a cdrom. Boot from the cdrom device and select 10.79 - gPXE. This ISO image also provides Memtest86 to test system memory. 10.80 - </li> 10.81 - <li>USB media: Use TazUSB to generate bootable USB media. Install 10.82 - the package <code>gpxe</code>, copy /boot/gpxe into the boot 10.83 - directory of the USB media and add an entry to the Syslinux configuration 10.84 - file <code>syslinux.cfg</code>: 10.85 - <pre class="script"> 10.86 -label web 10.87 - kernel /boot/gpxe 10.88 - </pre></li> 10.89 - <li>Floppy image: Download 10.90 - <a href="http://mirror.slitaz.org/boot/floppy-grub">floppy-grub</a> 10.91 - (<a href="http://mirror.slitaz.org/boot/floppy-grub.md5">md5</a>) 10.92 - and transfer the image to a blank floppy disk using the command: 10.93 - <code>dd if=floppy-grub of=/dev/fd0</code>. Boot the floppy and select 10.94 - gPXE entry.</li> 10.95 -</ul> 10.96 - 10.97 -<h3>Boot time</h3> 10.98 -<p> 10.99 -The boot time largely depends on your network connection. With a 1Mb 10.100 -connection in France, it takes 5 min. If you want, you can report the 10.101 -boot time on the Mailing list or the Forum. 10.102 -</p> 10.103 - 10.104 -<h3>Required configuration</h3> 10.105 -<p> 10.106 -The default boot entry needs 160Mb RAM. Two entries are available to 10.107 -boot with 24Mb: 10.108 -<ul> 10.109 - <li><code>tiny</code> starts in text mode.</li> 10.110 - <li><code>loram</code> starts in graphical mode.</li> 10.111 -</ul> 10.112 -</p> 10.113 - 10.114 -<a name="fr"></a> 10.115 -<h2>[fr] Guide rapide</h2> 10.116 -<p> 10.117 -Pour démarrer depuis internet vous devez avoir une configuration réseau 10.118 -fonctionnelle (Serveur DHCP, DNS/DNS cache, passerelle par défaut). 10.119 -C'est généralement le cas si vous utiliser un routeur pour votre 10.120 -connexion réseau. 10.121 -</p> 10.122 - 10.123 -<ul> 10.124 - <li>La version Cooking de permet de démarrer depuis boot.slitaz.org 10.125 - en utilisant l'option <code>web</code> au boot, cela permet d'utiliser 10.126 - le LiveCD standard pour tester la dernière version sans regraver un 10.127 - cdrom.</li> 10.128 - <li>Image ISO SliTaz boot: Téléchargez le fichier 10.129 - <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 10.130 - (<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>) 10.131 - et gravez l'image sur un cdrom vierge. Démarrez depuis le cdrom et 10.132 - choisissez l'option gPXE. Cette image ISO vous permet également de tester 10.133 - la mémoire système avec Memtest86.</li> 10.134 - <li>Média USB: Utilisez TazUSB pour générer un média USB amorçable. 10.135 - Installez le paquet <code>gpxe</code>, copiez le répertoire /boot/gpxe 10.136 - dans le répertoire boot du média USB et ajoutez une entrée dans le 10.137 - fichier de configuration de Syslinux <code>syslinux.cfg</code> : 10.138 - <pre class="script"> 10.139 -label web 10.140 - kernel /boot/gpxe 10.141 - </pre></li> 10.142 - <li>Image de disquette: Téléchargez le fichier 10.143 - <a href="http://mirror.slitaz.org/boot/floppy-grub">floppy-grub</a> 10.144 - (<a href="http://mirror.slitaz.org/boot/floppy-grub.md5">md5</a>) 10.145 - Transférez l'image sur une disquette vierge en utilisant la commande 10.146 - suivant: <code>dd if=floppy-grub of=/dev/fd0</code>. Démarrez sur 10.147 - la disquette et choisissez l'entrée gPXE. 10.148 - </li> 10.149 -</ul> 10.150 - 10.151 -<h3>Temps de démarrage</h3> 10.152 -<p> 10.153 -Le temps de démarrage dépend de votre vitesse de connexion à internet 10.154 -et des charges du serveur. En france avec un débit de 1Mo il faut 5 minutes. 10.155 -Vous pouvez poster vos retours d'expériences sur le Wiki, Forum ou la 10.156 -liste de diffusion. 10.157 -</p> 10.158 - 10.159 -<h3>Configuration minimum</h3> 10.160 -<p> 10.161 -L'entrée par défaut nécessite au moins 160Mo de RAM. Deux autres sont 10.162 -disponibles pour démarrer avec 24Mo ou plus : 10.163 -<ul> 10.164 - <li><code>tiny</code> démarre en mode texte.</li> 10.165 - <li><code>loram</code> démarre en mode graphique.</li> 10.166 -</ul> 10.167 -</p> 10.168 - 10.169 -<!-- End of content --> 10.170 -</div> 10.171 - 10.172 -<!-- Footer --> 10.173 -<div id="footer"> 10.174 - <div class="right_box"> 10.175 - <h4>SliTaz Network</h4> 10.176 - <ul> 10.177 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 10.178 - <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 10.179 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 10.180 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 10.181 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 10.182 - <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 10.183 - </ul> 10.184 - </div> 10.185 - <h4>SliTaz Website</h4> 10.186 - <ul> 10.187 - <li><a href="#header">Top of the page</a></li> 10.188 - <li>Copyright © <span class="year"></span> 10.189 - <a href="http://www.slitaz.org/">SliTaz</a></li> 10.190 - <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 10.191 - <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 10.192 - <li>Page modified the 07 Jan 2011</li> 10.193 - <li><a href="http://validator.w3.org/check?uri=referer"><img 10.194 - src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 10.195 - title="Code validé XHTML 1.0" 10.196 - style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 10.197 - </ul> 10.198 -</div> 10.199 - 10.200 -</body> 10.201 -</html>
11.1 --- a/boot/web/index.php Sat Mar 19 16:26:12 2011 +0100 11.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 11.3 @@ -1,119 +0,0 @@ 11.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 11.5 - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 11.6 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 11.7 -<head> 11.8 - <title>SliTaz Web boot</title> 11.9 - <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 11.10 - <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" /> 11.11 - <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" /> 11.12 - <meta name="robots" content="index, follow, all" /> 11.13 - <meta name="revisit-after" content="7 days" /> 11.14 - <meta name="expires" content="never" /> 11.15 - <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" /> 11.16 - <meta name="author" content="Christophe Lincoln"/> 11.17 - <meta name="publisher" content="www.slitaz.org" /> 11.18 - <link rel="shortcut icon" href="favicon.ico" /> 11.19 - <link rel="stylesheet" type="text/css" href="slitaz.css" /> 11.20 - <link rel="Content" href="#content" /> 11.21 -</head> 11.22 -<body> 11.23 - 11.24 -<!-- Header --> 11.25 -<div id="header"> 11.26 - <a href="http://boot.slitaz.org/"><img id="logo" 11.27 - src="pics/website/logo.png" 11.28 - title="boot.slitaz.org" alt="boot.slitaz.org" /></a> 11.29 - <p id="titre">#!/Web/Boot</p> 11.30 -</div> 11.31 - 11.32 -<!-- Content --> 11.33 -<div id="content-full"> 11.34 - 11.35 -<!-- Block begin --> 11.36 -<div class="block"> 11.37 - <!-- Nav block begin --> 11.38 - <div id="block_nav"> 11.39 - <h3><img src="pics/website/users.png" alt="users.png" />Community</h3> 11.40 - <ul> 11.41 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 11.42 - <li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li> 11.43 - </ul> 11.44 - <h3>Quick Download</h3> 11.45 - <div class="button"> 11.46 - <a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a> 11.47 - </div> 11.48 - <!-- Nav block end --> 11.49 - </div> 11.50 - <!-- Top block begin --> 11.51 - <div id="block_top"> 11.52 - <h1>SliTaz Web boot</h1> 11.53 - <p> 11.54 - Welcome to the <a href="http://www.slitaz.org/en/">SliTaz GNU/Linux</a> 11.55 - gPXE boot host; boot.slitaz.org allows you to boot SliTaz from the Web 11.56 - using a cdrom, USB media or a floppy disk. The Linux Kernel and the 11.57 - complete SliTaz compressed root filesystem will be loaded into RAM 11.58 - from the Web using PXE and HTTP protocols. 11.59 - <a href="guide.html">Short guide...</a> 11.60 - </p> 11.61 - <!-- Top block end --> 11.62 - </div> 11.63 -<!-- Block end --> 11.64 -</div> 11.65 - 11.66 -<h2>In your language</h2> 11.67 - 11.68 -<h3>Français</h3> 11.69 -<p> 11.70 -Bienvenue sur l'hôte de démarrage gPXE de 11.71 -<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a>, boot.slitaz.org 11.72 -vous permet de démarrer SliTaz depuis le réseau en utilisant un cdrom, 11.73 -une clé USB ou une disquette de démarrage. Le noyau Linux et le système 11.74 -de fichiers compressé contenant SliTaz seront chargés en RAM depuis 11.75 -internet en utilisant les protocoles PXE et HTTP. 11.76 -<a href="guide.html#fr">Guide rapide...</a> 11.77 -</p> 11.78 - 11.79 -<h3>Deutsch</h3> 11.80 -<p> 11.81 -Willkommen am Start-Provider gPXE von 11.82 -<a href="http://www.slitaz.org/">SliTaz GNU/Linux</a>, 11.83 -boot.slitaz.org ermöglicht Ihnen, SliTaz aus dem Netzwerk durch 11.84 -einfache benützung einer CD-ROM, eines USB-Sticks oder gar einer 11.85 -Start-Floppy, einzusetzen. Linux-Kernel und erforderliche komprimierte 11.86 -Dateien werden dann in Ihr RAM aus dem Internet über das Protokol 11.87 -PXE/HTTP geladen. Viel Freude damit! <a href="guide.html#en">Short guide...</a> 11.88 -</p> 11.89 - 11.90 -<!-- End of content --> 11.91 -</div> 11.92 - 11.93 -<!-- Footer --> 11.94 -<div id="footer"> 11.95 - <div class="right_box"> 11.96 - <h4>SliTaz Network</h4> 11.97 - <ul> 11.98 - <li><a href="http://doc.slitaz.org/">Documentation</a></li> 11.99 - <li><a href="http://forum.slitaz.org/">Support Forum</a></li> 11.100 - <li><a href="http://scn.slitaz.org/">Community Network</a></li> 11.101 - <li><a href="http://labs.slitaz.org/">Laboratories</a></li> 11.102 - <li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li> 11.103 - <li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li> 11.104 - </ul> 11.105 - </div> 11.106 - <h4>SliTaz Website</h4> 11.107 - <ul> 11.108 - <li><a href="#header">Top of the page</a></li> 11.109 - <li>Copyright © <span class="year"></span> 11.110 - <a href="http://www.slitaz.org/">SliTaz</a></li> 11.111 - <li><a href="http://www.slitaz.org/en/about/">About the project</a></li> 11.112 - <li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li> 11.113 - <li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li> 11.114 - <li><a href="http://validator.w3.org/check?uri=referer"><img 11.115 - src="pics/website/xhtml10.png" alt="Valid XHTML 1.0" 11.116 - title="Code validé XHTML 1.0" 11.117 - style="width: 80px; height: 15px; vertical-align: middle;" /></a></li> 11.118 - </ul> 11.119 -</div> 11.120 - 11.121 -</body> 11.122 -</html>
12.1 --- a/boot/web/slitaz.css Sat Mar 19 16:26:12 2011 +0100 12.2 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 12.3 @@ -1,442 +0,0 @@ 12.4 -/* 12.5 - CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux 12.6 -*/ 12.7 - 12.8 -html { 12.9 - min-height: 102%; 12.10 -} 12.11 -body { 12.12 - background: #ffffff; 12.13 - color: black; 12.14 - font: 13px sans-serif, vernada, arial; 12.15 - margin: 0; 12.16 - border-top: 34px solid #f1f1f1; 12.17 -} 12.18 -a { text-decoration: underline; color: #103a5e; } 12.19 -a:hover { text-decoration: none; color: blue; } 12.20 -img { border: 0pt none; } 12.21 - 12.22 -/* Accessibility */ 12.23 - 12.24 -#access { 12.25 - position: absolute; 12.26 - top: 4px; 12.27 - right: 0px; 12.28 - text-align: right; 12.29 - width: auto; 12.30 - margin: 0; 12.31 - padding: 4px 4px 4px 20px; 12.32 - font-size: 11px; 12.33 - font-weight: bold; 12.34 -} 12.35 -#access a { 12.36 - background: transparent; 12.37 - color: #0F314E; 12.38 - text-decoration: none; 12.39 -} 12.40 -#access a:hover { color: #b64b22; } 12.41 -#access img { vertical-align: middle; } 12.42 - 12.43 -/* Header */ 12.44 - 12.45 -#header { 12.46 - background: #351a0a url(pics/website/header-img.png) no-repeat top right; 12.47 - color: black; 12.48 - width: 100%; 12.49 - height: 42px; 12.50 - border-top: 1px solid black; 12.51 - border-bottom: 1px solid #999; 12.52 - margin-bottom: 33px; 12.53 -} 12.54 -#titre { 12.55 - position: absolute; 12.56 - font-size: 14px; 12.57 - font-weight: bolder ; 12.58 - left: 180px; 12.59 - top: 4px; 12.60 -} 12.61 -#logo { 12.62 - position: absolute; 12.63 - float: left; 12.64 - left: 16px; 12.65 - top: -10px; 12.66 - width: 200px; 12.67 - height: 74px; 12.68 -} 12.69 - 12.70 -/* Side bar */ 12.71 - 12.72 -#nav { 12.73 - position: absolute; 12.74 - top: 102px; 12.75 - right: 80px; 12.76 - color: #555555; 12.77 - float: right; 12.78 - width: 250px; 12.79 - line-height: 1.5em; 12.80 - text-align: left; 12.81 - font-size: 12px; 12.82 -} 12.83 -#nav h4 { 12.84 - font-size: 120%; 12.85 - color: #666666; 12.86 - font-weight: bold; 12.87 - margin: 0; 12.88 - padding: 0 0 1px 0; 12.89 - border-bottom: 1px solid #cecece; 12.90 -} 12.91 -#nav a { 12.92 - color: #0F314E; 12.93 - background: inherit; 12.94 - display: block; 12.95 - text-decoration: none; 12.96 - font-weight: bold; 12.97 -} 12.98 -#nav a:hover { 12.99 - color: #b64b22; 12.100 - text-decoration: none; 12.101 - display: block; 12.102 -} 12.103 -#nav .nav_box ul { 12.104 - list-style-type: none; 12.105 - margin: 0; 12.106 - padding: 10px 24px 10px 0px; 12.107 - background-color: inherit; 12.108 -} 12.109 -#nav li { display: inline; } 12.110 -#nav ul { 12.111 - -moz-border-radius: 8px; 12.112 - -webkit-border-radius: 8px; 12.113 - border-radius: 8px; 12.114 - list-style-type: none; 12.115 - margin: 10px 0; 12.116 - padding: 10px 24px 10px 24px; 12.117 - background-color: #eaeaea; 12.118 -} 12.119 -.nav_box { 12.120 - margin: 10px 0; 12.121 - padding: 10px 24px 10px 24px; 12.122 - background-color: #eaeaea; 12.123 - text-align: justify; 12.124 -} 12.125 -#nav .nav_box p { line-height: 1.3em; } 12.126 -#nav .nav_box p a { 12.127 - display: inline; 12.128 - font-weight: normal; 12.129 - text-decoration: underline; 12.130 -} 12.131 -#nav .nav_box p a:hover { 12.132 - text-decoration: none; 12.133 - color: blue; 12.134 - background: inherit; 12.135 -} 12.136 - 12.137 -/* Page content */ 12.138 - 12.139 -#content, #content-full { 12.140 - background: white; 12.141 - color: black; 12.142 - text-align: justify; 12.143 - height: auto; 12.144 -} 12.145 -#content, #content-full { 12.146 - margin: 6px 320px 0px 0px; 12.147 - padding: 0px 40px 60px 80px; 12.148 -} 12.149 -#content-full { 12.150 - margin: 0; 12.151 - padding: 0px 80px 40px 80px; 12.152 -} 12.153 -#content li, #content-full li { 12.154 - line-height: 1.5em; 12.155 - text-align: left; 12.156 -} 12.157 -#news li { 12.158 - list-style-type: square; 12.159 - border-bottom: 1px dotted #BEBEBE; 12.160 - margin-left: -25px; 12.161 - padding: 4px 0px 4px 0px; 12.162 -} 12.163 -#news a { text-decoration: none; } 12.164 - 12.165 -/* Box and block. */ 12.166 - 12.167 -.infobox { 12.168 - margin: 20px 60px; 12.169 - padding: 12px; 12.170 - background: #f8f8f8; 12.171 -} 12.172 -.infobox img { vertical-align: middle; } 12.173 -.infobox:hover { background-color: #FBFBFB; } 12.174 -.block { 12.175 - /*padding-bottom: 35%;*/ 12.176 - color: black; 12.177 - min-height: 200px; 12.178 - margin-bottom: 40px; 12.179 -} 12.180 -.block ul { 12.181 - list-style-type: none; 12.182 - margin: 0; 12.183 - padding: 0 20px; 12.184 -} 12.185 -.block_left { 12.186 - width: 46%; 12.187 - float: left; 12.188 - background-color: #eaeaea; 12.189 - margin: 4px 2px; 12.190 - padding: 0 10px 10px 10px; 12.191 -} 12.192 -.block_right { 12.193 - width: 46%; 12.194 - float: right; 12.195 - background-color: #eaeaea; 12.196 - margin: 4px 2px; 12.197 - padding: 0 10px 10px 10px; 12.198 -} 12.199 -#block_top { 12.200 - color: black; 12.201 - background-color: #eaeaea; 12.202 - min-height: 180px; 12.203 - margin-bottom: 40px; 12.204 - margin-right: 340px; 12.205 - padding: 0 10px; 12.206 -} 12.207 -#block_nav { 12.208 - width: 300px; 12.209 - min-height: 180px; 12.210 - float: right; 12.211 - background-color: #eaeaea; 12.212 - margin: 0; 12.213 - padding: 0 10px; 12.214 -} 12.215 -.nav_box, .infobox, .block_left, .block_right, #block_top, 12.216 -#block_nav, #footer { 12.217 - -moz-border-radius: 8px; 12.218 - -webkit-border-radius: 8px; 12.219 - border-radius: 8px; 12.220 - -moz-box-shadow: 0 1px 3px #666; 12.221 - -webkit-box-shadow: 0 1px 3px #666; 12.222 - box-shadow: 0 1px 3px #666; 12.223 - /* CSS3 transition */ 12.224 - -webkit-transition-property: background-color; 12.225 - -webkit-transition-duration: 2s; 12.226 - -moz-transition-property: background-color; 12.227 - -moz-transition-duration: 2s; 12.228 - transition-property: background-color; 12.229 - transition-duration: 2s; 12.230 -} 12.231 -#block_nav { font-weight: bold; } 12.232 -#block_nav a { text-decoration: none; } 12.233 -#block_nav li a:hover { color: #b64b22; } 12.234 -#block_nav ul { margin: 0; list-style-type: none; } 12.235 -#block_nav h3 { font-size: 110%; } 12.236 -.nav_box:hover, .block_left:hover, .block_right:hover, 12.237 -#block_top:hover, #block_nav:hover, #footer:hover { 12.238 - background-color: #f8f8f8; 12.239 -} 12.240 -.right_box { width: 50%; float: right; } 12.241 -.left_box { width: 50%; float: left; } 12.242 - 12.243 -/* Button */ 12.244 -.button { margin-left: 20px; } 12.245 -.button a { 12.246 - background-color: #b64b22; 12.247 - color: #ffffff; 12.248 - margin-right: 6px; 12.249 - padding: 6px 10px; 12.250 - font-size: 14px; 12.251 - -moz-border-radius: 4px; 12.252 - -webkit-border-radius: 4px; 12.253 - border-radius: 4px; 12.254 - -moz-box-shadow: 0 1px 3px #666; 12.255 - -webkit-box-shadow: 0 1px 3px #666; 12.256 - box-shadow: 0 1px 3px #666; 12.257 -} 12.258 -.button a:hover, input[type=submit]:hover { 12.259 - background-color: #a3431f; 12.260 - color: #ffffff; 12.261 -} 12.262 -input[type=submit] { 12.263 - border: 1px solid #b64b22; 12.264 - background-color: #b64b22; 12.265 - color: white; 12.266 - font-weight: bold; 12.267 - cursor: pointer; 12.268 - padding: 3px 10px; 12.269 - font-size: 14px; 12.270 - -moz-border-radius: 2px; 12.271 - -webkit-border-radius: 2px; 12.272 - border-radius: 2px; 12.273 - -moz-box-shadow: 0 0 5px #666; 12.274 - -webkit-box-shadow: 0 0 5px#666; 12.275 - box-shadow: 0 0 5px #666; 12.276 - margin-left: -5px; 12.277 -} 12.278 -input[type=text] { 12.279 - border: 1px solid #333333; 12.280 - padding: 3px; 12.281 - width: 100%; 12.282 -} 12.283 - 12.284 -/* Text transform at 45deg */ 12.285 -.floor { 12.286 - color: #999999; 12.287 - font-size: 20px; 12.288 - -webkit-transform: rotate(-45deg) skew(15deg, 15deg); 12.289 - -moz-transform: rotate(-45deg) skew(15deg, 15deg); 12.290 - -o-transform: rotate(-45deg) skew(15deg, 15deg); 12.291 - -ms-transform: rotate(-45deg) skew(15deg, 15deg); 12.292 - transform: rotate(-45deg) skew(15deg, 15deg); 12.293 -} 12.294 -#twitter, .feedbox { 12.295 - margin-top: 20px; 12.296 - -moz-border-radius: 8px; 12.297 - -webkit-border-radius: 8px; 12.298 - border-radius: 8px; 12.299 - -moz-box-shadow: 0 1px 3px #666; 12.300 - -webkit-box-shadow: 0 1px 3px #666; 12.301 - box-shadow: 0 1px 3px #666; 12.302 -} 12.303 -.feedbox { 12.304 - background-color: #f9f9f9; 12.305 - padding: 10px 20px; 12.306 - margin: 20px 100px; 12.307 -} 12.308 -.feedbox div { 12.309 - height: 320px; 12.310 - overflow: auto; 12.311 -} 12.312 -.feedbox ul { list-style-type: none; margin: 0; } 12.313 - 12.314 -/* Clouds */ 12.315 -#cloud { 12.316 - padding: 10px 0px; 12.317 - line-height: 3em; 12.318 - text-align: center; 12.319 -} 12.320 -#cloud a { padding: 0 2px; color: #444444; } 12.321 -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } 12.322 -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } 12.323 -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } 12.324 -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } 12.325 -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } 12.326 -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } 12.327 -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } 12.328 -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } 12.329 -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } 12.330 -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } 12.331 - 12.332 -/* Slideshow and gallery */ 12.333 -#slideshow 12.334 -{ 12.335 - overflow: hidden; 12.336 - margin: 10px auto 10px; 12.337 - position: relative; 12.338 - width: 260px; 12.339 - height: 163px; 12.340 -} 12.341 -#slideshow img 12.342 -{ 12.343 - border: 0; 12.344 - width: 260px; 12.345 - height: 163px; 12.346 -} 12.347 -#gallery { text-align: center; } 12.348 - 12.349 -/* HTML styles */ 12.350 - 12.351 -h1 { 12.352 - color: #444444; 12.353 - background: transparent; 12.354 - text-align: left; 12.355 - margin: 0px 0px 4px 0px; 12.356 - font-size: 150%; 12.357 - font-weight: bold; 12.358 - padding: 5px 0 0 10px; 12.359 -} 12.360 -h2 { 12.361 - color: #b64b22; 12.362 - padding: 0; 12.363 - margin: 20px 0 0 0; 12.364 - font-size: 130%; 12.365 - font-weight: bold; 12.366 -} 12.367 -h3 { 12.368 - font-weight: bold; 12.369 - color: #666666; 12.370 - background: transparent; 12.371 -} 12.372 -h3 img, h2 img { 12.373 - vertical-align: middle; 12.374 - width: 20px; 12.375 - height: 20px; 12.376 - padding-right: 4px; 12.377 -} 12.378 -code, tt { 12.379 - font-size: 12px; 12.380 - color: #669900; 12.381 -} 12.382 -pre, pre.script { 12.383 - padding: 10px; 12.384 - color: black; 12.385 - background: #E8E8E8; 12.386 - border: 1px inset #606060; 12.387 -} 12.388 - 12.389 -/* Packages pages */ 12.390 - 12.391 -.pkg_nav { 12.392 - border-top: 1px solid black; 12.393 - margin-top: 10px; 12.394 - padding-top: 10px; 12.395 -} 12.396 -pre.package { 12.397 - padding: 0px; 12.398 - color: black; 12.399 - background: white; 12.400 -} 12.401 -p.get { 12.402 - text-align: center; 12.403 - padding: 10px; 12.404 - color: black; 12.405 - background: #F3F3F3; 12.406 - border: 1px solid #DEDEDE; 12.407 - border-radius: 4px; 12.408 - -moz-border-radius: 4px; 12.409 - -webkit-border-radius: 4px; 12.410 -} 12.411 -p.get a { 12.412 - font-weight: bold; 12.413 - text-decoration: none; 12.414 -} 12.415 -.pkgs-search { 12.416 - text-align: center; 12.417 - padding: 40px 20px 80px 20px; 12.418 -} 12.419 - 12.420 -/* Footer */ 12.421 - 12.422 -#footer { 12.423 - margin: 0px 80px 80px 80px; 12.424 - padding: 10px; 12.425 - background: #eaeaea; 12.426 - color: #666666; 12.427 - height: 180px; 12.428 - clear: both; 12.429 - border-radius: 8px; 12.430 - -moz-border-radius: 8px; 12.431 - -webkit-border-radius: 8px; 12.432 - -moz-box-shadow: 0 1px 3px #666; 12.433 - -webkit-box-shadow: 0 1px 3px #666; 12.434 - box-shadow: 0 1px 3px #666; 12.435 -} 12.436 -#footer a { color: #666666; } 12.437 -#footer a:hover { color: #333333; } 12.438 -#footer ul { list-style-type: none; } 12.439 -#footer li { padding: 2px; } 12.440 -#footer h4 { margin: 0 20px; font-size: 125%; } 12.441 - 12.442 -.year:after { 12.443 - /* content: "2007-2011"; */ 12.444 - content: "2011"; 12.445 -}
13.1 --- a/people/index.php Sat Mar 19 16:26:12 2011 +0100 13.2 +++ b/people/index.php Mon Mar 28 15:10:53 2011 +0200 13.3 @@ -6,28 +6,15 @@ 13.4 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 13.5 <meta name="description" content="SliTaz contributors stuff" /> 13.6 <meta name="robots" content="index, nofollow" /> 13.7 - <meta name="expires" content="never" /> 13.8 <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" /> 13.9 <meta name="publisher" content="www.slitaz.org" /> 13.10 <link rel="shortcut icon" href="favicon.ico" /> 13.11 <link rel="stylesheet" type="text/css" href="slitaz.css" /> 13.12 - <link rel="Content" href="#content" /> 13.13 </head> 13.14 <body> 13.15 13.16 -<!-- Header --> 13.17 -<div id="header"> 13.18 - <!-- Access --> 13.19 - <div id="access"></div> 13.20 - <!-- Logo --> 13.21 - <a href="http://people.slitaz.org/"><img id="logo" 13.22 - src="pics/website/logo.png" 13.23 - title="people.slitaz.org" alt="people.slitaz.org" /></a> 13.24 - <p id="titre">#!/People</p> 13.25 -</div> 13.26 - 13.27 <!-- Content --> 13.28 -<div id="content-full"> 13.29 +<div id="content"> 13.30 13.31 <!-- Block begin --> 13.32 <div class="block">