# HG changeset patch
# User Pascal Bellard <pascal.bellard@slitaz.org>
# Date 1446393376 -3600
# Node ID ac214416e736c6e2448c69ee59f65d99529ce1f9
# Parent  577e6e91216d12183b32e69f9b1646c208c51130
Refresh style (thanks Aleksej)

diff -r 577e6e91216d -r ac214416e736 helper
--- a/helper	Wed Oct 07 23:37:02 2015 +0200
+++ b/helper	Sun Nov 01 16:56:16 2015 +0100
@@ -10,163 +10,194 @@
 	done | lzma e pkgs/files.list.lzma -si
 }
 
+
+
+
 list_pkgs()
 {
 	TMPDIR=$2
 	shift 2
 	cat <<EOT
+<div class="large">
 <table>
-<tr>
-<th></th>
-<th>Package</th>
-<th>Version</th>
-<th>Description</th>
-<th>Disk</th>
-<th>Memory</th>
-<th></th>
-</tr>
+	<thead>
+		<tr>
+			<th> </th>
+			<th>Package</th>
+			<th>Version</th>
+			<th>Description</th>
+			<th>Disk</th>
+			<th>Memory</th>
+			<th> </th>
+		</tr>
+	</thead>
+	<tbody>
 EOT
-	for i in $TMPDIR/pkgs/*/receipt pkgs/*/receipt ; do
+	for i in $TMPDIR/pkgs/*/receipt pkgs/*/receipt; do
 		[ -s $i ] || continue
 		case "$i" in
-		pkgs/kernel-*/receipt) continue;;
-		pkgs/module-*/receipt) continue;;
+			pkgs/kernel-*/receipt) continue;;
+			pkgs/module-*/receipt) continue;;
 		esac
-		AUTO_SELECTION=""
-		UNPACKED_SIZE="-"
-		PACKED_SIZE="-"
-		checked=""
+		AUTO_SELECTION=''
+		UNPACKED_SIZE='-'
+		PACKED_SIZE='-'
+		checked=''; hidden_var=''
 		. $i
 		case " $@ " in
-		*\ $PACKAGE\ *)	checked='checked="checked"';;
-		*) [ -n "$2" ] && checked="";;
+			*\ $PACKAGE\ *)	checked='checked="checked"';;
+			*) [ -n "$2" ] && checked="";;
 		esac
 		grep -qs "^$PACKAGE " $TMPDIR/uploadconf &&
 			checked='checked="checked"'
 		case "$AUTO_SELECTION" in
-		never)
-			checked='disabled' ;;
-		always)
-			checked='checked="checked" disabled'
-			cat <<EOT
-<input type="hidden" name="selected[]" value="$PACKAGE" />
-EOT
+			never)
+				continue;;
+			always)
+				checked='checked="checked" disabled'
+				hidden_var="<input type=\"hidden\" name=\"selected[]\" value=\"$PACKAGE\" />";;
 		esac
 		cat <<EOT
-<tr>
-<td><input type="checkbox" name="selected[]" value="$PACKAGE" $checked /></td>
-<td><a href="?dl=$PACKAGE-$VERSION&amp;tmp=$TMPDIR">$PACKAGE</a></td>
-<td>$VERSION</td>
-<td>$SHORT_DESC</td>
-<td>$PACKED_SIZE</td>
-<td>$UNPACKED_SIZE</td>
-<td>$(grep -qs ^config_form $i && echo '&raquo;')</td>
-</tr>
+		<tr>
+			<td>$hidden_var
+				<input type="checkbox" name="selected[]" value="$PACKAGE" $checked /></td>
+			<td><a href="?dl=$PACKAGE-$VERSION&amp;tmp=$TMPDIR">$PACKAGE</a></td>
+			<td>$VERSION</td>
+			<td>$SHORT_DESC</td>
+			<td>$PACKED_SIZE</td>
+			<td>$UNPACKED_SIZE</td>
+			<td>$(grep -qs ^config_form $i && echo '&raquo;')</td>
+		</tr>
 EOT
 	done
 	cat <<EOT
+	</tbody>
 </table>
-<p>
-</p>
+</div>
 EOT
 	exit
 }
 
