Skip to content

Commit

Permalink
index.html: Show LXD download by default and add documentation for Or…
Browse files Browse the repository at this point in the history
…angePi 5/5+

Signed-off-by: Tobias Knöppler <[email protected]>
  • Loading branch information
theCalcaholic committed Nov 8, 2024
1 parent fb4d8e2 commit df92c47
Show file tree
Hide file tree
Showing 2 changed files with 137 additions and 81 deletions.
Binary file added docs/images/orangepi.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
218 changes: 137 additions & 81 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -498,21 +498,21 @@
</section>

<section class="section">

<nav class="level">
<div class="container">
<section id="supported_systems" class="section">
<div class="container content level-item">
<p class="title">
Supported Systems
Installation
</p>
</div>
</section>

<section class="section">
<div class="tab tabs is-centered is-small">
<ul>
<li class="tablinks"><a onclick="openTab(event, 'debian');">Debian</a></li>
<li class="tablinks"><a onclick="openTab(event, 'vm');">Virtual Machine</a></li>
<!-- <li class="tablinks"><a onclick="openTab(event, 'vm');">Virtual Machine</a></li>-->
<li class="tablinks"><a onclick="openTab(event, 'lxd');">LXD</a></li>
<li class="tablinks"><a onclick="openTab(event, 'proxmox');">Proxmox</a></li>
<li class="tablinks"><a onclick="openTab(event, 'raspberry-pi');">Raspberry Pi</a></li>
Expand All @@ -522,39 +522,47 @@
<li class="tablinks"><a onclick="openTab(event, 'odroid-c4');">Odroid C4</a></li>
<li class="tablinks"><a onclick="openTab(event, 'rock64');">Rock64</a></li>
<li class="tablinks"><a onclick="openTab(event, 'rockpro64');">RockPro64</a></li>
<li class="tablinks"><a onclick="openTab(event, 'orange-pi');">Orange Pi</a></li>
<li class="tablinks"><a onclick="openTab(event, 'banana-pi');">Banana Pi</a></li>
<li class="tablinks"><a onclick="openTab(event, 'armbian');">Armbian</a></li>
<li class="tablinks"><a onclick="openTab(event, 'debian');">Debian</a></li>
<li class="tablinks"><a onclick="openTab(event, 'armbian');">Armbian SBCs</a></li>
</ul>
</div>
</section>

<section class="section is-hidden tabcontent" id="debian">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/openlogo-nd-100.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Debian 11 Bullseye (all architectures)
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Install on any Debian supported architecture in one line.
</p>
</div>
<div class="container content level-item">
<p style="font-style: italic;">
Note: This assumes a clean Debian installation, there is currently no rollback method.
</p>
</div>
<div class="container content level-item">
<p>
<pre># curl -sSL https://raw.githubusercontent.com/nextcloud/nextcloudpi/master/install.sh | bash</pre>
</p>
</div>
<div class="container content level-item">
<figure class="image">
<img src="images/openlogo-nd-100.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Debian 12 Bookworm (all architectures)
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Install on any Debian supported architecture in one line.
</p>
</div>
<div class="container content level-item">
<p style="font-style: italic;">
Note: This assumes a clean Debian installation, there is currently no rollback method.
</p>
</div>
<div class="container content level-item">
<p>
<pre># curl -sSL https://raw.githubusercontent.com/nextcloud/nextcloudpi/master/install.sh | bash</pre>
</p>
</div>
<div class="container content level-item">
<p>
Instead of piping to bash, you can <a href="https://github.com/nextcloud/nextcloudpi/blob/master/install.sh">inspect the code</a> and launch it manually.
</p>
</div>
<div class="block"></div>
</div>
</section>

Expand All @@ -581,7 +589,7 @@
</div>
</section>

