index.html: Show LXD download by default and add documentation for OrangePi 5/5+

Signed-off-by: Tobias Knöppler <6317548+theCalcaholic@users.noreply.github.com>
This commit is contained in:
Tobias Knöppler 2024-11-08 22:13:55 +01:00
parent fb4d8e267e
commit df92c47bac
No known key found for this signature in database
GPG Key ID: 44FD368932E645C1
2 changed files with 137 additions and 81 deletions

BIN
docs/images/orangepi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

View File

@ -498,12 +498,13 @@
</section> </section>
<section class="section"> <section class="section">
<nav class="level"> <nav class="level">
<div class="container"> <div class="container">
<section id="supported_systems" class="section"> <section id="supported_systems" class="section">
<div class="container content level-item"> <div class="container content level-item">
<p class="title"> <p class="title">
Supported Systems Installation
</p> </p>
</div> </div>
</section> </section>
@ -511,8 +512,7 @@
<section class="section"> <section class="section">
<div class="tab tabs is-centered is-small"> <div class="tab tabs is-centered is-small">
<ul> <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, 'lxd');">LXD</a></li>
<li class="tablinks"><a onclick="openTab(event, 'proxmox');">Proxmox</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> <li class="tablinks"><a onclick="openTab(event, 'raspberry-pi');">Raspberry Pi</a></li>
@ -522,39 +522,47 @@
<li class="tablinks"><a onclick="openTab(event, 'odroid-c4');">Odroid C4</a></li> <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, 'rock64');">Rock64</a></li>
<li class="tablinks"><a onclick="openTab(event, 'rockpro64');">RockPro64</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, '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> </ul>
</div> </div>
</section> </section>
<section class="section is-hidden tabcontent" id="debian"> <section class="section is-hidden tabcontent" id="debian">
<div class="box"> <div class="box">
<div class="container content level-item"> <div class="container content level-item">
<figure class="image"> <figure class="image">
<img src="images/openlogo-nd-100.png"> <img src="images/openlogo-nd-100.png">
</figure> </figure>
</div> </div>
<div class="container content level-item"> <div class="container content level-item">
<p class="title"> <p class="title">
Debian 11 Bullseye (all architectures) Debian 12 Bookworm (all architectures)
</p> </p>
</div> </div>
<div class="container content level-item"> <div class="container content level-item">
<p class="subtitle has-text-centered"> <p class="subtitle has-text-centered">
Install on any Debian supported architecture in one line. Install on any Debian supported architecture in one line.
</p> </p>
</div> </div>
<div class="container content level-item"> <div class="container content level-item">
<p style="font-style: italic;"> <p style="font-style: italic;">
Note: This assumes a clean Debian installation, there is currently no rollback method. Note: This assumes a clean Debian installation, there is currently no rollback method.
</p> </p>
</div> </div>
<div class="container content level-item"> <div class="container content level-item">
<p> <p>
<pre># curl -sSL https://raw.githubusercontent.com/nextcloud/nextcloudpi/master/install.sh | bash</pre> <pre># curl -sSL https://raw.githubusercontent.com/nextcloud/nextcloudpi/master/install.sh | bash</pre>
</p> </p>
</div> </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> </div>
</section> </section>
@ -581,7 +589,7 @@
</div> </div>
</section> </section>
<section class="section is-hidden tabcontent" id="lxd"> <section class="section is-active tabcontent" id="lxd">
<div class="container"> <div class="container">
<div class="box"> <div class="box">
<div class="container content level-item"> <div class="container content level-item">
@ -599,19 +607,21 @@
Run NextcloudPi in any system that supports LXC containers. Run NextcloudPi in any system that supports LXC containers.
</p> </p>
</div> </div>
<div class="block"></div>
<p class="content level-item"><a href="https://linuxcontainers.org/lxd/docs/master/">LXD Documentation</a></p> <p class="content level-item"><a href="https://linuxcontainers.org/lxd/docs/master/">LXD Documentation</a></p>
<div class="container level-item"> <div class="container level-item">
<pre> <pre>
# Download the image form https://github.com/nextcloud/nextcloudpi/releases e.g.: # 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 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 # 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" lxc image import "NextcloudPi_LXD_vX.XX.X.tar.gz" --alias "ncp/vX.XX.X"
# Create and start a container from the image # Create and start a container from the image
lxc launch "ncp/vX.XX.X" ncp lxc launch "ncp/vX.XX.X" ncp
</pre> </pre>
</div> </div>
<div class="block"></div>
</div> </div>
</div> </div>
</section> </section>
@ -641,17 +651,20 @@
and press "Download". and press "Download".
</p> </p>
</div> </div>
<div class="block"></div>
<div class="container level-item"> <div class="container level-item">
<figure class="image"> <figure class="image">
<img style="max-height: 300px" alt="Download from URL dialog" src="images/ncp-proxmox-download-screenshot.png"> <img style="max-height: 300px" alt="Download from URL dialog" src="images/ncp-proxmox-download-screenshot.png">
</figure> </figure>
</div> </div>
<div class="block"></div>
<div class="container level-item"> <div class="container level-item">
<p class="block has-text-centered"> <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 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 Proxmox check that the downloaded image was not corrupted
</p> </p>
</div> </div>
<div class="block"></div>
</div> </div>
</div> </div>
</section> </section>
@ -666,7 +679,7 @@
</div> </div>
<div class="container content level-item"> <div class="container content level-item">
<p class="title"> <p class="title">
Raspberry Pi (all models) Raspberry Pi (3 and later)
</p> </p>
</div> </div>
<div class="container content level-item has-text-centered"> <div class="container content level-item has-text-centered">
@ -677,6 +690,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -700,6 +720,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -723,6 +750,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -746,6 +780,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -769,6 +810,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -792,6 +840,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -815,6 +870,13 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -838,6 +900,44 @@
</p> </p>
</div> </div>
<div class="block"></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>
</div> </div>
</section> </section>
@ -870,50 +970,6 @@
</nav> </nav>
</section> </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"> <section class="section" id="sbc-installation">
<div class="container content level-item level-left"> <div class="container content level-item level-left">