+
+
+
 list_kernels()
 {
 	TMPDIR=$2
 	shift 2
 	cat <<EOT
+<div class="large">
 <table>
-<tr>
-<th></th>
-<th>Kernel</th>
-<th>Version</th>
-<th>Description</th>
-<!-- th>Size</th -->
-</tr>
+	<thead>
+		<tr>
+			<th> </th>
+			<th>Kernel</th>
+			<th>Version</th>
+			<th>Description</th>
+			<!-- th>Size</th -->
+		</tr>
+	</thead>
+	<tbody>
 EOT
 	checked='checked="checked"'
 	for i in $TMPDIR/pkgs/*/receipt pkgs/*/receipt ; do
 		[ -s $i ] || continue
 		case "$i" in
-		pkgs/kernel-*/receipt);;
-		*) continue;;
+			pkgs/kernel-*/receipt);;
+			*) continue;;
 		esac
 		UNPACKED_SIZE="-"
 		. $i
 		case " $@ " in
-		*\ $PACKAGE\ *)	checked='checked="checked"' ;;
-		*) [ -n "$2" ] && checked="";;
+			*\ $PACKAGE\ *)	checked='checked="checked"' ;;
+			*) [ -n "$2" ] && checked="";;
 		esac
 		cat <<EOT
-<tr>
-<td><input type="radio" name="kernel" value="$PACKAGE" $checked/></td>
-<td>${PACKAGE#kernel-}</td>
-<td>$VERSION</td>
-<td>$SHORT_DESC</td>
-<!-- td>$UNPACKED_SIZE</td -->
-</tr>
+		<tr>
+			<td><input type="radio" name="kernel" value="$PACKAGE" $checked/></td>
+			<td>${PACKAGE#kernel-}</td>
+			<td>$VERSION</td>
+			<td>$SHORT_DESC</td>
+			<!-- td>$UNPACKED_SIZE</td -->
+		</tr>
 EOT
 		checked=""
 	done
 	cat <<EOT
+	</tbody>
 </table>
+</div>
 EOT
 	exit
 }
 
+
+
+
 list_modules()
 {
 	TMPDIR=$2
 	shift 2
 	cat <<EOT
+<input type="hidden" name="selected[]" value="" />
+<div class="large">
 <table>
-<tr>
-<th></th>
-<th>Module</th>
-<th>Version</th>
-<th>Description</th>
-<th>Size</th>
-<th></th>
-</tr>
+	<thead>
+		<tr>
+			<th> </th>
+			<th>Module</th>
+			<th>Version</th>
+			<th>Description</th>
+			<th>Size</th>
+			<th> </th>
+		</tr>
+	</thead>
+	<tbody>
 EOT
 	for i in $TMPDIR/pkgs/*/receipt pkgs/*/receipt ; do
 		[ -s $i ] || continue
 		case "$i" in
-		pkgs/module-*/receipt);;
-		*) continue;;
+			pkgs/module-*/receipt);;
+			*) continue;;
 		esac
-		UNPACKED_SIZE="-"
+		UNPACKED_SIZE='-'
 		. $i
-		checked=""
+		checked=''
 		case " $@ " in
-		*\ $PACKAGE\ *)	checked='checked="checked"' ;;
+			*\ $PACKAGE\ *)	checked='checked="checked"' ;;
 		esac
 		grep -qs "^$PACKAGE " $TMPDIR/uploadconf &&
 			checked='checked="checked"'
 		cat <<EOT
