saad/minimal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Website updates - added the 'href' navigation system.

Browse Source
This commit is contained in:
Ivan Davidov 2018-01-04 22:51:53 +02:00
parent f8ab400021
commit b02cb7c54b
3 changed files with 773 additions and 727 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
docs/www/assets/js/main.js Normal file
View File

@ -0,0 +1,147 @@
function menuSwap(itemIndex) {
for(var i = 1; i <= 6; i++) {
var strItem = "item" + i;
var objItem = document.getElementById(strItem);
objItem.style.display = (i == itemIndex) ? "block" : "none";
}
}
function logSwap(itemIndex, show) {
for(var i = 1; i <= 7; i++) {
var showObj = document.getElementById("show" + i);
var hideObj = document.getElementById("hide" + i);
var textObj = document.getElementById("text" + i);
if(i == itemIndex) {
if(show == true) {
showObj.style.display = "none";
hideObj.style.display = "block";
textObj.style.display = "block";
} else {
showObj.style.display = "block";
hideObj.style.display = "none";
textObj.style.display = "none";
}
} else if(show == true) {
showObj.style.display = "block";
hideObj.style.display = "none";
textObj.style.display = "none";
}
}
}
function defaultTab(item) {
var hrefPart = document.location.href.split('#')[1];
if(hrefPart == undefined) {
hrefPart = item;
}
loadTab('#' + hrefPart);
}
function loadTab(hrefPart) {
document.location.href=hrefPart;
loadUrl();
}
function loadUrl() {
var hrefPart = document.location.href.split('#')[1];
switch(hrefPart) {
case 'home' : {
menuSwap(1);
break;
}
case 'changes' : {
menuSwap(2);
break;
}
case 'about' : {
menuSwap(3);
break;
}
case 'tutorial' : {
menuSwap(4);
break;
}
case 'emulator' : {
menuSwap(5);
break;
}
case 'download' : {
menuSwap(6);
break;
}
default: {
document.location.href='#home';
menuSwap(1);
}
}
}
function pageLoaded() {
defaultTab('home');
thankYou();
}
function thankYou() {
var footer = document.getElementById("footer");
var footerDiv = footer.getElementsByTagName("div")[0];
var html = footerDiv.innerHTML;
var sepa = ' <span class="separator">|</span> ';
var afterSepa = '<a target="_blank" href="http://{1}">{2}</a>'
var hostname = window.location.hostname;
switch(hostname) {
case 'minimal.idzona.com' : {
html += sepa;
html += afterSepa.replace("{1}", 'microweber.com').replace("{2}", 'Microweber CMS');
footerDiv.innerHTML = html;
break;
}
case 'skamilinux.hu' : {
html += sepa;
html += 'Hosted by <a target="_blank" href="http://skamilinux.hu">skamilinux.hu</a> - thank you!';
footerDiv.innerHTML = html;
break;
}
case 'minimal.linux-bg.org' : {
html += sepa;
html += 'Hosted by <a target="_blank" href="http://linux-bg.org">linux-bg.org</a> - thank you!';
footerDiv.innerHTML = html;
break;
}
case 'ivandavidov.github.io' : {
document.getElementById('hm5').style.display="none";
document.getElementById('dl2').style.display="none";
document.getElementById('dl5').style.display="none";
document.getElementById('dl6').style.display="none";
document.getElementById('gh1').style.display="none";
html += sepa;
html += 'Development website - may not be fully functional.';
footerDiv.innerHTML = html;
break;
}
default: {
if(hostname != "") {
html += sepa;
html += afterSepa.replace("{1}", hostname).replace("{2}", hostname);
footerDiv.innerHTML = html;
}
}
}
}

14
docs/www/emulator/index.html
View File

@ -2,31 +2,25 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Minimal Linux Live">
<meta name="keywords" content="minimal minimalistic tiny linux live tutorial howto kernel busybox cd usb iso image"/>
<meta name="author" content="Ivan Davidov - davidov (dot) i [at] gmail {dot} com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Minimal Linux Live" />
<meta name="keywords" content="minimal minimalistic tiny linux live tutorial howto kernel busybox cd usb iso image bios uefi" />
<meta name="author" content="Ivan Davidov - davidov (dot) i [at] gmail {dot} com" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Minimal Linux Live - PC emulator</title>
<link rel="icon" type="image/x-icon" href="../assets/img/favicon.ico" />
</head>
<body>
<div id="title" style="white-space: pre; font: 20px monospace;">
Minimal Linux Live (version 20-Jan-2017)
</div>
<br/>
<div id="screen_container">
<div style="white-space: pre; font: 20px monospace; line-height: 22px"></div>
<canvas style="display: none"></canvas>
</div>
<div style="white-space: pre; font: 12px monospace;">
This is JavaScript based PC emulator which works entirely in your browser and some OS features may not behave properly in it. All CPU instructions are emulated via JavaScript and the boot process may take 10-20 minutes.
</div>
<script src="libv86.min.js"></script>
<script>
"use strict";

