Skip to content

Commit f656ade

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

12 files changed

+351
-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

+72
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
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+
<span class="label label-default">glibc</span>
15+
</li>
16+
<li>
17+
<a
18+
href="{{ site.download_mirror }}/void-{{ device }}-musl-ROOTFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
19+
>rootfs tarball</a
20+
>
21+
<span class="label label-warning">musl</span>
22+
</li>
23+
</ul>
24+
{% endfor %}
25+
26+
{% for device in page.devices %}
27+
<div class="download-device-title">
28+
<h4>
29+
{{ device.name }}
30+
{% if device.arch %}
31+
({{ device.arch }})
32+
{% endif %}
33+
</h4>
34+
<small>{{ site.build_date }}</small>
35+
</div>
36+
<ul class="inline-download-links">
37+
<li>
38+
<a
39+
href="{{ site.download_mirror }}/void-{{ device.name }}-{{ site.build_date | date: '%Y%m%d' }}.img.xz"
40+
>Live image</a
41+
>
42+
<span class="label label-default">glibc</span>
43+
</li>
44+
<li>
45+
<a
46+
href="{{ site.download_mirror }}/void-{{ device.name }}-musl-{{ site.build_date | date: '%Y%m%d' }}.img.xz"
47+
>Live image</a
48+
>
49+
<span class="label label-warning">musl</span>
50+
</li>
51+
<li>
52+
<a
53+
href="{{ site.download_mirror }}/void-{{ device.name }}-PLATFORMFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
54+
>rootfs tarball</a
55+
>
56+
<span class="label label-default">glibc</span>
57+
</li>
58+
<li>
59+
<a
60+
href="{{ site.download_mirror }}/void-{{ device.name }}-musl-PLATFORMFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
61+
>rootfs tarball</a
62+
>
63+
<span class="label label-warning">musl</span>
64+
</li>
65+
</ul>
66+
{% endfor %}
67+
</div>
68+
<div>
69+
<h3>{{ page.name }}</h3>
70+
{{ include.content | markdownify }}
71+
</div>
72+
</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

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<div class="split-section">
2+
<div>
3+
<div class="download-device-title">
4+
<h4>base</h4>
5+
<small>{{ site.build_date }}</small>
6+
</div>
7+
<ul class="inline-download-links">
8+
<li>
9+
<a
10+
href="{{ site.download_mirror }}/void-live-{{ page.name }}-{{ site.build_date | date: '%Y%m%d' }}.iso"
11+
>Live image</a
12+
>
13+
<span class="label label-default">glibc</span>
14+
</li>
15+
{% if page.supports_musl %}
16+
<li>
17+
<a
18+
href="{{ site.download_mirror }}/void-live-{{ page.name }}-musl-{{ site.build_date | date: '%Y%m%d' }}.iso"
19+
>Live image</a
20+
>
21+
<span class="label label-warning">musl</span>
22+
</li>
23+
{% endif %}
24+
<li>
25+
<a
26+
href="{{ site.download_mirror }}/void-{{ page.name }}-ROOTFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
27+
>rootfs tarball</a
28+
>
29+
<span class="label label-default">glibc</span>
30+
</li>
31+
{% if page.supports_musl %}
32+
<li>
33+
<a
34+
href="{{ site.download_mirror }}/void-{{ page.name }}-musl-ROOTFS-{{ site.build_date | date: '%Y%m%d' }}.tar.xz"
35+
>rootfs tarball</a
36+
>
37+
<span class="label label-warning">musl</span>
38+
</li>
39+
{% endif %}
40+
</ul>
41+
42+
{% for flavor in page.flavors %}
43+
<div class="download-device-title">
44+
<h4>{{ flavor | downcase }}</h4>
45+
<small>{{ site.build_date }}</small>
46+
</div>
47+
<ul class="inline-download-links">
48+
<li>
49+
<a
50+
href="{{ site.download_mirror }}/void-live-{{ page.name }}-{{ site.build_date | date: '%Y%m%d' }}-{{ flavor | downcase }}.iso"
51+
>Live image</a
52+
>
53+
<span class="label label-default">glibc</span>
54+
</li>
55+
{% if page.supports_musl %}
56+
<li>
57+
<a
58+
href="{{ site.download_mirror }}/void-live-{{ page.name }}-musl-{{ site.build_date | date: '%Y%m%d' }}-{{ flavor | downcase }}.iso"
59+
>Live image</a
60+
>
61+
<span class="label label-warning">musl</span>
62+
</li>
63+
{% endif %}
64+
</ul>
65+
{% endfor %}
66+
</div>
67+
<div>
68+
<h3>{{ page.name }}</h3>
69+
{{ include.content | markdownify }}
70+
<div class="alert alert-warning" role="alert">
71+
To install the desktop environment, DON'T choose "install from network"
72+
choose the local install.
73+
</div>
74+
</div>
75+
</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

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
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>
17+
{{ platform.content }}
18+
<noscript>
19+
<hr />
20+
</noscript>
21+
</div>
22+
{% endfor %}
23+
</div>
24+
<section id="tab-content"></section>
25+
</div>