-<tr>
-<td><input type="checkbox" name="selected[]" value="$PACKAGE" $checked/></td>
-<td>${PACKAGE#module-}</td>
-<td>$VERSION</td>
-<td>$SHORT_DESC</td>
-<td>$UNPACKED_SIZE</td>
-<td>$(grep -qs ^config_form $i && echo '?')</td>
-</tr>
+		<tr>
+			<td><input type="checkbox" name="selected[]" value="$PACKAGE" $checked/></td>
+			<td>${PACKAGE#module-}</td>
+			<td>$VERSION</td>
+			<td>$SHORT_DESC</td>
+			<td>$UNPACKED_SIZE</td>
+			<td>$(grep -qs ^config_form $i && echo '&raquo;')</td>
+		</tr>
 EOT
 	done
 	cat <<EOT
+	</tbody>
 </table>
+</div>
 EOT
 	exit
 }
 
+
+
+
 get_receipt()
 {
 	grep -l "PACKAGE=\"$1\"" $2/pkgs/*/receipt pkgs/*/receipt | head -1
 }
 
+
+
+
 get_package()
 {
 	local pkg
@@ -180,6 +211,9 @@
 	echo -n $pkg
 }
 
+
+
+
 get_note()
 {
 	pkg=$(get_receipt $1 $2)
@@ -189,6 +223,9 @@
 	config_note
 }
 
+
+
+
 get_form()
 {
 	pkg=$(get_receipt $1 $2)
@@ -209,6 +246,9 @@
 	exit
 }
 
+
+
+
 do_pre_install()
 {
 	pkg=$(get_receipt $1 $2)
@@ -221,6 +261,9 @@
 	exit 
 }
 
+
+
+
 do_post_install()
 {
 	pkg=$(get_receipt $1 $2)
@@ -237,6 +280,9 @@
 	exit 
 }
 
+
+
+
 scan_depends()
 {
 	local pkg
@@ -254,6 +300,9 @@
 	done
 }
 
+
+
+
 get_depends()
 {
 	TMPDIR=$2
@@ -264,6 +313,9 @@
 	exit
 }
 
+
+
+
 pkgs_extract()
 {
 	cd $2
@@ -292,6 +344,9 @@
 	exit
 }
 
+
+
+
 lzma_set_size()
 {
 	n=$(unlzma -c $1 | wc -c)
@@ -301,21 +356,27 @@
 	done | xargs echo -en | dd of=$1 conv=notrunc bs=1 seek=5 2> /dev/null
 }
 
+
+
+
 case "$1" in
---list-modules) list_modules $@ ;;
---list-kernels) list_kernels $@ ;;
---list-pkgs) list_pkgs $@ ;;
---get-form) get_form $2 $3 ;;
---get-note) get_note $2 $3 ;;
---pre-install) do_pre_install $2 $3 ;;
---post-install) do_post_install $2 $3 ;;
---depends) get_depends $@ ;;
---pkgs-extract) pkgs_extract $2 $3 ;;
---remove) rm -rf $2; exit ;;
---get-pkg) get_package $2 $3 ;;
---init) init ;;
+	--list-modules)	list_modules $@ ;;
+	--list-kernels)	list_kernels $@ ;;
+	--list-pkgs)	list_pkgs $@ ;;
+	--get-form)		get_form $2 $3 ;;
+	--get-note)		get_note $2 $3 ;;
+	--pre-install)	do_pre_install $2 $3 ;;
+	--post-install)	do_post_install $2 $3 ;;
+	--depends)		get_depends $@ ;;
+	--pkgs-extract)	pkgs_extract $2 $3 ;;
+	--remove)		rm -rf $2; exit ;;
+	--get-pkg)		get_package $2 $3 ;;
+	--init)			init ;;
 esac
 
+
+
+
 if [ "x$1" == "x--mkrootfs" ]; then
 	tmp=$2
 	cd $tmp/fs
@@ -356,6 +417,8 @@
                 -boot-info-table $tmp/iso > /dev/null 2>&1
         [ -x /usr/bin/isohybrid ] &&
         /usr/bin/isohybrid $tmp/slitaz.iso 2> /dev/null
+        [ -x /usr/bin/iso2exe ] &&
+        /usr/bin/iso2exe $tmp/slitaz.iso 2> /dev/null
 fi
 if [ "x$1" == "x--mkexe" ]; then
 	tmp=$2
diff -r 577e6e91216d -r ac214416e736 index.php
--- a/index.php	Wed Oct 07 23:37:02 2015 +0200
+++ b/index.php	Sun Nov 01 16:56:16 2015 +0100
@@ -1,54 +1,53 @@
 <?php
 include "download.php";
-$static = "http://mirror.slitaz.org/static/";
+$static = "http://mirror1.slitaz.org/static/";
 ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<!DOCTYPE html>
+<html lang="en">
 <head>
+	<meta charset="UTF-8">
 	<title>Tiny SliTaz - Builder</title>
-	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
-	<meta name="description" content="Tiny SliTaz Linux" />
-	<meta name="keywords" lang="en" content="tiny slitaz, uclibx, tcc" />
-	<meta name="robots" content="index, follow, all" />
-	<meta name="revisit-after" content="7 days" />
-	<meta name="expires" content="never" />
-	<meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
-	<meta name="author" content="SliTaz Contributors" />
-	<meta name="publisher" content="www.slitaz.org" />
-	<link rel="shortcut icon" href="<?php echo "$static"; ?>favicon.ico" />
-	<link rel="stylesheet" type="text/css" href="<?php echo "$static"; ?>slitaz.css" />
-	<link rel="stylesheet" type="text/css" href="tiny.css" />
+	<meta name="description" content="Tiny SliTaz Linux">
+	<meta name="keywords" lang="en" content="tiny slitaz, uclibx, tcc">
+	<meta name="robots" content="index, follow, all">
+	<meta name="revisit-after" content="7 days">
+	<meta name="expires" content="never">
+	<meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="author" content="SliTaz Contributors">
+	<meta name="publisher" content="www.slitaz.org">
+	<link rel="shortcut icon" href="/static/favicon.ico">
+	<link rel="stylesheet" href="/static/slitaz.min.css">
+	<link rel="stylesheet" href="tiny.css">
+	<style>pre, tt, code { font-size: 0.9rem; }</style>
 </head>
 <body>
 
