Skip to content

Commit dcbf996

Browse files
committed
Add downloads links to the download page
1 parent 2c2a0b9 commit dcbf996

13 files changed

+298
-98
lines changed

_config.yml

+7
Original file line numberDiff line numberDiff line change
@@ -11,3 +11,10 @@ snow: 0
1111

1212
plugins:
1313
- jekyll-redirect-from
14+
15+
collections:
16+
platforms:
17+
output: true
18+
19+
download_mirror: https://alpha.de.repo.voidlinux.org/live/current
20+
build_date: 2019-11-09

_includes/download_arm.html

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<div class="split-section">
2+
<div>
3+
{% for device in page.generic_devices %}
4+
<div class="download-device-title">
5+
<h4>{{ device }}</h4>
6+
<small>{{ site.build_date }}</small>
7+
</div>
8+
<ul class="inline-download-links">
9+
<li>
10+
<a
11+
href="{{ site.download_mirror }}/void-{{ device }}-ROOTFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
12+
>rootfs tarball</a
13+
>
14+
</li>
15+
<li>
16+
<a
17+
href="{{ site.download_mirror }}/void-{{ device }}-musl-ROOTFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
18+
>rootfs tarball (musl)</a
19+
>
20+
</li>
21+
</ul>
22+
{% endfor %}
23+
24+
{% for device in page.devices %}
25+
<div class="download-device-title">
26+
<h4>{{ device }}</h4>
27+
<small>{{ site.build_date }}</small>
28+
</div>
29+
<ul class="inline-download-links">
30+
<li>
31+
<a
32+
href="{{ site.download_mirror }}/void-{{ device }}-{{ site.build_date | date: '%Y%m%d' }}.img.xz"
33+
>Live image</a
34+
>
35+
</li>
36+
<li>
37+
<a
38+
href="{{ site.download_mirror }}/void-{{ device }}-PLATFORMFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
39+
>rootfs tarball</a
40+
>
41+
</li>
42+
<li>
43+
<a
44+
href="{{ site.download_mirror }}/void-{{ device }}-musl-{{ site.build_date | date: '%Y%m%d' }}.img.xz"
45+
>Live image (musl)</a
46+
>
47+
</li>
48+
<li>
49+
<a
50+
href="{{ site.download_mirror }}/void-{{ device }}-musl-PLATFORMFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
51+
>rootfs tarball (musl)</a
52+
>
53+
</li>
54+
</ul>
55+
{% endfor %}
56+
</div>
57+
<div>
58+
<h3>{{ page.name }}</h3>
59+
{{ include.content | markdownify }}
60+
</div>
61+
</div>

_includes/download_details_pc.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
Installable live images support a local installation (with the included packages) or a network installation (packages are downloaded from official repository).
2+
3+
Log in as `anon`/`root`, password `voidlinux`.
4+
5+
To start the installer just execute the `void-installer` utility with enough permissions (i.e., `sudo`).
6+
7+
These images need at least 256 or 512 MB of RAM in order to work correctly.

_includes/download_pc.html

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<div class="split-section">
2+
<div>
3+
<ul class="download-links">
4+
<li>
5+
<a
6+
href="{{ site.download_mirror }}/void-live-{{ page.name }}-{{ site.build_date | date: '%Y%m%d' }}.iso"
7+
>Live image</a
8+
>
9+
<small>{{ site.build_date }}</small>
10+
</li>
11+
{% for flavor in page.flavors %}
12+
<li>
13+
<a
14+
href="{{ site.download_mirror }}/void-live-{{ page.name }}-{{ site.build_date | date: '%Y%m%d' }}-{{ flavor | downcase }}.iso"
15+
>Live image with {{ flavor }}</a
16+
>
17+
<small>{{ site.build_date }}</small>
18+
</li>
19+
{% endfor %}
20+
<li>
21+
<a
22+
href="{{ site.download_mirror }}/void-{{ page.name }}-ROOTFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
23+
>rootfs tarball</a
24+
>
25+
<small>{{ site.build_date }}</small>
26+
</li>
27+
</ul>
28+
</div>
29+
<div>
30+
<h3>{{ page.name }}</h3>
31+
{{ include.content | markdownify }}
32+
<div class="alert alert-warning" role="alert">
33+
To install the desktop environment, DON’T choose “install from network”
34+
choose the local install.
35+
</div>
36+
</div>
37+
</div>

_layouts/default.html

+1
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
<link rel="alternate" type="application/atom+xml" title="Atom feed" href="/atom.xml" />
1616
<script src="/assets/js/jquery.min.js"></script>
1717
<script src="/assets/js/bootstrap.min.js"></script>
18+
<script src="/assets/js/misc.js"></script>
1819
</head>
1920
<body role="document">
2021
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">

_layouts/download.html

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
layout: default
3+
---
4+
5+
<div class="container">
6+
{{ content }}
7+
8+
<ul class="tab-bar" id="tab-bar">
9+
{% for platform in site.platforms %}
10+
<li>{{ platform.name }}</li>
11+
{% endfor %}
12+
</ul>
13+
14+
<div id="tab-content">
15+
{% for platform in site.platforms %}
16+
<div class="hidden">{{ platform.content }}</div>
17+
{% endfor %}
18+
</div>
19+
<section id="tab-content"></section>
20+
</div>

