slitaz-forge diff boot/en/index.php @ rev 602

New style on mirror1
mirror1.slitaz.org/ : mirror1.slitaz.org/info/ : mirror1.slitaz.org/webboot/ : dvd.slitaz.org
author: Aleksej Bobylev <al.bobylev@gmail.com>
date: Fri Oct 16 02:08:09 2015 +0300 (2015-10-16)
parents: 0af8c6e40dcd
children: a05dc3f9babc
     1.1 --- a/boot/en/index.php	Thu Jan 24 15:38:27 2013 +0100
     1.2 +++ b/boot/en/index.php	Fri Oct 16 02:08:09 2015 +0300
     1.3 @@ -1,39 +1,53 @@
     1.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     1.5 -    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1.6 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     1.7 +<!DOCTYPE html>
     1.8 +<html lang="en">
     1.9  <head>
    1.10 -    <title>SliTaz Web Boot</title>
    1.11 -    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    1.12 -    <meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking" />
    1.13 -    <meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS" />
    1.14 -    <meta name="robots" content="index, follow, all" />
    1.15 -    <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
    1.16 -    <meta name="author" content="Christophe Lincoln"/>
    1.17 -    <link rel="shortcut icon" href="../favicon.ico" />
    1.18 -    <link rel="stylesheet" type="text/css" href="../slitaz.css" />
    1.19 +	<meta charset="UTF-8">
    1.20 +	<title>SliTaz Web Boot</title>
    1.21 +	<meta name="description" content="slitaz gPXE boot online your OS web-boot slitaz-cooking">
    1.22 +	<meta name="keywords" lang="en" content="slitaz, boot, pxe, web OS">
    1.23 +	<meta name="robots" content="index, follow, all">
    1.24 +	<meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>">
    1.25 +	<meta name="author" content="Christophe Lincoln">
    1.26 +	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    1.27 +	<link rel="shortcut icon" href="../favicon.ico">
    1.28 +	<link rel="stylesheet" type="text/css" href="/static/slitaz.min.css">
    1.29  </head>
    1.30  <body>
    1.31  
    1.32 -<!-- Header -->
    1.33 -<div id="header">
    1.34 -	<div id="logo"></div>
    1.35 -	<div id="network">
    1.36 -		<a href="http://www.slitaz.org/">
    1.37 -			<img src="../images/network.png" alt="network.png" /></a>
    1.38 +<script>de=document.documentElement;de.className+=(("ontouchstart" in de)?' touch':' no-touch');</script>
    1.39 +
    1.40 +<header>
    1.41 +	<h1><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></h1>
    1.42 +	<div class="network">
    1.43 +		<a href="http://www.slitaz.org/" class="home"></a>
    1.44  		<a href="http://scn.slitaz.org/">Community</a>
    1.45  		<a href="http://doc.slitaz.org/">Doc</a>
    1.46  		<a href="http://forum.slitaz.org/">Forum</a>
    1.47  		<a href="http://bugs.slitaz.org">Bugs</a>
    1.48  		<a href="http://hg.slitaz.org/?sort=lastchange">Hg</a>
    1.49  	</div>
    1.50 -	<h1><a href="http://boot.slitaz.org/">SliTaz Web Boot</a></h1>
    1.51 -</div>
    1.52 +</header>
    1.53  
    1.54  <!-- Block -->
    1.55 -<div id="block">
    1.56 +<div class="block"><div>
    1.57 +
    1.58 +	<!-- Information/image -->
    1.59 +	<div class="block_info">
    1.60 +		<header>Web Boot</header>
    1.61 +		<p>
    1.62 +			Welcome to the <a href="http://www.slitaz.org/en/">SliTaz GNU/Linux</a>
    1.63 +			gPXE boot host; boot.slitaz.org allows you to boot SliTaz from the Web
    1.64 +			using a cdrom, USB media or a floppy disk.
    1.65 +		</p>
    1.66 +		<p>
    1.67 +			Quick Download:
    1.68 +			<a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a>
    1.69 +		</p>
    1.70 +	</div>
    1.71 +
    1.72  	<!-- Navigation -->
    1.73 -	<div id="block_nav">
    1.74 -		<h4><img src="../images/users.png" alt="users.png" />Community</h4>
    1.75 +	<nav>
    1.76 +		<header>Community</header>
    1.77  		<ul>
    1.78  			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    1.79  			<li><a href="http://pizza.slitaz.org/">LiveCD Online Builder</a></li>
    1.80 @@ -41,34 +55,21 @@
    1.81  			<li><a href="http://doc.slitaz.org/en:handbook:genlivecd">LiveCD flavor howto</a></li>
    1.82  		</ul>
    1.83  	</div>
    1.84 -	<!-- Information/image -->
    1.85 -	<div id="block_info">
    1.86 -		<h4>Web Boot</h4>
    1.87 -		<p>
    1.88 -			Welcome to the <a href="http://www.slitaz.org/en/">SliTaz GNU/Linux</a>
    1.89 -			gPXE boot host; boot.slitaz.org allows you to boot SliTaz from the Web
    1.90 -			using a cdrom, USB media or a floppy disk.
    1.91 -		</p>
    1.92 -		<div class="button" style="padding-top: 8px;">
    1.93 -			Quick Download:
    1.94 -			<a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a>
    1.95 -		</div>
    1.96 -	</div>
    1.97 -</div>
    1.98 +</div></div>
    1.99 +
   1.100 +<!-- Content -->
   1.101 +<main>
   1.102  
   1.103  <!-- Languages -->
   1.104 -<div id="lang">
   1.105 -	<a href="http://www.slitaz.org/i18n.php">
   1.106 -		<img src="../images/locale.png" alt="i18n" /></a>
   1.107 +<div class="lang">
   1.108 +	<a href="http://www.slitaz.org/i18n.php" class="locale"></a>
   1.109  	<a href="../de/">Deutsch</a>
   1.110 -	<a href="../en/">English</a>
   1.111 +	<b>English</b>
   1.112  	<a href="../fr/">Français</a>
   1.113  	<a href="../pt/">Português</a>
   1.114  	<a href="../ru/">Русский</a>
   1.115  </div>
   1.116  
   1.117 -<!-- Content -->
   1.118 -<div id="content">
   1.119  
   1.120  <h2>Introduction</h2>
   1.121  
   1.122 @@ -79,8 +80,8 @@
   1.123  	RAM from the Web using PXE and HTTP protocols.
   1.124  </p>
   1.125  
   1.126 -<a name="guide"></a>
   1.127 -<h2>Short guide</h2>
   1.128 +
   1.129 +<h2 id="guide">Short guide</h2>
   1.130  <p>
   1.131  To boot from the internet you'll need a working DHCP server, DNS server/cache
   1.132  and a default internet route. This is usually the case if you have a router
   1.133 @@ -92,7 +93,7 @@
   1.134  	<li>SliTaz boot ISO: Download
   1.135  	<a href="http://mirror.slitaz.org/boot/slitaz-boot.iso">slitaz-boot.iso</a>
   1.136  	(<a href="http://mirror.slitaz.org/boot/slitaz-boot.md5">md5</a>)
   1.137 -	and burn the image to a cdrom. Boot from the cdrom device and select
   1.138 +	and burn the image to a CD ROM. Boot from the CD ROM device and select
   1.139  	gPXE. This ISO image also provides Memtest86 to test system memory.
   1.140  	</li>
   1.141  	<li>USB media: Use TazUSB to generate bootable USB media. Install
   1.142 @@ -111,7 +112,7 @@
   1.143  	gPXE entry.</li>
   1.144  	<li>Network boot: if you can modify your DHCP server configuration, declare
   1.145  	the tftp server <i>mirror.slitaz.org</i> and the boot file
   1.146 -	<i>gpxe.pxe</i> :
   1.147 +	<i>gpxe.pxe</i>:
   1.148  	<ul>
   1.149  	<li>for <b>udhcpd</b>
   1.150  	<pre>siaddr mirror.slitaz.org
   1.151 @@ -122,20 +123,24 @@
   1.152  	<li>for <b>dnsmasq</b>
   1.153  	<pre>dhcp-boot=gpxe.pxe,mirror.slitaz.org</pre></li>
   1.154  	</ul>
   1.155 -	</li>	
   1.156 +	</li>
   1.157  </ul>
   1.158  
   1.159 +
   1.160  <h3>Boot time</h3>
   1.161 +
   1.162  <p>
   1.163 -The boot time largely depends on your network connection. With a 1Mb
   1.164 -connection in France, it takes 5 min. If you want, you can report the
   1.165 +The boot time largely depends on your network connection. With a 1 Mb/s
   1.166 +connection in France, it takes 5 min. If you want, you can report the
   1.167  boot time on the Mailing list or the Forum.
   1.168  </p>
   1.169  
   1.170 +
   1.171  <h3>Required configuration</h3>
   1.172 +
   1.173  <p>
   1.174 -The default boot entry needs 160Mb RAM. Two entries are available to
   1.175 -boot with 24Mb:
   1.176 +The default boot entry needs 160 MB RAM. Two entries are available to
   1.177 +boot with 24 MB:
   1.178  </p>
   1.179  <ul>
   1.180  	<li><code>tiny</code> starts in text mode.</li>
   1.181 @@ -143,27 +148,51 @@
   1.182  </ul>
   1.183  
   1.184  <!-- End of content -->
   1.185 -</div>
   1.186 +</main>
   1.187  
   1.188 -<!-- Footer -->
   1.189 -<div id="footer">
   1.190 -	Copyright &copy; <span class="year"></span>
   1.191 -	<a href="http://www.slitaz.org/">SliTaz</a> - Network:
   1.192 -	<a href="http://scn.slitaz.org/">Community</a>
   1.193 -	<a href="http://doc.slitaz.org/">Doc</a>
   1.194 -	<a href="http://forum.slitaz.org/">Forum</a>
   1.195 -	<a href="http://pkgs.slitaz.org/">Packages</a>
   1.196 -	<a href="http://bugs.slitaz.org">Bugs</a>
   1.197 -	<a href="http://hg.slitaz.org/">Hg</a>
   1.198 -	<p>
   1.199 +<script>
   1.200 +	function QRCodePNG(str, obj) {
   1.201 +		try {
   1.202 +			obj.height = obj.width += 300;
   1.203 +			return QRCode.generatePNG(str, {ecclevel: 'H'});
   1.204 +		}
   1.205 +		catch (any) {
   1.206 +			var element = document.createElement("script");
   1.207 +			element.src = "/static/qrcode.min.js";
   1.208 +			element.type = "text/javascript";
   1.209 +			element.onload = function() {
   1.210 +				obj.src = QRCode.generatePNG(str, {ecclevel: 'H'});
   1.211 +			};
   1.212 +			document.body.appendChild(element);
   1.213 +		}
   1.214 +	}
   1.215 +</script>
   1.216 +
   1.217 +<footer>
   1.218 +	<div>
   1.219 +		Copyright © <span class="year"></span>
   1.220 +		<a href="http://www.slitaz.org/">SliTaz</a>
   1.221 +	</div>
   1.222 +	<div>
   1.223 +		Network:
   1.224 +		<a href="http://scn.slitaz.org/">Community</a> ·
   1.225 +		<a href="http://doc.slitaz.org/">Doc</a> ·
   1.226 +		<a href="http://forum.slitaz.org/">Forum</a> ·
   1.227 +		<a href="http://pkgs.slitaz.org/">Packages</a> ·
   1.228 +		<a href="http://bugs.slitaz.org">Bugs</a> ·
   1.229 +		<a href="http://hg.slitaz.org/?sort=lastchange">Hg</a>
   1.230 +	</div>
   1.231 +	<div>
   1.232  		SliTaz @
   1.233 -		<a href="http://twitter.com/slitaz">Twitter</a>
   1.234 -		<a href="http://www.facebook.com/slitaz">Facebook</a>
   1.235 -		<a href="http://distrowatch.com/slitaz">Distrowatch</a>
   1.236 -		<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
   1.237 +		<a href="http://twitter.com/slitaz">Twitter</a> ·
   1.238 +		<a href="http://www.facebook.com/slitaz">Facebook</a> ·
   1.239 +		<a href="http://distrowatch.com/slitaz">Distrowatch</a> ·
   1.240 +		<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a> ·
   1.241  		<a href="http://flattr.com/profile/slitaz">Flattr</a>
   1.242 -	</p>
   1.243 -</div>
   1.244 +	</div>
   1.245 +	<img src="/static/qr.png" alt="#" onmouseover="this.title = location.href"
   1.246 +	onclick="this.src = QRCodePNG(location.href, this)"/>
   1.247 +</footer>
   1.248  
   1.249  </body>
   1.250  </html>
author	Aleksej Bobylev <al.bobylev@gmail.com>
date	Fri Oct 16 02:08:09 2015 +0300 (2015-10-16)
parents	0af8c6e40dcd
children	a05dc3f9babc