-<!-- Header -->
-<div id="header">
-	<a name="top"></a>
-	<div id="logo"></div>
-	<div id="network">
-		<a href="http://www.slitaz.org/">
-		<img src="<?php echo "$static"; ?>/home.png" alt="[ Home ]" /></a>
+<script>de=document.documentElement;de.className+=(("ontouchstart" in de)?' touch':' no-touch');</script>
+
+<header>
+	<h1 id="top"><a href="http://tiny.slitaz.org/">Tiny SliTaz</a></h1>
+	<div class="network">
+		<a href="http://www.slitaz.org/" class="home"></a>
 		<!-- Get static files from Mirror Files vhost -->
 		<!-- <img src="http://mf.slitaz.org/images/people.png" alt="[ Group ]" /> -->
 		Tiny:
-		<a href="http://scn.slitaz.org/groups/tiny">Group</a>
+		<!-- a href="http://scn.slitaz.org/groups/tiny">Group</a -->
 		<a href="http://forum.slitaz.org/forum/tiny">Forum</a>
 		Screenshots:
 		<a href="tinyslitaz.png" title="Tiny SliTaz Manager">main</a>
 		<a href="tinyslitaz-boot.png" title="Tiny SliTaz Manager: boot.log">boot log</a>
 		<a href="tinyslitaz-httpinfo.png" title="Tiny SliTaz Manager: httpd info">httpd info</a>
 	</div>
-	<h1><a href="http://tiny.slitaz.org/">Tiny SliTaz</a></h1>
-</div>
+</header>
 
 
 <!-- Content -->
-<div id="content">
+<main>
 
 <?php if (!empty($error)) echo "
 <div class=\"nav_box\">
-	<h4>Error :</h4>
+	<h4>Error:</h4>
 	<p>$error</p>
 </div>
 "; ?>
@@ -64,89 +63,80 @@
 include "step5.php";
 ?>
 
+<h3>Tiny SliTaz goals</h3>
 
-<div class="box">
-<h4>Tiny SliTaz goals</h4>
-<p>
-	Useful software, expansible, easy to configure, runs fully in RAM, 
-	simple, light and fast for minimum hardware resources: ie fits on
-	one floppy disk (IDE disk optional), runs on a 386sx processor and
-	needs as little memory as possible (currently 4 MB with a 2.6.14 
-	kernel).
-	<a href="http://doc.slitaz.org/en:guides:pxe#why-use-pxe-the-vnc-example">
-	Example</a>
+<p>Useful software, expansible, easy to configure, runs fully in RAM, simple,
+light and fast for minimum hardware resources: ie fits on one floppy disk (IDE
+disk optional), runs on a 386SX processor and needs as little memory as possible
+(currently 4MB with a 2.6.14 Kernel).
+<a href="http://doc.slitaz.org/en:guides:pxe#why-use-pxe-the-vnc-example">Example</a>
 </p>
-</div>
 
-<div class="box">
-<h4>Why this builder ?</h4>
-<p>
-	Tiny SliTaz should be as small as possible. Only the necessary
-	software is kept. The package manager is run using this website.
+
+<h3>Why this builder?</h3>
+
+<p>Tiny SliTaz should be as small as possible. Only the necessary software is
+kept. The package manager is run using this website.</p>
+
+
+<h3>How is it built?</h3>
+
+<p>Tiny SliTaz uses a Linux Kernel with an <a href="dist/rootfs.cpio"
+title="See CONFIG_INITRAMFS_SOURCE">embedded filesystem</a>. An extra initramfs
+can also be loaded with the configuration and extra packages.</p>
+
+<p>The initramfs is based on <a href="http://uclibc.org/"
+title="Instead of glibc">uClibc</a> and busybox with its <a
+href="dist/busybox.config.txt">config</a> files and this <a
+href="http://hg.slitaz.org/wok-tiny/file/tip/base-tiny/stuff">filesystem tree</a>.
 </p>