_platforms/arm.md

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
name: arm
3+
date: 1970-01-01 04:00:00
4+
devices:
5+
- name: beaglebone
6+
arch: armv7
7+
- name: cubieboard2
8+
arch: armv7
9+
- name: odroid-c2
10+
arch: armv7
11+
- name: rpi
12+
arch: armv6
13+
- name: rpi2
14+
arch: armv7
15+
- name: rpi3
16+
arch: aarch64
17+
- name: usbarmory
18+
arch: armv7
19+
generic_devices: [armv6l, armv7l, aarch64]
20+
---
21+
22+
{% capture download_details %}
23+
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.
24+
25+
Connect to it using a virtual terminal or via ssh and log in as `root`, password `voidlinux`.
26+
27+
General and platform specific instructions for these images are available [in the documentation](https://docs.voidlinux.org/installation/guides/arm-devices/index.html).
28+
29+
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)):
30+
31+
- [BeagleBone/BeagleBone Black](https://wiki.voidlinux.org/Beaglebone)
32+
- [Cubieboard2](https://wiki.voidlinux.org/Cubieboard2_SD-Card)
33+
- [Odroid U2/U3](https://wiki.voidlinux.org/Odroid_U2)
34+
- [USB Armory](https://wiki.voidlinux.org/USB_Armory)
35+
{% endcapture %}
36+
37+
{% include download_arm.html content=download_details %}

_platforms/i686.md

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
name: i686
3+
date: 1970-01-01 03:00:00
4+
flavors: [enlightenment, cinnamon, lxde, lxqt, mate, xfce]
5+
supports_musl: false
6+
---
7+
8+
{% capture download_details %}
9+
{% include download_details_pc.md %}
10+
{% endcapture %}
11+
12+
{% include download_pc.html content=download_details %}

_platforms/x86_64.md

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
name: x86_64
3+
date: 1970-01-01 01:00:00
4+
flavors: [enlightenment, cinnamon, lxde, lxqt, mate, xfce]
5+
supports_musl: true
6+
---
7+
8+
{% capture download_details %}
9+
{% include download_details_pc.md %}
10+
{% endcapture %}
11+
12+
{% include download_pc.html content=download_details %}

assets/css/misc.css

+78
Original file line numberDiff line numberDiff line change
@@ -173,3 +173,81 @@ 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-device-title {
223+
display: flex;
224+
justify-content: space-between;
225+
align-items: baseline;
226+
}
227+
.download-device-title h4 {
228+
margin-top: 2rem;
229+
}
230+
231+
.inline-download-links {
232+
list-style: none;
233+
display: flex;
234+
flex-wrap: wrap;
235+
margin: 0;
236+
padding: 0;
237+
border-bottom: 1px solid #ddd;
238+
}
239+
.inline-download-links:last-of-type {
240+
border-bottom: none;
241+
}
242+
.inline-download-links li {
243+
margin-right: 1.5em;
244+
margin-bottom: 2rem;
245+
}
246+
.inline-download-links .label-warning {
247+
background-color: #fdf6e3;
248+
color: #535353;
249+
}
250+
.inline-download-links .label-default {
251+
background-color: #ddd;
252+
color: #535353;
253+
}

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)