cyteen
/
sd-card-images
1
0
Fork 0
Code Issues Pull Requests 2 Actions 1 Packages Projects Releases Wiki Activity

docs: Bump to Bootstrap 5

This commit is contained in:
Johan Gunnarsson 2023-07-27 13:53:17 +02:00
parent 1a15dd893d
commit 14091f59d6
5 changed files with 190 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

234
docs/_layouts/board.html
View File

@ -1,52 +1,46 @@
--- ---
layout: default layout: default
--- ---
<main role="main"> <main>
<div class="container"> <div class="container">
<h2>{{ page.board_name }}</h2> <h2>{{ page.board_name }}</h2>
<p>Minimal, pure and up-to-date vanilla Debian/Ubuntu Linux SD card image for <i>{{ page.board_name }}</i>.</p> <p>Minimal, pure and up-to-date vanilla Debian/Ubuntu Linux SD card image for <i>{{ page.board_name }}</i>.</p>
<hr /> <hr>
</div> </div>
<div class="container"> <div class="container">
<dl class="row"> <dl class="row">
<dt class="col-6 text-right"><strong>Board name</strong></dt> <dt class="col-6 text-end"><strong>Board name</strong></dt>
<dd class="col-6">{{ page.board_name }}</dd> <dd class="col-6">{{ page.board_name }}</dd>
<dt class="col-6 text-right"><strong>Board maker</strong></dt> <dt class="col-6 text-end"><strong>Board maker</strong></dt>
<dd class="col-6">{{ page.board_maker_name }}</dd> <dd class="col-6">{{ page.board_maker_name }}</dd>
<dt class="col-6 text-right"><strong>SoC</strong></dt> <dt class="col-6 text-end"><strong>SoC</strong></dt>
<dd class="col-6">{{ page.board_soc_name }}</dd> <dd class="col-6">{{ page.board_soc_name }}</dd>
<dt class="col-6 text-right"><strong>CPU</strong></dt> <dt class="col-6 text-end"><strong>CPU</strong></dt>
<dd class="col-6">{{ page.board_cpu_name }}</dd> <dd class="col-6">{{ page.board_cpu_name }}</dd>
</dl> </dl>
<hr /> <hr>
</div> </div>
<div class="container" style="display: none;" id="unsupported-warning"> <div class="container">
<div class="alert alert-warning" role="alert">This board is not supported by any boot image</div>
<hr />
</div>
<div class="container" id="install-instructions">
<h3>Install instructions</h3> <h3>Install instructions</h3>
<div class="row"> <div class="alert alert-warning d-none" id="unsupported-warning" role="alert">This board is not supported by any boot image and/or Debian/Ubuntu image</div>
<div class="col-4"> <div class="d-flex align-items-start" id="install-instructions">
<div class="nav flex-column nav-pills" id="install-tab" role="tablist" aria-orientation="vertical"> <div class="col-3 nav flex-column nav-pills me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical">
{% assign x = site.debians | where: "arch", page.board_cpu_arch_debian | sort %} {% assign x = site.debians | where: "arch", page.board_cpu_arch_debian | sort %}
{% for debian in x %} {% for debian in x %}
{% capture i %}{{ debian.os }}{{ debian.dist }}{{ debian.arch }}{% endcapture %} {% capture i %}{{ debian.os }}{{ debian.dist }}{{ debian.arch }}{% endcapture %}
<a class="nav-link hidden" id="install-{{ i }}-tab" data-toggle="pill" href="#install-{{ i }}" role="tab" aria-controls="install-{{ i }}" aria-selected="true">{{ debian.name }}</a> <button class="nav-link text-start d-none" id="v-pills-install-{{ i }}-tab" data-bs-toggle="pill" data-bs-target="#v-pills-install-{{ i }}" type="button" role="tab" aria-controls="v-pills-install-{{ i }}" aria-selected="true">{{ debian.name }}</button>
{% endfor %} {% endfor %}
</div> </div>
</div> <div class="col-9 tab-content" id="v-pills-tab-content">
<div class="col-8">
<div class="tab-content" id="install-tabContent">
{% assign x = site.debians | where: "arch", page.board_cpu_arch_debian | sort %} {% assign x = site.debians | where: "arch", page.board_cpu_arch_debian | sort %}
{% for debian in x %} {% for debian in x %}
{% capture i %}{{ debian.os }}{{ debian.dist }}{{ debian.arch }}{% endcapture %} {% capture i %}{{ debian.os }}{{ debian.dist }}{{ debian.arch }}{% endcapture %}
<div class="tab-pane fade hidden" id="install-{{ i }}" role="tabpanel" aria-labelledby="install-{{ i }}-tab"> <div class="tab-pane fade d-none" id="v-pills-install-{{ i }}" role="tabpanel" aria-labelledby="v-pills-install-{{ i }}-tab" tabindex="0">
<p class="bg-dark py-2 px-3"> <p class="bg-dark rounded py-2 px-3">
<code class="shell-normal text-light">wget http://dl.sd-card-images.johang.se<span class="install-boot_path">/PLACEHOLDER1.bin.gz</span></code><br /> <code class="shell-normal text-light">wget http://dl.sd-card-images.johang.se<span id="install-{{ i }}-boot_path">/PLACEHOLDER1.bin.gz</span></code><br>
<code class="shell-normal text-light">wget http://dl.sd-card-images.johang.se<span id="install-{{ i }}-debian_path">/PLACEHOLDER2.bin.gz</span></code><br /> <code class="shell-normal text-light">wget http://dl.sd-card-images.johang.se<span id="install-{{ i }}-debian_path">/PLACEHOLDER2.bin.gz</span></code><br>
<code class="shell-normal text-light">zcat <span class="install-boot_file">boot.bin.gz</span> <span id="install-{{ i }}-debian_file">debian.bin.gz</span> &gt; sd-card.img</code><br /> <code class="shell-normal text-light">zcat <span id="install-{{ i }}-boot_file">boot.bin.gz</span> <span id="install-{{ i }}-debian_file">debian.bin.gz</span> &gt; sd-card.img</code><br>
<code class="shell-root text-light">dd if=sd-card.img of=/dev/sdXXX <span class="text-info"># ...where /dev/sdXXX is your SD card</span></code><br /> <code class="shell-root text-light">dd if=sd-card.img of=/dev/sdXXX <span class="text-info"># ...where /dev/sdXXX is your SD card</span></code><br>
</p> </p>
{% if debian.exp == true %} {% if debian.exp == true %}
<div class="alert alert-danger" role="alert">This image is experimental</div> <div class="alert alert-danger" role="alert">This image is experimental</div>
@ -56,8 +50,7 @@ layout: default
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</div> <hr>
<hr />
</div> </div>
<div class="container" id="downloads"> <div class="container" id="downloads">
<h3>Downloads for {{ page.board_name }}</h3> <h3>Downloads for {{ page.board_name }}</h3>
@ -65,106 +58,33 @@ layout: default
<caption>Downloads relevant to {{ page.board_name }}.</caption> <caption>Downloads relevant to {{ page.board_name }}.</caption>
<thead> <thead>
<tr> <tr>
<th scope="col">Name</th> <th scope="col">File</th>
<th scope="col">Type</th> <th scope="col">Description</th>
<th scope="col">Build date</th> <th scope="col">Build date</th>
<th scope="col">Size</th> <th scope="col">Size</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr id="downloads-boot" class="show"> <tr id="downloads-boot" class="d-none">
<td><i class="bi-download"></i> <a href="" id="downloads-boot-link">PLACEHOLDER</a></td> <td><i class="bi-download"></i> <a href="" id="downloads-boot-link">PLACEHOLDER</a></td>
<td>Boot image</td> <td>Boot image <a class="badge text-bg-primary text-decoration-none d-none" id="downloads-boot-u-boot" href="https://source.denx.de/u-boot/u-boot">U-Boot PLACEHOLDER</a> <a class="badge text-bg-secondary text-decoration-none d-none" id="downloads-boot-atf" href="https://github.com/ARM-software/arm-trusted-firmware">TF-A PLACEHOLDER</a> <a class="badge text-bg-secondary text-decoration-none d-none" id="downloads-boot-raspberry-pi-firmware" href="https://github.com/raspberrypi/firmware">RPi boot FW PLACEHOLDER</a> <a class="badge text-bg-secondary text-decoration-none d-none" id="downloads-boot-amlogic-boot-fip" href="https://github.com/LibreELEC/amlogic-boot-fip">AmL boot FW PLACEHOLDER</a></td>
<td id="downloads-boot-build">PLACEHOLDER</td> <td id="downloads-boot-build">PLACEHOLDER</td>
<td id="downloads-boot-size">PLACEHOLDER</td> <td id="downloads-boot-size">PLACEHOLDER</td>
</tr> </tr>
{% assign x = site.debians | where: "arch", page.board_cpu_arch_debian | sort %} {% assign x = site.debians | where: "arch", page.board_cpu_arch_debian | sort %}
{% for debian in x %} {% for debian in x %}
{% capture i %}{{ debian.os }}{{ debian.dist }}{{ debian.arch }}{% endcapture %} {% capture i %}{{ debian.os }}{{ debian.dist }}{{ debian.arch }}{% endcapture %}
<tr id="downloads-{{ i }}" class="hidden"> <tr id="downloads-{{ i }}" class="d-none">
<td><i class="bi-download"></i> <a href="" id="downloads-{{ i }}-link">PLACEHOLDER</a> {% if debian.exp == true %}<span class="badge badge-danger">Experimental</span>{% endif %}</td> <td><i class="bi-download"></i> <a href="" id="downloads-{{ i }}-link">PLACEHOLDER</a></td>
<td>{{ debian.name }} root filesystem image</td> <td>{{ debian.name }} image {% if debian.exp == true %}<span class="badge text-bg-danger">Experimental</span>{% endif %} <span class="badge text-bg-primary d-none" id="downloads-{{ i }}-kernel">Kernel PLACEHOLDER</span></td>
<td id="downloads-{{ i }}-build">PLACEHOLDER</td> <td id="downloads-{{ i }}-build">PLACEHOLDER</td>
<td id="downloads-{{ i }}-size">PLACEHOLDER</td> <td id="downloads-{{ i }}-size">PLACEHOLDER</td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
<hr /> <hr>
</div> </div>
<script>
base_url = "http://dl.sd-card-images.johang.se";
board = "{{ page.board_id }}";
arch = "{{ page.board_cpu_arch_debian }}";
dtb = "{{ page.board_dtb_name }}";
function basename(path) {
return path.substring(Math.max(0, path.lastIndexOf("/") + 1));
}
function handle_boots(boots) {
supported = 0;
boots.forEach(function(boot) {
if (boot["board"] != board)
return;
supported++;
// Update install instructions
$("span.install-boot_file").text(basename(boot["path"]));
$("span.install-boot_path").text(boot["path"]);
// Update downloads list
$("#downloads-boot-link").text(basename(boot["path"])).attr("href", base_url + boot["path"]);
$("#downloads-boot-build").text(boot["build"]);
$("#downloads-boot-size").text(Math.round(boot["size"] / 1024) + " kB");
});
if (supported <= 0) {
// Board's unsupported
$("#install-instructions").hide();
$("#downloads").hide();
$("#unsupported-warning").show();
}
}
function handle_debians(debians) {
supported = [];
debians.forEach(function(debian) {
if (debian["arch"] != arch)
return;
if (dtb == "N/A") {
supported.push(debian);
} else {
debian["dtbs"].forEach(function(_dtb) {
if (_dtb == dtb)
supported.push(debian);
});
}
});
if (supported.length <= 0) {
// Board's unsupported
$("#install-instructions").hide();
$("#downloads").hide();
$("#unsupported-warning").show();
}
supported.forEach(function(debian) {
i = debian["os"] + debian["dist"] + debian["arch"];
// Update install instructions
$("#install-" + i + "-debian_file").text(basename(debian["path"]));
$("#install-" + i + "-debian_path").text(debian["path"]);
$("#install-" + i + "-password").text(debian["password"]);
$("#install-" + i + "-tab").removeClass("hidden").addClass("show");
$("#install-" + i).removeClass("hidden").addClass("show");
// Update downloads list
$("#downloads-" + i + "-link").text(basename(debian["path"])).attr("href", base_url + debian["path"]);
$("#downloads-" + i + "-build").text(debian["build"]);
$("#downloads-" + i + "-size").text(Math.round(debian["size"] / (1024 * 1024)) + " MB");
$("#downloads-" + i).removeClass("hidden").addClass("show");
});
// Hide irrelevant stuff
$("#install-instructions .nav a.hidden").hide();
$("#downloads table tbody tr.hidden").hide();
// Set first visible tab to active
$("#install-instructions .nav a.show:first").addClass("active");
$("#install-instructions .tab-content div.show:first").addClass(["active"]);
}
</script>
<script src="https://cdn.sd-card-images.johang.se/index-boots.js" type="text/javascript"></script>
<script src="https://cdn.sd-card-images.johang.se/index-debians-{{ page.board_cpu_arch_debian }}.js" type="text/javascript"></script>
<div class="container"> <div class="container">
<h3>Boards by {{ page.board_maker_name }}</h3> <h3>Boards by {{ page.board_maker_name }}</h3>
<table class="table table-sm table-hover"> <table class="table table-sm table-hover">
@ -196,7 +116,7 @@ layout: default
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
<hr /> <hr>
</div> </div>
<div class="container"> <div class="container">
<h3>Boards with {{ page.board_soc_name }}</h3> <h3>Boards with {{ page.board_soc_name }}</h3>
@ -229,6 +149,100 @@ layout: default
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
<hr /> <hr>
</div> </div>
</main> </main>
<script type="text/javascript">
var base_url = "http://dl.sd-card-images.johang.se";
var board = "{{ page.board_id }}";
var arch = "{{ page.board_cpu_arch_debian }}";
var dtb = "{{ page.board_dtb_name }}";
var all_boots = [];
function handle_boots(boots) {
all_boots = boots;
}
var all_debians = [];
function handle_debians(debians) {
all_debians = debians;
}
</script>
<script src="https://cdn.sd-card-images.johang.se/index-boots.js"></script>
<script src="https://cdn.sd-card-images.johang.se/index-debians-{{ page.board_cpu_arch_debian }}.js"></script>
<script type="text/javascript">
function basename(path) {
return path.substring(Math.max(0, path.lastIndexOf("/") + 1));
}
// Find supported boots
supported_boots = [];
all_boots.forEach(function(boot) {
if (boot["board"] != board)
return;
supported_boots.push(boot);
});
console.log("Found " + supported_boots.length + " supported boot images");
// Find supported debians
supported_debians = [];
all_debians.forEach(function(debian) {
if (debian["arch"] != arch)
return;
if (dtb == "N/A") {
supported_debians.push(debian);
} else {
debian["dtbs"].forEach(function(_dtb) {
if (_dtb == dtb)
supported_debians.push(debian);
});
}
});
console.log("Found " + supported_debians.length + " supported Debian/Ubuntu images");
if (supported_boots.length > 0) {
boot = supported_boots[0];
// Update download list
$("#downloads-boot-link").text(basename(boot["path"])).attr("href", base_url + boot["path"]);
$("#downloads-boot-build").text(boot["build"] + " (" + moment(boot["builddate"]).fromNow() + ")");
$("#downloads-boot-size").text(Math.round(boot["size"] / 1024) + " kB");
$("#downloads-boot").removeClass("d-none").addClass("show");
}
supported_debians.forEach(function(debian) {
i = debian["os"] + debian["dist"] + debian["arch"];
// Update download list
$("#downloads-" + i + "-link").text(basename(debian["path"])).attr("href", base_url + debian["path"]);
$("#downloads-" + i + "-build").text(debian["build"] + " (" + moment(debian["builddate"]).fromNow() + ")");
$("#downloads-" + i + "-size").text(Math.round(debian["size"] / (1024 * 1024)) + " MB");
$("#downloads-" + i).removeClass("d-none").addClass("show");
});
if (supported_boots.length > 0 && supported_debians.length > 0) {
boot = supported_boots[0];
supported_debians.forEach(function(debian) {
i = debian["os"] + debian["dist"] + debian["arch"];
// Update install instructions
$("#install-" + i + "-boot_file").text(basename(boot["path"]));
$("#install-" + i + "-boot_path").text(boot["path"]);
$("#install-" + i + "-debian_file").text(basename(debian["path"]));
$("#install-" + i + "-debian_path").text(debian["path"]);
$("#install-" + i + "-password").text(debian["password"]);
$("#v-pills-install-" + i + "-tab").removeClass("d-none").addClass("show");
$("#v-pills-install-" + i).removeClass("d-none");
});
// Set first visible tab to active
$("#install-instructions button:not(.d-none):first").addClass("active");
$("#install-instructions #v-pills-tab-content div:not(.d-none):first").addClass(["active", "show"]);
} else {
$("#unsupported-warning").removeClass("d-none");
$("#install-instructions").addClass("d-none");
}
</script>