-</div>
 
-<div class="box">
-<h4>How is it built ?</h4>
-<p>
-	Tiny SliTaz uses a Linux kernel
-	with an <a href="dist/rootfs.cpio" title="See CONFIG_INITRAMFS_SOURCE">
-	embedded filesystem</a>. An extra initramfs can also be loaded with 
-	the configuration and extra packages.
-</p>
-<p>
-	The initramfs is based on <a href="http://uclibc.org/"
-	title="Instead of glibc">uClibc</a> and 
-	busybox with its <a href="dist/busybox.config.txt">config</a>
-	files and this
-	<a href="http://hg.slitaz.org/wok-tiny/file/tip/base-tiny/stuff">
-	filesystem tree</a>.
-</p>
-</div>
 
 <!-- End of content -->
-</div>
+</main>
 
-<!-- Footer -->
-<div id="footer">
-	Copyright &copy; <span class="year"></span>
-	<a href="http://www.slitaz.org/">SliTaz</a> - Network:
-	<a href="http://scn.slitaz.org/">Community</a>
-	<a href="http://doc.slitaz.org/">Doc</a>
-	<a href="http://forum.slitaz.org/">Forum</a>
-	<a href="http://pkgs.slitaz.org/">Packages</a>
-	<a href="http://bugs.slitaz.org">Bugs</a>
-	<a href="http://hg.slitaz.org/">Hg</a>
-	<p>
-		SliTaz @
-		<a href="http://twitter.com/slitaz">Twitter</a>
-		<a href="http://www.facebook.com/slitaz">Facebook</a>
-		<a href="http://distrowatch.com/slitaz">Distrowatch</a>
-		<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
-		<a href="http://flattr.com/profile/slitaz">Flattr</a>
-	</p>
-<p>
-	<script type="text/javascript">
+<script>
 	function QRCodePNG(str, obj) {
 		try {
-			obj.height = obj.width += 200;
+			obj.height = obj.width += 300;
 			return QRCode.generatePNG(str, {ecclevel: 'H'});
 		}
 		catch (any) {
 			var element = document.createElement("script");
-			element.src = "/static/qrcode.js";
-			element.type ="text/javascript"; 
+			element.src = "/static/qrcode.min.js";
+			element.type = "text/javascript";
 			element.onload = function() {
 				obj.src = QRCode.generatePNG(str, {ecclevel: 'H'});
 			};
 			document.body.appendChild(element);
 		}
 	}
-	</script>
+</script>
+
+<footer>
+	<div>
+		Copyright © 2015		<a href="http://www.slitaz.org/">SliTaz</a>
+	</div>
+	<div>
+		Network:
+		<a href="http://scn.slitaz.org/">Community</a> ·
+		<a href="http://doc.slitaz.org/">Doc</a> ·
+		<a href="http://forum.slitaz.org/">Forum</a> ·
+		<a href="http://pkgs.slitaz.org/">Packages</a> ·
+		<a href="http://bugs.slitaz.org">Bugs</a> ·
+		<a href="http://hg.slitaz.org/?sort=lastchange">Hg</a>
+	</div>
+	<div>
+		SliTaz @
+		<a href="http://twitter.com/slitaz">Twitter</a> ·
+		<a href="http://www.facebook.com/slitaz">Facebook</a> ·
+		<a href="http://distrowatch.com/slitaz">Distrowatch</a> ·
+		<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> ·
+		<a href="http://flattr.com/profile/slitaz">Flattr</a>
+	</div>
 	<img src="/static/qr.png" alt="#" onmouseover="this.title = location.href"
-	 onclick="this.src = QRCodePNG(location.href, this)" />
-</p>
-</div>
+	onclick="this.src = QRCodePNG(location.href, this)"/>
+</footer>
 
 </body>
 </html>