_platforms/arm.md

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
---
2+
name: arm
3+
date: 1970-01-01 04:00:00
4+
devices: [beaglebone, cubieboard2, odroid-c2, rpi, rpi2, rpi3, usbarmory]
5+
generic_devices: [armv6l, armv7l, aarch64]
6+
---
7+
8+
{% capture download_details %}
9+
Live images can be written onto an SD card (i.e. using `dd`) and they allow you to have a ready to boot system. These images are prepared for 2GB SD cards. Alternatively, use the rootfs tarballs if you want to customize the partitions and filesystems.
10+
11+
Connect to it in virtual terminal or via ssh and log in as `root`, password `voidlinux`.
12+
13+
General and platform specific instructions for these images are available [in the documentation](https://docs.voidlinux.org/installation/guides/arm-devices/index.html).
14+
15+
Deprecated instructions for the following platforms can be found in these wiki pages (you can help by porting them over to the [Void Handbook](https://github.com/void-linux/void-docs/blob/master/CONTRIBUTING.md)):
16+
17+
- [BeagleBone/BeagleBone Black](https://wiki.voidlinux.org/Beaglebone)
18+
- [Cubieboard2](https://wiki.voidlinux.org/Cubieboard2_SD-Card)
19+
- [Odroid U2/U3](https://wiki.voidlinux.org/Odroid_U2)
20+
- [USB Armory](https://wiki.voidlinux.org/USB_Armory)
21+
{% endcapture %}
22+
23+
{% include download_arm.html content=download_details %}

_platforms/i686.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
name: i686
3+
date: 1970-01-01 03:00:00
4+
flavors: [Enlightenment, Cinnamon, LXDE, LXQT, MATE, XFCE]
5+
---
6+
7+
{% capture download_details %}
8+
{% include download_details_pc.md %}
9+
{% endcapture %}
10+
11+
{% include download_pc.html content=download_details %}

_platforms/x86_64-musl.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
name: x86_64-musl
3+
date: 1970-01-01 02:00:00
4+
flavors: [Enlightenment, Cinnamon, LXDE, LXQT, MATE, XFCE]
5+
---
6+
7+
{% capture download_details %}
8+
{% include download_details_pc.md %}
9+
{% endcapture %}
10+
11+
{% include download_pc.html content=download_details %}

_platforms/x86_64.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
name: x86_64
3+
date: 1970-01-01 01:00:00
4+
flavors: [Enlightenment, Cinnamon, LXDE, LXQT, MATE, XFCE]
5+
---
6+
7+
{% capture download_details %}
8+
{% include download_details_pc.md %}
9+
{% endcapture %}
10+
11+
{% include download_pc.html content=download_details %}

assets/css/misc.css

+84
Original file line numberDiff line numberDiff line change
@@ -173,3 +173,87 @@ h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
173173
background-color: black;
174174
border-color: black;
175175
}
176+
177+
.tab-bar {
178+
list-style: none;
179+
display: flex;
180+
padding: 0;
181+
margin: 0;
182+
border-bottom: 1px solid #ddd;
183+
}
184+
.tab-bar li {
185+
padding: 1em 2em;
186+
cursor: pointer;
187+
border-bottom: 2px solid white;
188+
transition: border-color 0.4s;
189+
}
190+
.tab-bar li:hover {
191+
border-bottom: 2px solid #ddd;
192+
}
193+
.tab-bar li.active {
194+
font-weight: bold;
195+
border-bottom: 2px solid #478061;
196+
}
197+
@media (max-width: 500px) {
198+
.tab-bar li {
199+
padding: 1em;
200+
}
201+
}
202+
203+
.split-section {
204+
display: flex;
205+
flex-wrap: wrap;
206+
}
207+
.split-section > div {
208+
flex: 1;
209+
}
210+
.split-section > div:first-of-type {
211+
padding-right: 4rem;
212+
}
213+
@media (max-width: 600px) {
214+
.split-section {
215+
flex-direction: column;
216+
}
217+
.split-section > div:first-of-type {
218+
padding-right: 0;
219+
}
220+
}
221+
222+
.download-links {
223+
list-style: none;
224+
padding: 0;
225+
}
226+
.download-links li {
227+
display: flex;
228+
justify-content: space-between;
229+
align-items: baseline;
230+
padding: 1em 0;
231+
border-bottom: 1px solid #ddd;
232+
}
233+
.download-links li:last-of-type {
234+
border-bottom: none;
235+
}
236+
237+
.download-device-title {
238+
display: flex;
239+
justify-content: space-between;
240+
align-items: baseline;
241+
}
242+
.download-device-title h4 {
243+
margin-top: 1em;
244+
}
245+
246+
.inline-download-links {
247+
list-style: none;
248+
display: flex;
249+
flex-wrap: wrap;
250+
margin: 0;
251+
padding: 0 0 1em 0;
252+
border-bottom: 1px solid #ddd;
253+
}
254+
.inline-download-links:last-of-type {
255+
border-bottom: none;
256+
}
257+
.inline-download-links li {
258+
margin-right: 1rem;
259+
}

assets/js/misc.js

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
window.addEventListener("DOMContentLoaded", () => {
2+
const tabBar = document.getElementById("tab-bar");
3+
if (tabBar) setupTabBar(tabBar, document.getElementById("tab-content"));
4+
});
5+
6+
function setupTabBar(el, contentEl) {
7+
let selectedIdx = 0;
8+
selectTabItem(el, contentEl, selectedIdx);
9+
for (let idx = 0; idx < el.children.length; idx++) {
10+
el.children[idx].addEventListener("click", () =>
11+
selectTabItem(el, contentEl, idx)
12+
);
13+
}
14+
}
15+
16+
function selectTabItem(tabBar, content, selectedIdx) {
17+
for (let idx = 0; idx < tabBar.children.length; idx++) {
18+
tabBar.children[idx].classList.remove("active");
19+
content.children[idx].classList.add("hidden");
20+
}
21+
tabBar.children[selectedIdx].classList.add("active");
22+
content.children[selectedIdx].classList.remove("hidden");
23+
}

0 commit comments

Comments
 (0)