31
docs/_layouts/default.html
View File

@ -6,10 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="{{ page.description }}"> <meta name="description" content="{{ page.description }}">
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css" crossorigin="anonymous">
<style> <style>
body { body {
padding-top: 4.5rem; padding-top: 4.5rem;
@ -23,6 +24,9 @@
code.shell-normal:before { code.shell-normal:before {
content: "$ "; content: "$ ";
} }
pre.wrap {
white-space: pre-wrap;
}
</style> </style>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V2XK1QS92P"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-V2XK1QS92P"></script>
<script> <script>
@ -35,12 +39,13 @@
<body> <body>
<header> <header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="/">SD card images</a> <div class="container-fluid">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="navbar-brand" href="/">SD card images</a>
<div class="collapse navbar-collapse" id="navbarCollapse"> <div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/boards.html">Supported boards</a> <a class="nav-link" href="/boards.html">Supported boards</a>
</li> </li>
@ -57,18 +62,18 @@
<a class="nav-link" href="/tips-and-tricks.html">Tips and tricks</a> <a class="nav-link" href="/tips-and-tricks.html">Tips and tricks</a>
</li> </li>
</ul> </ul>
<!-- <form class="d-flex" autocomplete="off" role="search" method="GET" action="https://www.google.com/search">
<form class="form-inline my-2 my-lg-0"> <input type="hidden" name="as_sitesearch" value="sd-card-images.johang.se">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <input class="form-control me-2" type="search" name="q" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> <button class="btn btn-outline-success" type="submit">Search</button>
</form> </form>
--> </div>
</div> </div>
</nav> </nav>
</header> </header>
{{ content }} {{ content }}
<footer class="container"> <footer class="container">
<p class="float-right"><a href="#">Back to top</a></p> <p class="float-end"><a href="#">Back to top</a></p>
<p>This project is not affiliated with Debian. Debian is a registered trademark owned by Software in the Public Interest, Inc.</p> <p>This project is not affiliated with Debian. Debian is a registered trademark owned by Software in the Public Interest, Inc.</p>
</footer> </footer>
</body> </body>

6
docs/boards.html
View File

@ -2,13 +2,15 @@
title: All SD card images title: All SD card images
layout: default layout: default
--- ---
<main role="main"> <main>
<div class="container"> <div class="container">
<h2>Supported boards</h2> <h2>Supported boards</h2>
<p>Minimal, pure and up-to-date vanilla Debian/Ubuntu Linux SD card images for various ARM-based single board computers (SBCs).</p> <p>Minimal, pure and up-to-date vanilla Debian/Ubuntu Linux SD card images for various ARM-based single board computers (SBCs).</p>
<hr>
</div> </div>
<div class="container"> <div class="container">
<table class="table table-sm table-hover"> <table class="table table-sm table-hover">
<caption>Supported boards.</caption>
<thead> <thead>
<tr> <tr>
<th scope="col">Board</th> <th scope="col">Board</th>
@ -29,6 +31,6 @@ layout: default
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
<hr /> <hr>
</div> </div>
</main> </main>

18
docs/index.html
View File

@ -2,11 +2,11 @@
title: SD card images title: SD card images
layout: default layout: default
--- ---
<main role="main"> <main>
<div class="section section-header"> <div class="section section-header">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-6 text-left my-auto col-z-index" > <div class="col-md-6 my-auto col-z-index">
<h1>Minimal Debian/Ubuntu Linux SD card images</h1> <h1>Minimal Debian/Ubuntu Linux SD card images</h1>
<h4>Unoffical, minimal, pure and up-to-date vanilla Debian/Ubuntu Linux SD card images for various ARM-based single board computers (SBCs).</h4> <h4>Unoffical, minimal, pure and up-to-date vanilla Debian/Ubuntu Linux SD card images for various ARM-based single board computers (SBCs).</h4>
<p class="my-3"> <p class="my-3">
@ -14,7 +14,7 @@ layout: default
</p> </p>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<img src="/img/board.jpg" style="width: 100%;"> <img src="/img/board.jpg" alt="Single board computer" class="img-fluid">
</div> </div>
</div> </div>
</div> </div>
@ -22,28 +22,28 @@ layout: default
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<img src="/img/board.jpg" height="48"> <img src="/img/board.jpg" alt="Single board computer thumbnail" height="48">
<h3>Minimal image</h3> <h3>Minimal image</h3>
<p>The images contains just enough to boot up. Great for development, testing and learning.</p> <p>The images contains just enough to boot up. Great for development, testing and learning.</p>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<img src="/img/board.jpg" height="48"> <img src="/img/board.jpg" alt="Single board computer thumbnail" height="48">
<h3>Pure image</h3> <h3>Pure image</h3>
<p>The images includes only official Debian/Ubuntu packages, including the official Debian/Ubuntu Linux kernel, downloaded from the offical Debian/Ubuntu mirrors.</p> <p>The images includes only official Debian/Ubuntu packages, including the official Debian/Ubuntu Linux kernel, downloaded from the offical Debian/Ubuntu mirrors.</p>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<img src="/img/board.jpg" height="48"> <img src="/img/board.jpg" alt="Single board computer thumbnail" height="48">
<h3>Up-to-date image</h3> <h3>Up-to-date image</h3>
<p>The images are rebuilt once per week to include the latest versions and security patches for each of the Debian/Ubuntu suites.</p> <p>The images are rebuilt once per week to include the latest versions and security patches for each of the Debian/Ubuntu suites.</p>
</div> </div>
</div> </div>
<hr /> <hr>
</div> </div>
<div class="container"> <div class="container">
<h3>Supported boards</h3> <h3>Supported boards</h3>
<ul class="list-inline"> <ul class="list-inline">
{% for board in site.boards %}<li class="list-inline-item board-button my-1 mr-2 "><a href="/boards/{{ board.board_id }}.html" class="btn btn-outline-primary pill" role="button">{{ board.board_name }}</a></li>{% endfor %} {% for board in site.boards %}<li class="list-inline-item board-button my-1 mr-2"><a href="/boards/{{ board.board_id }}.html" class="btn btn-outline-primary pill" role="button">{{ board.board_name }}</a></li>{% endfor %}
</ul> </ul>
<hr /> <hr>
</div> </div>
</main> </main>

23
docs/tips-and-tricks.html
View File

@ -1,18 +1,17 @@
--- ---
title: All SD card images title: Tips and tricks - SD card images
layout: default layout: default
--- ---
<main role="main"> <main>
<div class="container"> <div class="container">
<h2>Tips and tricks</h2> <h2>Tips and tricks</h2>
<p>Here's a collections of tips and tricks for setting up the images.</p> <p>Here's a collections of tips and tricks for setting up the images.</p>
<hr /> <hr>
</div> </div>
<div class="container"> <div class="container">
<hr />
<h3>Change root password</h3> <h3>Change root password</h3>
<p>You should change root password.</p> <p>You should change root password.</p>
<pre class="bg-dark text-light p-3"><samp># passwd <pre class="bg-dark rounded text-light p-3 wrap"><samp># passwd
Changing password for root. Changing password for root.
Current password: Current password:
New password: New password:
@ -23,7 +22,7 @@ Retype new password:
<h3>Extend root filesystem</h3> <h3>Extend root filesystem</h3>
<p>If your SD card is larger than 4 GB, you can extend the root filesystem after writing it to the SD card.</p> <p>If your SD card is larger than 4 GB, you can extend the root filesystem after writing it to the SD card.</p>
<pre class="bg-dark text-light p-3"><samp># parted -s -a opt /dev/sdXXX "resizepart 2 100%" <pre class="bg-dark rounded text-light p-3 wrap"><samp># parted -a opt /dev/sdXXX "resizepart 2 100%"
... ...
# partprobe # partprobe
... ...
@ -34,14 +33,14 @@ Retype new password:
<h3>Set time zone</h3> <h3>Set time zone</h3>
<p>Set correct time zone to get correct system time.</p> <p>Set correct time zone to get correct system time.</p>
<pre class="bg-dark text-light p-3"><samp># timedatectl set-timezone Europe/Stockholm <pre class="bg-dark rounded text-light p-3 wrap"><samp># timedatectl set-timezone Europe/Stockholm
... ...
# #
</samp></pre> </samp></pre>
<h3>perl: warning: Setting locale failed</h3> <h3>perl: warning: Setting locale failed</h3>
<p>If you you get the following (or similar) warnings, fix it by installing and configuring <code>locale</code>.</p> <p>If you you get the following (or similar) warnings, fix it by installing and configuring <code>locale</code>.</p>
<pre class="bg-danger text-light p-3"><samp>perl: warning: Setting locale failed. <pre class="bg-danger rounded text-light p-3 wrap"><samp>perl: warning: Setting locale failed.
perl: warning: Please check that your locale settings: perl: warning: Please check that your locale settings:
LANGUAGE = (unset), LANGUAGE = (unset),
LC_ALL = (unset), LC_ALL = (unset),
@ -59,7 +58,7 @@ perl: warning: Please check that your locale settings:
perl: warning: Falling back to the standard locale ("C"). perl: warning: Falling back to the standard locale ("C").
</samp></pre> </samp></pre>
<pre class="bg-dark text-light p-3"><samp># apt-get install locales <pre class="bg-dark rounded text-light p-3 wrap"><samp># apt-get install locales
... ...
# dpkg-reconfigure locales # dpkg-reconfigure locales
... ...
@ -68,7 +67,7 @@ perl: warning: Falling back to the standard locale ("C").
<h3>debconf: unable to initialize frontend: Dialog</h3> <h3>debconf: unable to initialize frontend: Dialog</h3>
<p>If you you get the following (or similar) warnings, fix it by installing <code>dialog</code>.</p> <p>If you you get the following (or similar) warnings, fix it by installing <code>dialog</code>.</p>
<pre class="bg-danger text-light p-3"><samp>debconf: unable to initialize frontend: Dialog <pre class="bg-danger rounded text-light p-3 wrap"><samp>debconf: unable to initialize frontend: Dialog
debconf: (No usable dialog-like program is installed, so the dialog based frontend cannot be used. at /usr/share/perl5/Debconf/FrontEnd/Dialog.pm line 76.) debconf: (No usable dialog-like program is installed, so the dialog based frontend cannot be used. at /usr/share/perl5/Debconf/FrontEnd/Dialog.pm line 76.)
debconf: falling back to frontend: Readline debconf: falling back to frontend: Readline
debconf: unable to initialize frontend: Readline debconf: unable to initialize frontend: Readline
@ -76,11 +75,11 @@ debconf: (Can't locate Term/ReadLine.pm in @INC (you may need to install the Ter
debconf: falling back to frontend: Teletype debconf: falling back to frontend: Teletype
</samp></pre> </samp></pre>
<pre class="bg-dark text-light p-3"><samp># apt-get install dialog <pre class="bg-dark rounded text-light p-3 wrap"><samp># apt-get install dialog
... ...
# #
</samp></pre> </samp></pre>
<hr /> <hr>
</div> </div>
</main> </main>