diff -r 577e6e91216d -r ac214416e736 step1.php
--- a/step1.php	Wed Oct 07 23:37:02 2015 +0200
+++ b/step1.php	Sun Nov 01 16:56:16 2015 +0100
@@ -59,17 +59,18 @@
 	if (!file_exists($_POST["tmp_dir"]."uploadconf")) {
 ?>
 
-<p>
-The file <u>/etc/packages.conf</u> in the initramfs holds all information
-to rebuild your Tiny SliTaz system. You should upload your 
-<u>/etc/packages.conf</u> first if you want to upgrade your system only.
-</p>
+<div class="box">
+<h3>[Step 1/5] Packages and Kernel</h3>
+
+<p>The file <tt>/etc/packages.conf</tt> in the initramfs holds all information
+to rebuild your Tiny SliTaz system. You should upload your
+<tt>/etc/packages.conf</tt> first if you want to upgrade your system only.</p>
 
 <form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
-Packages configuration:
-<input type="file" name="uploadconf" />
-<input name="config" value="Get config" type="submit" />
-<?php post_hidden(); ?>
+	Packages configuration:
+	<input type="file" name="uploadconf" />
+	<input name="config" value="Get config" type="submit" />
+	<?php post_hidden(); ?>
 </form>
 <?php
 	}
@@ -80,55 +81,53 @@
 	if (!file_exists($_POST["tmp_dir"]."uploadpkgs")) {
 ?>
 
-<p>
-You can upload a tazpkg file (.tazpkg) or a tarball of tazpkg files (.tar).
+<hr>
+
+<p>You can upload a tazpkg file (.tazpkg) or a tarball of tazpkg files (.tar).
 These packages will extend the official packages list and will be chosen when
 the package names are found to be matching. You can find some examples in the
-<a href="http://hg.slitaz.org/wok-tiny/file/">Tiny SliTaz repository</a>.
-</p>
+<a href="http://hg.slitaz.org/wok-tiny/file/">Tiny SliTaz repository</a>.</p>
+
 <div>
-<form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
-Additional packages:
-<input type="file" name="uploadpkgs" />
-<input name="mypackages" value="Get packages" type="submit" />
-<?php post_hidden(); ?>
-</form>
+	<form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
+		Additional packages:
+		<input type="file" name="uploadpkgs" />
+		<input name="mypackages" value="Get packages" type="submit" />
+		<?php post_hidden(); ?>
+	</form>
 </div>
-<p>
+
+<hr>
 <?php
 	}
 ?>
-</p>
 
-<a name="kernel"></a>
-<h2>Linux kernel</h2>
-
-<p>
-You can upload a custom kernel or use an official one.
-Your kernel should have an embedded initramfs with busybox like 
-<a href="dist/rootfs.cpio" title="See CONFIG_INITRAMFS_SOURCE">this one</a>.
-</p>
+<p id="kernel">You can upload a custom Kernel or use an official one. Your
+Kernel should have an embedded initramfs with busybox like <a
+href="dist/rootfs.cpio" title="See CONFIG_INITRAMFS_SOURCE">this one</a>.</p>
 
 <div>
-<form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
-Custom kernel (bzImage file):
-<input type="file" name="uploadkernel" />
-<input name="mykernel" value="Get kernel" type="submit" />
-<?php post_hidden(); ?>
-</form>
+	<form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
+		Custom kernel (bzImage file):
+		<input type="file" name="uploadkernel" />
+		<input name="mykernel" value="Get kernel" type="submit" />
+		<?php post_hidden(); ?>
+	</form>
 </div>
 
+<hr>
+
 <div>
-<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post" name="kernels">
-<input type="hidden" name="kernel" value="linux" />
-<p>
-</p>
+	<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post" name="kernels">
+		<input type="hidden" name="kernel" value="linux" />
 
-<div align="center">
-<input name="continue" value="Continue" type="submit" />
+		<div align="center">
+			<input name="continue" value="Continue" type="submit" />
+		</div>
+	</form>
 </div>
-</form>
 </div>
+
 <?php
 }
 ?>
diff -r 577e6e91216d -r ac214416e736 step2.php
--- a/step2.php	Wed Oct 07 23:37:02 2015 +0200
+++ b/step2.php	Sun Nov 01 16:56:16 2015 +0100
@@ -11,23 +11,21 @@
 
 ?>
 
-<a name="modules"></a>
-<h2>Additionnal modules</h2>
+<div class="box">
+<h3>[Step 2/5] Additional modules</h3>
 
 <form enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post" name="packages">
-
-<?php
+	<?php
 	echo shell_exec("./helper --list-modules ".$_POST["tmp_dir"]);
 	post_hidden();
 ?>
-<p>
-</p>
 
-<div align="center">
-<input name="continue" value="Continue" type="submit" />
-</div>
+	<div align="center">
+		<input name="continue" value="Continue" type="submit" />
+	</div>
 
 </form>
+</div>
 
 <?php
 }