<section class="section is-hidden tabcontent" id="lxd">
<section class="section is-active tabcontent" id="lxd">
<div class="container">
<div class="box">
<div class="container content level-item">
Expand All @@ -599,19 +607,21 @@
Run NextcloudPi in any system that supports LXC containers.
</p>
</div>
<div class="block"></div>
<p class="content level-item"><a href="https://linuxcontainers.org/lxd/docs/master/">LXD Documentation</a></p>
<div class="container level-item">
<pre>
# Download the image form https://github.com/nextcloud/nextcloudpi/releases e.g.:
wget -O - https://github.com/nextcloud/nextcloudpi/releases/download/v1.51.0/NextCloudPi_LXD_v1.51.0.tar.gz
# Download the image from https://github.com/nextcloud/nextcloudpi/releases e.g.:
wget -O - https://github.com/nextcloud/nextcloudpi/releases/download/v1.51.0/NextCloudPi_LXD_v1.51.0.tar.gz

# Import the image, replace the X's with the version numbers
lxc image import "NextcloudPi_LXD_vX.XX.X.tar.gz" --alias "ncp/vX.XX.X"
# Import the image, replace the X's with the version numbers
lxc image import "NextcloudPi_LXD_vX.XX.X.tar.gz" --alias "ncp/vX.XX.X"

# Create and start a container from the image
lxc launch "ncp/vX.XX.X" ncp
# Create and start a container from the image
lxc launch "ncp/vX.XX.X" ncp
</pre>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand Down Expand Up @@ -641,17 +651,20 @@
and press "Download".
</p>
</div>
<div class="block"></div>
<div class="container level-item">
<figure class="image">
<img style="max-height: 300px" alt="Download from URL dialog" src="images/ncp-proxmox-download-screenshot.png">
</figure>
</div>
<div class="block"></div>
<div class="container level-item">
<p class="block has-text-centered">
Optionally, you can copy the corresponding md5 sum from the releases page and paste it in the "Checksum" field to have
Proxmox check that the downloaded image was not corrupted
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -666,7 +679,7 @@
</div>
<div class="container content level-item">
<p class="title">
Raspberry Pi (all models)
Raspberry Pi (3 and later)
</p>
</div>
<div class="container content level-item has-text-centered">
Expand All @@ -677,6 +690,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -700,6 +720,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -723,6 +750,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -746,6 +780,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -769,6 +810,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -792,6 +840,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -815,6 +870,13 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand All @@ -838,6 +900,44 @@
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>

<section class="section is-hidden tabcontent" id="orange-pi">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img alt="photo of Orange Pi5" src="images/orangepi.png" style="max-height: 200px;">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Orange Pi 5(+)
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Being one of the more powerful boards in its price segment, the Orange Pi 5 and 5+
are valued by many.
</p>
</div>
<div class="block"></div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
Download <a href="https://github.com/nextcloud/nextcloudpi/releases">the latest NextcloudPi image</a>
and flash it to an SD card, e.g. using <a href="https://etcher.balena.io/">balenaEtcher</a>.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
Expand Down Expand Up @@ -870,50 +970,6 @@
</nav>
</section>

<section class="section" id="installation">

<div class="container content level-item">
<p id="installation" class="title">
Installation
</p>
</div>

<section class="section" id="debian-installation">
<div class="container content">
<div class="block level-item level-left">
<p id="debian-installation" class="title" style="font-size: 22.4px;">
Debian
</p>
</div>

<div class="block content level-item">
<figure class="image">
<img src="images/openlogo-nd-100.png">
</figure>
</div>

<div class="block content level-item">
<p>
You can install NextcloudPi in any Debian Bullseye system, by using the curl installer.
</p>
</div>
<div class="block content level-item">
<p style="font-style: italic;">
Note: This assumes a clean Debian installation, there is currently no rollback method.
</p>
</div>

<div class="container content level-item">
<pre># curl -sSL https://raw.githubusercontent.com/nextcloud/nextcloudpi/master/install.sh | bash</pre>
</div>

<div class="container content level-item">
<p>
Instead of piping to bash, you can <a href="https://github.com/nextcloud/nextcloudpi/blob/master/install.sh">inspect the code</a> and launch it manually.
</p>
</div>
</div>
</section>

<section class="section" id="sbc-installation">
<div class="container content level-item level-left">
Expand Down

0 comments on commit df92c47

Please sign in to comment.