157
docs/www/index.html
View File

@ -1,16 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Minimal Linux Live</title>
<meta name="description" content="Minimal Linux Live">
<meta charset="utf-8" />
<meta name="description" content="Minimal Linux Live" />
<meta name="keywords" content="minimal minimalistic tiny linux live tutorial howto kernel busybox cd usb iso image bios uefi" />
<meta name="author" content="Ivan Davidov - davidov (dot) i [at] gmail {dot} com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/style.min.css">
<meta name="author" content="Ivan Davidov - davidov (dot) i [at] gmail {dot} com" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Minimal Linux Live</title>
<link rel="stylesheet" href="assets/css/style.min.css" />
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<script language="JavaScript" type="text/javascript" src="assets/js/main.js"></script>
</head>
<body onload="javascript:thankYou();">
<body>
<div class="container">
<div class="row">
<div class="twelve columns" style="text-align: center;">
@ -19,17 +20,17 @@
</div>
<div class="row">
<div class="twelve columns" style="text-align: center;">
<a id="hm1" class="button button-primary" href="#" onclick="javascript:menuSwap(1); return false;">Home</a>
<a id="hm2" class="button button-primary" href="#" onclick="javascript:menuSwap(2); return false;">Changes</a>
<a id="hm3" class="button button-primary" href="#" onclick="javascript:menuSwap(3); return false;">About</a>
<a id="hm4" class="button button-primary" href="#" onclick="javascript:menuSwap(4); return false;">Tutorial</a>
<a id="hm5" class="button button-primary" href="#" onclick="javascript:menuSwap(5); return false;">Emulator</a>
<a id="hm6" class="button button-primary" href="#" onclick="javascript:menuSwap(6); return false;">Download</a>
<a id="hm1" class="button button-primary" href="#home" onclick="javascript:loadTab(this.href); return false;">Home</a>
<a id="hm2" class="button button-primary" href="#changes" onclick="javascript:loadTab(this.href); return false;">Changes</a>
<a id="hm3" class="button button-primary" href="#about" onclick="javascript:loadTab(this.href); return false;">About</a>
<a id="hm4" class="button button-primary" href="#tutorial" onclick="javascript:loadTab(this.href); return false;">Tutorial</a>
<a id="hm5" class="button button-primary" href="#emulator" onclick="javascript:loadTab(this.href); return false;">Emulator</a>
<a id="hm6" class="button button-primary" href="#download" onclick="javascript:loadTab(this.href); return false;">Download</a>
<a id="hm7" class="button" target="_blank" href="http://github.com/ivandavidov/minimal">GitHub</a>
<hr />
</div>
</div>
<div id="item1" style="display:block;">
<div id="item1" style="display:none;">
<div class="row">
<div class="twelve columns">
<h4>Home</h4>
@ -57,7 +58,7 @@
<div class="twelve columns">
<ul>
<li>
Get the latest source code archive from the <a href="#" onclick="javascript:menuSwap(6); return false;">download</a> section.
Get the latest source code archive from the <a href="#download" onclick="javascript:loadTab(this.href); return false;">download</a> section.
</li>
<li>
Extract the source code archive. Note that even though the extracted scripts are relatively small in size (~1MB), you need ~2GB free disk space for the actual build process.
@ -79,7 +80,7 @@
</div>
<div class="row">
<div class="twelve columns">
The default build process for version <strong>xx-Jan-2018</strong> generates ~9MB ISO image, but you can make the ISO image even smaller (~8MB) if you exclude the default <a target="_blank" href="https://github.com/ivandavidov/minimal#overlay-bundles">overlay bundles</a> from the main <a target="blank" href="http://github.com/ivandavidov/minimal/blob/master/src/.config">.config</a> file.
The default build process for version <strong>28-Jan-2018</strong> generates ~9MB ISO image, but you can make the ISO image even smaller (~8MB) if you exclude the default <a target="_blank" href="https://github.com/ivandavidov/minimal#overlay-bundles">overlay bundles</a> from the main <a target="blank" href="http://github.com/ivandavidov/minimal/blob/master/src/.config">.config</a> file.
</div>
</div>
<div style="font-size: 10%;">&nbsp;</div>
@ -115,13 +116,13 @@
<div style="font-size: 10%;">&nbsp;</div>
<div class="row">
<div class="twelve columns">
You are encouraged to read the <a href="#" onclick="javascript:menuSwap(4); return false;">tutorial</a> which explains the MLL build process. The same tutorial, along with all MLL source code, can be found in the ISO image structure in the <strong>/minimal/rootfs/usr/src</strong> directory.
You are encouraged to read the <a href="#tutorial" onclick="javascript:loadTab(this.href); return false;">tutorial</a> which explains the MLL build process. The same tutorial, along with all MLL source code, can be found in the ISO image structure in the <strong>/minimal/rootfs/usr/src</strong> directory.
</div>
</div>
<div style="font-size: 10%;">&nbsp;</div>
<div class="row">
<div class="twelve columns">
Below you can find several screenshots form version <strong>20-Jan-2017</strong> which demonstrate what the MLL environment looks like.
Below you can find several screenshots form version <strong>28-Jan-2018</strong> which demonstrate what the MLL environment looks like.
</div>
</div>
<div style="font-size: 10%;">&nbsp;</div>
@ -188,11 +189,11 @@
<div class="row">
<div class="twelve columns">
<div id="show7" style="display:none;">
<strong>xx-Jan-2018</strong>
<strong>28-Jan-2018</strong>
<a href="#" onclick="javascript:logSwap(7, true); return false;">show</a>
</div>
<div id="hide7" style="display:block;">
<strong>xx-Jan-2018</strong>
<strong>28-Jan-2018</strong>
<a href="#" onclick="javascript:logSwap(7, false); return false;">hide</a>
</div>
<div id="text7" style="display:block;">
@ -352,7 +353,7 @@
The ISO image is now generated by using <strong>genisoimage</strong>. This fixes some issues with Debian and Arch based host operating systems.
</li>
<li>
In addition to the above changes, if you <a href="#" onclick="javascript:menuSwap(5); return false;">download</a> the latest stable build scripts, you will notice a folder named <strong>experimental</strong>. This folder contains some interesting scripts which produce ISO based on Linux kernel and <a href="http://landley.net/toybox" target="_blank">ToyBox</a> instead of BusyBox. Please have in mind that this is work in progress and these scripts may not work on your host OS.
In addition to the above changes, if you <a href="#download" onclick="javascript:loadTab(this.href); return false;">download</a> the current stable build scripts, you will notice a folder named <strong>experimental</strong>. This folder contains some interesting scripts which produce ISO based on Linux kernel and <a href="http://landley.net/toybox" target="_blank">ToyBox</a> instead of BusyBox. Please have in mind that this is work in progress and these scripts may not work on your host OS.
</li>
</ul>
</div>
@ -534,14 +535,14 @@
</div>
<div class="row">
<div class="twelve columns">
The build scripts for version <code>20-Jan-2017</code> are available as <strong>tar.xz</strong> archive.
The build scripts for version <code>28-Jan-2018</code> are available as <strong>tar.xz</strong> archive.
<div style="font-size: 10%;">&nbsp;</div>
<ul>
<li id="dl1">
<a href="http://github.com/ivandavidov/minimal/releases/download/20-Jan-2017/minimal_linux_live_20-Jan-2017_src.tar.xz" title="Minimal Linux Live - shell scripts">minimal_linux_live_20-Jan-2017_src.tar.xz</a> - from GitHub.
<a href="http://github.com/ivandavidov/minimal/releases/download/28-Jan-2018/minimal_linux_live_28-Jan-2018_src.tar.xz" title="Minimal Linux Live - shell scripts">minimal_linux_live_28-Jan-2018_src.tar.xz</a> - from GitHub.
</li>
<li id="dl2">
<a href="./download/minimal_linux_live_20-Jan-2017_src.tar.xz" title="Minimal Linux Live - shell scripts">minimal_linux_live_20-Jan-2017_src.tar.xz</a> - from this website.
<a href="./download/minimal_linux_live_28-Jan-2018_src.tar.xz" title="Minimal Linux Live - shell scripts">minimal_linux_live_28-Jan-2018_src.tar.xz</a> - from this website.
</li>
</ul>
</div>
@ -552,16 +553,16 @@
<div style="font-size: 10%;">&nbsp;</div>
<ul>
<li id="dl3">
<a href="http://github.com/ivandavidov/minimal/releases/download/20-Jan-2017/minimal_linux_live_20-Jan-2017_64-bit.iso" title="Minimal Linux Live - ISO image file for 64-bit CPUs">minimal_linux_live_20-Jan-2017_64-bit.iso</a> - 64-bit ISO image from GitHub.
<a href="http://github.com/ivandavidov/minimal/releases/download/20-Jan-2017/minimal_linux_live_28-Jan-2018_64-bit.iso" title="Minimal Linux Live - ISO image file for 64-bit CPUs">minimal_linux_live_28-Jan-2018_64-bit.iso</a> - 64-bit ISO image from GitHub.
</li>
<li id="dl4">
<a href="http://github.com/ivandavidov/minimal/releases/download/20-Jan-2017/minimal_linux_live_20-Jan-2017_32-bit.iso" title="Minimal Linux Live - ISO image file for 32-bit CPUs">minimal_linux_live_20-Jan-2017_32-bit.iso</a> - 32-bit ISO image from GitHub.
<a href="http://github.com/ivandavidov/minimal/releases/download/28-Jan-2018/minimal_linux_live_28-Jan-2018_32-bit.iso" title="Minimal Linux Live - ISO image file for 32-bit CPUs">minimal_linux_live_28-Jan-2018_32-bit.iso</a> - 32-bit ISO image from GitHub.
</li>
<li id="dl5">
<a href="./download/minimal_linux_live_20-Jan-2017_64-bit.iso" title="Minimal Linux Live - ISO image file for 64-bit CPUs">minimal_linux_live_20-Jan-2017_64-bit.iso</a> - 64-bit ISO image from this website.
<a href="./download/minimal_linux_live_28-Jan-2018_64-bit.iso" title="Minimal Linux Live - ISO image file for 64-bit CPUs">minimal_linux_live_28-Jan-2018_64-bit.iso</a> - 64-bit ISO image from this website.
</li>
<li id="dl6">
<a href="./download/minimal_linux_live_20-Jan-2017_32-bit.iso" title="Minimal Linux Live - ISO image file for 32-bit CPUs">minimal_linux_live_20-Jan-2017_32-bit.iso</a> - 32-bit ISO image from this website.
<a href="./download/minimal_linux_live_28-Jan-2018_32-bit.iso" title="Minimal Linux Live - ISO image file for 32-bit CPUs">minimal_linux_live_28-Jan-2018_32-bit.iso</a> - 32-bit ISO image from this website.
</li>
</ul>
</div>
@ -574,7 +575,7 @@
<div style="font-size: 10%;">&nbsp;</div>
<div class="row">
<div class="twelve columns">
You can take a look at the latest development sources in the dedicated <a target="_blank" href="http://github.com/ivandavidov/minimal">GitHub project</a>.
You can take a look at the latest development sources in the <a target="_blank" href="http://github.com/ivandavidov/minimal">GitHub</a> project.
</div>
</div>
</div>
@ -594,103 +595,7 @@
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
function menuSwap(itemIndex) {
for(var i = 1; i <= 6; i++) {
var strItem = "item" + i;
var objItem = document.getElementById(strItem);
objItem.style.display = (i == itemIndex) ? "block" : "none";
}
}
function logSwap(itemIndex, show) {
for(var i = 1; i <= 7; i++) {
var showObj = document.getElementById("show" + i);
var hideObj = document.getElementById("hide" + i);
var textObj = document.getElementById("text" + i);
if(i == itemIndex) {
if(show == true) {
showObj.style.display = "none";
hideObj.style.display = "block";
textObj.style.display = "block";
} else {
showObj.style.display = "block";
hideObj.style.display = "none";
textObj.style.display = "none";
}
} else if(show == true) {
showObj.style.display = "block";
hideObj.style.display = "none";
textObj.style.display = "none";
}
}
}
function thankYou() {
var footer = document.getElementById("footer");
var footerDiv = footer.getElementsByTagName("div")[0];
var html = footerDiv.innerHTML;
var sepa = ' <span class="separator">|</span> ';
var afterSepa = '<a target="_blank" href="http://{1}">{2}</a>'
var hostname = window.location.hostname;
switch(hostname) {
case 'minimal.idzona.com' : {
html += sepa;
html += afterSepa.replace("{1}", 'microweber.com').replace("{2}", 'Microweber CMS');
footerDiv.innerHTML = html;
break;
}
case 'skamilinux.hu' : {
html += sepa;
html += 'Hosted by <a target="_blank" href="http://skamilinux.hu">skamilinux.hu</a> - thank you!';
footerDiv.innerHTML = html;
break;
}
case 'minimal.linux-bg.org' : {
html += sepa;
html += 'Hosted by <a target="_blank" href="http://linux-bg.org">linux-bg.org</a> - thank you!';
footerDiv.innerHTML = html;
break;
}
case 'ivandavidov.github.io' : {
document.getElementById('hm5').style.display="none";
document.getElementById('dl2').style.display="none";
document.getElementById('dl5').style.display="none";
document.getElementById('dl6').style.display="none";
document.getElementById('gh1').style.display="none";
html += sepa;
html += 'Development website - may not be fully functional.';
footerDiv.innerHTML = html;
break;
}
default: {
if(hostname != "") {
html += sepa;
html += afterSepa.replace("{1}", hostname).replace("{2}", hostname);
footerDiv.innerHTML = html;
}
}
}
}
</script>
<script>pageLoaded();</script>
<script>
if(window.location.hostname != "") {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){