diff -r 577e6e91216d -r ac214416e736 step3.php
--- a/step3.php	Wed Oct 07 23:37:02 2015 +0200
+++ b/step3.php	Sun Nov 01 16:56:16 2015 +0100
@@ -25,24 +25,23 @@
 	}
 ?>
 
-<a name="initramfs"></a>
-<h2>Additional RAM filesystem</h2>
+<div class="box">
+<h3>[Step 3/5] Additional RAM filesystem</h3>
 
 <form enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post" name="packages">
 
-<?php
+	<?php
 	echo shell_exec("./helper --list-pkgs ".$_POST["tmp_dir"]);
 	post_hidden();
 ?>
-<p>
-</p>
 
-<div align="center">
-<input name="continue" value="Continue" type="submit" />
+		<div align="center">
+			<input name="continue" value="Continue" type="submit" />
+		</div>
+
+	</form>
 </div>
 
-</form>
-
 <?php
 }
 ?>
diff -r 577e6e91216d -r ac214416e736 step4.php
--- a/step4.php	Wed Oct 07 23:37:02 2015 +0200
+++ b/step4.php	Sun Nov 01 16:56:16 2015 +0100
@@ -32,24 +32,25 @@
 		}
 ?>
 
-<a name="configuration"></a>
-<h2><?php echo $pkg; ?> configuration</h2>
+<div class="box">
+<h3>[Step 4/5] <?php echo $pkg; ?> configuration</h3>
 
 <form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post">
 
-<input name="configuring" value="<?php echo $pkg; ?>" type="hidden" />
-<?php
+	<input name="configuring" value="<?php echo $pkg; ?>" type="hidden" />
+	<div class="large">
+		<?php
 		echo $output;
 		post_hidden();
 ?>
-<p>
-</p>
+	</div>
 
-<div align="center">
-<input name="continue" value="Continue" type="submit" />
-</div>
+	<div align="center">
+		<input name="continue" value="Continue" type="submit" />
+	</div>
 
 </form>
+</div>
 
 <?php
 		echo shell_exec("./helper --get-note $pkg ".$_POST['tmp_dir']); 
diff -r 577e6e91216d -r ac214416e736 step5.php
--- a/step5.php	Wed Oct 07 23:37:02 2015 +0200
+++ b/step5.php	Sun Nov 01 16:56:16 2015 +0100
@@ -4,104 +4,108 @@
 {
 	return shell_exec("du -h ".$_POST['tmp_dir'].
 		"$file | awk '{ printf \"%s\",$1 }'");
-	
 }
- 
+
 if (isset($_POST['toconfigure']) && $_POST['toconfigure'] == ""
     && $output == "") {
 	shell_exec("sudo ./helper --mkrootfs ".$_POST['tmp_dir']); 
 ?>
 
-<a name="get"></a>
-<h2>Get Tiny SliTaz files</h2>
+<div class="box">
+<h3 id="get">[Step 5/5] Get Tiny SliTaz files</h3>
 
 <form action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="post" name="config">
 
-<?php	post_hidden(); ?>
-<h3>Bootable images</h3>
-<p>
-<div align="center">
-<input name="download" value="Floppy image" type="submit" />
-&nbsp;
-<input name="download" value="DOS/EXE" type="submit" />
-<?php if (file_exists("/boot/isolinux/isolinux.bin")) { ?>
-&nbsp;
-<input name="download" value="ISO image" type="submit" />
+	<?php	post_hidden(); ?>
+
+<table>
+	<tr><td class="first">Bootable images:</td><td>
+
+<?php
+      $title="Neither Windows nor emm386 support. Need a real mode DOS";
+      if ((filesize($_POST['tmp_dir']."rootfs.gz") + 
+	   filesize($_POST['tmp_dir']."fs/boot/bzImage")) <= 18*80*1024) {
+	   $title .= ". Tip: can be splitted in several boot floppies too";
+	    ?>
+		<input name="download" value="Floppy image" type="submit"
+		       title="You can use dd or rawrite to create the 1.44M floppy disk" />
 <?php } ?>
-</div>
-</p>
+		<input name="download" value="DOS/EXE" type="submit"
+		       title="<?php echo $title; ?>" />
+<?php if (file_exists("/boot/isolinux/isolinux.bin")) {
+	  $title="Can be burn on a CD-ROM or written on a USB Key / memory card";
+	  if (file_exists("/usr/bin/iso2exe"))
+	  	$title .= ", or renamed with the .exe suffix and run with DOS or Windows";
+	   ?>
+		<input name="download" value="ISO image" type="submit"
+		       title="<?php echo $title; ?>" />
+<?php } ?>
+	</td></tr>
 
-<h3>Files for bootloaders</h3>
-<p>
-<div align="center">
-<input name="download" value="Kernel (<?php echo show_size("fs/boot/bzImage");
- ?>)" type="submit" />
-&nbsp;
-<input name="download" value="Rootfs (<?php echo show_size("rootfs.gz");
- ?>)" type="submit" />
-</div>
-</p>
 
