diff options
Diffstat (limited to 'downloads/index.html')
-rw-r--r-- | downloads/index.html | 111 |
1 files changed, 84 insertions, 27 deletions
diff --git a/downloads/index.html b/downloads/index.html index 71024b2..b35df13 100644 --- a/downloads/index.html +++ b/downloads/index.html @@ -4,19 +4,15 @@ nav1-show: true nav1-weight: 9 title: 'Downloads' -inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });" +inlinejs: | + registerEvents(); + loadTabByHash(); --- - -<p class="lead stick-bottom"> - Gentoo Linux is available free over the Internet.<br> - Live environments and stage archives can be downloaded using the links below. -</p> - <div class="row"> <div class="col-xs-12 col-md-6"> <div class="panel panel-default featured-panel"> <div class="panel-body"> - <h2 class="stick-top" id="amd64">amd64 <small>aka x86-64, x64, Intel 64</small></h2> + <h2 class="stick-top" id="amd64"><a href="#amd64">amd64 <small>aka x86-64, x64, Intel 64</small></a></h2> {% include downloads/amd64.html %} </div> @@ -25,7 +21,7 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });" <div class="col-xs-12 col-md-6"> <div class="panel panel-default featured-panel"> <div class="panel-body"> - <h2 class="stick-top" id="arm64">arm64 <small>aka AArch64</small></h2> + <h2 class="stick-top" id="arm64"><a href="#arm64">arm64 <small>aka AArch64</small></a></h2> {% include downloads/arm64.html %} </div> @@ -40,12 +36,12 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });" <span class="fa fa-fw fa-book"></span> Gentoo Handbook </a> <p> - If you are unsure what you need to download, please refer to the <a href="https://wiki.gentoo.org/wiki/Handbook:Main_Page" class="alert-link">Gentoo Handbook</a> - for the complete installation documentation.<br> + Please see the <a href="https://wiki.gentoo.org/wiki/Handbook:Main_Page" class="alert-link">Gentoo Handbook</a> + for the complete installation documentation. It explains how you can find the right architecture for your machine and which files you need at what stage of the installation process.<br> In brief, a <strong>stage 3</strong> is a minimal set of Gentoo binaries that can upgrade and expand itself (but not much more, i.e., no kernel - or boot loader). The desktop version already contains additional programs needed in a typical desktop installation. You have less initial compiling, at - the cost of a larger download. The installation CD can be used to boot and, well, install Gentoo. + or boot loader). The desktop version already contains additional programs needed in a typical desktop installation. The installation CD can be + used to boot and, well, install Gentoo. </p> </div> @@ -62,6 +58,7 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });" <li><a href="#arm64-advanced" data-toggle="tab"><strong>arm64</strong></a></li> <li><a href="#hppa" data-toggle="tab"><strong>hppa</strong></a></li> <li><a href="#ia64" data-toggle="tab"><strong>ia64</strong></a></li> + <li><a href="#loong" data-toggle="tab"><strong>loong</strong></a></li> <li><a href="#mips" data-toggle="tab"><strong>mips</strong></a></li> <li><a href="#m68k" data-toggle="tab"><strong>m68k</strong></a></li> <li><a href="#ppc" data-toggle="tab"><strong>ppc</strong></a></li> @@ -73,79 +70,85 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });" <div class="tab-content other-arches"> <div class="tab-pane active" id="amd64-advanced"> - <h3>amd64 – Advanced choices</h3> + <h3><a href="#amd64-advanced">amd64 – Advanced choices</a></h3> <div class="row"> {% include downloads/amd64-advanced.html %} </div> </div> <div class="tab-pane active" id="alpha"> - <h3>alpha</h3> + <h3><a href="#alpha">alpha</a></h3> <div class="row"> {% include downloads/alpha.html %} </div> </div> <div class="tab-pane active" id="arm"> - <h3>arm</h3> + <h3><a href="#arm">arm</a></h3> <div class="row"> {% include downloads/arm.html %} </div> </div> <div class="tab-pane active" id="arm64-advanced"> - <h3>arm64</h3> + <h3><a href="#arm64-advanced">arm64</a></h3> <div class="row"> {% include downloads/arm64-advanced.html %} </div> </div> <div class="tab-pane active" id="hppa"> - <h3>hppa</h3> + <h3><a href="#hppa">hppa</a></h3> <div class="row"> {% include downloads/hppa.html %} </div> </div> + <div class="tab-pane active" id="loong"> + <h3><a href="#loong">loong</a></h3> + <div class="row"> + {% include downloads/loong.html %} + </div> + </div> <div class="tab-pane active" id="ia64"> - <h3>ia64</h3> + <h3><a href="#ia64">ia64</a></h3> <div class="row"> {% include downloads/ia64.html %} </div> </div> <div class="tab-pane active" id="mips"> - <h3>mips</h3> + <h3><a href="#mips">mips</a></h3> <div class="row"> {% include downloads/mips.html %} </div> </div> <div class="tab-pane active" id="m68k"> - <h3>m68k</h3> + <h3><a href="#m68k">m68k</a></h3> <div class="row"> {% include downloads/m68k.html %} </div> </div> <div class="tab-pane active" id="ppc"> - <h3>ppc</h3> + <h3><a href="#ppc">ppc</a></h3> <div class="row"> {% include downloads/ppc.html %} </div> </div> <div class="tab-pane active" id="riscv"> - <h3>riscv</h3> + <h3><a href="#riscv">riscv</a></h3> <div class="row"> {% include downloads/riscv.html %} </div> </div> <div class="tab-pane active" id="s390"> - <h3>s390</h3> + <h3><a href="#s390">s390</a></h3> <div class="row"> {% include downloads/s390.html %} </div> </div> <div class="tab-pane active" id="sparc"> - <h3>sparc</h3> + <h3><a href="#sparc">sparc</a></h3> <div class="row"> {% include downloads/sparc.html %} </div> </div> <div class="tab-pane active" id="x86"> - <h3>x86</h3> + <h3><a href="#x86">x86</a></h3> <div class="row"> {% include downloads/x86.html %} </div> @@ -159,8 +162,62 @@ inlinejs: "$(function() { $('#other-arches a:first').tab('show'); });" <h2>Experimental downloads</h2> <p> For additional highly experimental downloads across all architectures - please refer to the <a class="alert-link" href="https://bouncer.gentoo.org/fetch/root/all/experimental/">complete + please refer to the <a class="alert-link" href="https://distfiles.gentoo.org/experimental/">complete experimental downloads archive</a>. Hic sunt dracones.<sup><a href="https://en.wikipedia.org/wiki/Here_be_dragons">#</a></sup> </p> </div> </div> + +<script> +// This script block should only declare functions, and NOT run them. + +// Select the right tab based on the hash. +function loadTabByHash() { + var VALID_ARCHES = ['amd64', 'alpha', 'arm', 'arm64', 'hppa', 'ia64', 'loong', 'mips', 'm68k', 'ppc', 'riscv', 's390', 'sparc', 'x86']; + var DEFAULT_ARCH = 'amd64'; + var h = window.location.hash; + // If arch is unselected, or invalid, use amd64. + // If it was an advanced anchor/hash in the URL, drop it for validation. + h = h.replace(/-advanced$/,''); + // Validate arch now (without the leading '#' or trailing -advanced. + if (!VALID_ARCHES.includes(h.substring(1))) { + h = '#' + DEFAULT_ARCH; + } + // If an advanced variant exists, we want to show it. + // The browser will do the correct thing for "#amd64" vs "#amd64-advanced", + // when both of them exist. + var h1 = '#other-arches a[href="' + h + '-advanced"]'; + var h2 = '#other-arches a[href="' + h + '"]'; + var h3 = '#other-arches a:first'; + // Find the first one and show it. + var s, h_; + for (const s of [h1, h2, h3]) { + h_ = $(s); + //console.log("Loading "+ s + " " + h_); + if(h_.length > 0) { + h_.tab('show'); + break; + } + } +} + +function registerEvents() { + // If the user edits the hash in the URL, load the correct tab. + window.addEventListener( + 'hashchange', + () => { loadTabByHash(); }, + false + ); + + // If the user clicks on a tab, also update the hash. + $('#other-arches').on( + 'click', + 'a[data-toggle]', + function(event) { + // TODO: nicer if this updates browser history, but that gets into the realm of + // plugins. + window.location.hash = this.getAttribute('href'); + } + ); +} +</script> |