-<h3>Configuration info</h3>
-<p>
-<div align="center">
-<input name="download" value="Configuration files" type="submit" />
-&nbsp;
-<input name="download" value="packages.conf (<?php 
-echo show_size("fs/etc/packages.conf"); ?>)" type="submit" />
-</div>
-</p>
+	<tr><td class="first">Files for bootloaders:</td><td>
+
+		<input name="download" value="Kernel (<?php echo show_size("fs/boot/bzImage");
+					 ?>)" type="submit" />
+		<input name="download" value="Rootfs (<?php echo show_size("rootfs.gz");
+			 ?>)" title="For the initrd= parameter" type="submit" />
+	</td></tr>
+
+
+	<tr><td class="first">Configuration info:</td><td>
+
+		<input name="download" value="Configuration files" type="submit" />
+		<input name="download" value="packages.conf (<?php 
+					echo show_size("fs/etc/packages.conf"); ?>)" type="submit" />
+	</td></tr>
+
 
 <?php if (show_size("fs/boot/System.map") != "") { ?>
-<h3>Debug info</h3>
-<p>
-<div align="center">
-<input name="download" value="System.map (<?php echo show_size("fs/boot/System.map");
- ?>)" type="submit" />
-&nbsp;
-<input name="download" value="linux.config (<?php echo show_size("fs/boot/config");
- ?>)" type="submit" />
-</div>
-</p>
-<p>
-<div align="center">
-<input name="download" value="busybox.config (<?php echo show_size("fs/boot/config-busybox");
- ?>)" type="submit" />
-&nbsp;
-<input name="download" value="post_install.log (<?php echo show_size("post_install.log");
- ?>)" type="submit" />
-</div>
-</p>
+	<tr><td class="first">Debug info:</td><td>
+
+		<input name="download" value="System.map (<?php echo show_size("fs/boot/System.map");
+					?>)" type="submit" />
+		<input name="download" value="linux.config (<?php echo show_size("fs/boot/config");
+					?>)" type="submit" />
+		<br>
+		<input name="download" value="busybox.config (<?php echo show_size("fs/boot/config-busybox");
+					?>)" type="submit" />
+		<input name="download" value="post_install.log (<?php echo show_size("post_install.log");
+					?>)" type="submit" />
+	</td></tr>
+
 <?php } ?>
 
+</table>
 </form>
+</div>
 
 <h2>Going further</h2>
-<p>
-Tiny SliTaz should be smaller to have more functionality
-and/or needs less RAM.<br />
-The kernel can be <a href="http://elinux.org/Linux_Tiny">tuned/patched</a>
-or you can use an earlier version.
-</p>
-<p>
-You can test Tiny SliTaz without pre-historic hardware using qemu (need the ne module) :
-</p>
+
+<p>Tiny SliTaz should be smaller to have more functionality and/or needs less
+RAM.<br>
+The kernel can be <a href="http://elinux.org/Linux_Tiny">tuned/patched</a> or
+you can use an earlier version.</p>
+
+<p>You can test Tiny SliTaz without pre-historic hardware using qemu (need the
+<tt>ne</tt> module):</p>
+
 <pre>
 qemu -cpu 486 -m 4 -net nic,model=ne2k_isa -net tap -fda slitaz.img
 </pre>
-<p>
-Or
-</p>
+
+<p>Or</p>
+
 <pre>
 qemu -cpu 486 -m 4 -net nic,model=ne2k_isa -net tap -kernel kernel -initrd rootfs.gz /dev/null
 </pre>
-<p>
-And the executable file /etc/qemu-ifup:
-</p>
+
+<p>And the executable file <code>/etc/qemu-ifup</code>:</p>
+
 <pre>
 #!/bin/sh
 
-tunctl -u $(id -un) -t $1                           
+tunctl -u $(id -un) -t $1
 ifconfig $1 192.168.0.1 broadcast 192.168.0.255 netmask 255.255.255.0
 </pre>