External-Mirrors/nextcloudpi
2
0
Fork 0
mirror of https://github.com/nextcloud/nextcloudpi.git synced 2026-01-10 15:12:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source 
Signed-off-by: Victor-ray S. <victorray91@pm.me> (Zendai Owl)
This commit is contained in:
Victor-ray 2022-07-04 01:20:48 +02:00 committed by GitHub
parent 2e8d97f186
commit 6ff9f27201
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
47 changed files with 945 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/Nextcloud-Pi-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/Nextcloud-Pi-white1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/ODROID_C4_124-300x188.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
images/OdroidHC4side_750x350-300x167.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 93 KiB

BIN
images/ROCKPro64_sideimg-300x194-300x194-1-300x194.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/armbian-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/arrow-down-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 326 B

BIN
images/arrow-up-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 270 B

BIN
images/backup-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/bananapi-300x191.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
images/bg-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 340 KiB

BIN
images/book-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/btn_donate_LG.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
images/case-black-300x289.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
images/chat-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1019 B

BIN
images/debian.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/double_down-512-64x64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
images/download-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 996 B

BIN
images/github-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
images/home-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 855 B

BIN
images/laptop-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 480 B

BIN
images/magic-tool-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
images/magic-wand-tool-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/nc-conf-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 369 KiB

BIN
images/ncp-case-good.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 580 KiB

BIN
images/ncp-conf-700x456.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
images/ncp-docker2-300x300.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
images/ncp-docker2-300x300.png.1 Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
images/ncp-docker2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
images/ncp-lxd-1-300x150.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
images/ncp-rpi-geek-special.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 280 KiB

BIN
images/ncp-square.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
images/ncp-vm-logo-300x131.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
images/odroid-c2_1-1-300x221.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
images/odroid-xu4-300x260.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
images/openlogo-nd-100.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/pcwelt.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
images/pixel.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 B

BIN
images/pixel.gif.1 Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 B

BIN
images/raspi-300x187.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

BIN
images/rock64-300x188.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

BIN
images/rpi-geek-3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/rss-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/shield-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
images/update-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

902
index.html Normal file
View File

@ -0,0 +1,902 @@
<!DOCTYPE html>
<html lang ="en">
<head>
<meta charset='UTF-8'>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content=""> <!-- Comma separated,words,and,tags,used to,search for the website -->
<meta name="description" content=""> <!-- 150 words or less -->
<meta name="subject" content=""> <!-- website's subject -->
<meta name="copyright" content=""> <!-- License -->
<meta name="category" content="">
<meta name="topic" content="">
<meta name="summary" content="">
<title>Nextcloudpi</title>
<meta name="subtitle" content=""> <!-- -->
<meta name="author" content=""> <!-- -->
<meta name="revised" content=""> <!-- Wednesday, March 9th, 2022, 15:38, GMT+2 -->
<meta name="robots" content="noindex,nofollow"> <!-- TODO Change to 'index,follow' when website is ready + max-image-preview:large-->
<meta name="AdsBot-Google" content="noindex,nofollow">
<meta name="googlebot" content="noindex,nofollow">
<meta name="googlebot-news" content="noindex,nofollow">
<meta name="identifier-URL" content=""> <!-- website URL http:// -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css"
integrity="sha512-HqxHUkJM0SYcbvxUw5P60SzdOTy/QVwA1JJrvaXJv4q7lmbDZCmZaqz01UPOaQveoxfYRv1tHozWGPMcuTBuvQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer" />
<style></style>
</head>
<body>
<header>
<nav class="navbar" style="background: url('./images/bg-blue.png');">
<div class="container">
<div id="navMenu" class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-dark" href="https://github.com/nextcloud/nextcloudpi.git">Github</a>
<a class="button is-link" href="https://github.com/nextcloud/nextcloudpi/releases">Download</a>
<a class="button is-primary" href="https://help.nextcloud.com/t/index-nextcloudpi-documentation/126448#welcome-to-the-nextcloudpi-wiki-1">Docs</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<section class="hero is-fullheight-with-navbar" style="background: url('./images/bg-blue.png');">
<div class="hero-body">
<div class="container has-text-centered">
<div class="container" style="padding-bottom: 80px;">
<div class="columns">
<div class="column"></div>
<div class="column">
<figure class="image">
<img class="has-ratio" width="400" height="282" src="images/Nextcloud-Pi-white.png">
</figure>
</div>
<div class="column"></div>
</div>
</div>
<section class="section">
<nav class="level">
<div class="container">
<p class="level-item title" style="color: white;">
NextCloudPi
</p>
<p class="level-item subtitle" style="color: white;">
Keep your data close
</p>
</div>
</nav>
</section>
<section class="section">
<nav class="level">
<div class="level-item">
<div class="container">
<div class="columns">
<div class="column"></div>
<div class="column">
<div class="level-item has-text-centered">
<figure class="image is-48x48">
<a href="#highlights_content">
<img class="has-ratio" width="64" height="64" src="images/double_down-512-64x64.png">
</a>
</figure>
</div>
</div>
<div class="column"></div>
</div>
</div>
</div>
</nav>
</section>
</div>
</div>
</section>
</header>
<section class="section" id="highlights_content">
<div class="container" id="highlights-content-container">
<nav class="level">
<div class="container has-text-centered">
<div class="columns">
<div class="column">
<div class="box">
<div class="block">
<p class="title">
Your online services at home
</p>
</div>
<div class="block">
<p class="subtitle">
NextCloudPi runs in a variety of system.<br>
<a href="#supported_systems" style="color: black;">More..</a>
</p>
</div>
<div class="block">
<div class="level-item">
<figure class="image is-32x32">
<img src="images/home-icon.png">
</figure>
</div>
</div>
</div>
</div>
<div class="column">
<div class="box">
<div class="block">
<p class="title">
Easy to set up for non technical users
</p>
</div>
<div class="block">
<p class="subtitle">
Question based wizard provides automatic setup.
</p>
</div>
<div class="block">
<div class="level-item">
<figure class="image is-32x32">
<img src="images/magic-wand-tool-icon.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<nav class="level">
<div class="container has-text-centered">
<div class="columns">
<div class="column">
<div class="box">
<div class="block">
<p class="title">
Manage your backups
</p>
</div>
<div class="block">
<p class="subtitle">
Schedule backups, create snapshots and create security copies
of your data both locally or remotely.
</p>
</div>
<div class="block">
<div class="level-item">
<figure class="image is-32x32">
<img src="images/backup-icon.png">
</figure>
</div>
</div>
</div>
</div>
<div class="column">
<div class="box">
<div class="block">
<p class="title">
Automatic security updates
</p>
</div>
<div class="block">
<p class="subtitle">
Your system will be secure and up to date without user intervention.
</p>
</div>
<div class="block">
<div class="level-item">
<figure class="image is-32x32">
<img src="images/update-icon.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<nav class="level">
<div class="container has-text-centered">
<div class="columns">
<div class="column">
<div class="box">
<div class="block">
<p class="title">
Security features
</p>
</div>
<div class="block">
<p class="subtitle">
Firewall, WAF, Fail2Ban, A+ Grade in SSL Labs and more
</p>
</div>
<div class="block">
<div class="level-item">
<figure class="image is-32x32">
<img src="images/shield-icon.png">
</figure>
</div>
</div>
</div>
</div>
<div class="column">
<div class="box">
<div class="block">
<p class="title">
SAMBA / NFS
</p>
</div>
<div class="block">
<p class="subtitle">
Direct access to your files in the local network.
</p>
</div>
<div class="block">
<div class="level-item">
<figure class="image is-32x32">
<img src="images/laptop-icon.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<section class="section">
<nav class="level">
<div class="level-item has-text-centered">
<div>
<div class="container level-item">
<p class="heading">
<figure class="image is-64x64">
<a href="https://help.nextcloud.com/t/index-nextcloudpi-documentation/126448#welcome-to-the-nextcloudpi-wiki-1">
<img src="images/book-icon.png">
</a>
</figure>
</p>
</div><br>
<p class="subtitle">Documentation</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<div class="container level-item">
<p class="heading">
<figure class="image is-64x64">
<a href="https://help.nextcloud.com/c/support/appliances-docker-snappy-vm">
<img src="images/chat-icon.png">
</a>
</figure>
</p>
</div><br>
<p class="subtitle">Community</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<div class="container level-item">
<p class="heading">
<figure class="image is-64x64">
<a href="https://github.com/nextcloud/nextcloudpi.git">
<img src="images/github-icon.png">
</a>
</figure>
</p>
</div><br>
<p class="subtitle">Code</p>
</div>
</div>
</nav>
</section>
</div>
</section>
<section class="section" style="background: url('./images/bg-blue.png');">
<nav class="level">
<div class="container">
<div class="columns">
<div class="column"></div>
<div class="column is-6">
<div class="level-item level-left">
<p class="content" style="color: white;">
NextcloudPi is a <a href="https://nextcloud.com/" style="color: white;">Nextcloud</a> instance
that is preinstalled, preconfigured and includes a management
interface with all the tools you need to self host your
private data in a single package.<br><br>
This is an official open source community project
that aims at making it easier for everyone to have
control over their own data.<br><br>
NextCloudPi is free, thriving only by your help, feedback and support.
</p>
</div>
</div>
<div class="column is-3">
<div class="level-item level-right">
<figure class="image">
<img src="images/case-black-300x289.png">
</figure>
</div>
</div>
<div class="column"></div>
</div>
</div>
</nav>
<!--
<nav class="level">
<div class="container">
<div class="level-item">
<figure class="image">
<img src="images/btn_donate_LG.gif">
</figure>
</div>
</div>
</nav>
-->
</section>
<section class="section">
<nav class="level">
<div class="container level-item">
<div class="columns level-item">
<div class="column level-item level-left">
<div id="features-dropdown" class="dropdown">
<div id="features-dropdown-trigger" class="dropdown-trigger">
<button id="features-button"
class="button"
aria-haspopup="true"
aria-controls="dropdown-menu2"
onclick="featuresMenu();">
<span>Features</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true">
<img id="features-icon" data-image="arrow-down" src="images/arrow-down-icon.png">
</i>
</span>
</button>
</div>
<div class="dropdown-menu is-left" id="dropdown-menu2" role="menu" style="width: 16rem;">
<div class="dropdown-content">
<div class="dropdown-item">
<div class="content">
<ul>
<li>Debian 10 Buster</li>
<li>Latest Nextcloud</li>
<li>Apache 2.4.25, with HTTP2 enabled</li>
<li>PHP 7.3</li>
<li>MariaDB 10</li>
<li>Redis Memory Cache</li>
<li>Automatic redirection to HTTPS</li>
<li>ACPU PHP Cache</li>
<li>PHP Zend OPcache enabled with file cache</li>
<li>HSTS</li>
<li>Cron Jobs for Nextcloud</li>
<li>Sane configuration defaults</li>
<li>Preinstalled popular apps for home use (calendar, contacts, notes, tasks)</li>
<li>Emoji support</li>
<li>Postfix email</li>
<li>Secure</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="column is-half"></div>
<div class="column level-item level-right">
<div id="extras-dropdown" class="dropdown">
<div class="dropdown-trigger">
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu2" onclick="extrasMenu();">
<span>Extras</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true">
<img id="extras-icon" data-image="arrow-down" src="images/arrow-down-icon.png">
</i>
</span>
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu2" role="menu" style="width: 24rem;">
<div class="dropdown-content">
<div class="dropdown-item">
<div class="content">
<ul>
<li>Setup Wizard</li>
<li>NextCloudPi Web Panel</li>
<li>NCP-Config terminal tool</li>
<li>WiFi Ready</li>
<li>RAM Logs</li>
<li>Automatic Security Updates, active by default</li>
<li>Let's Encrypt certificate for trusted HTTPS</li>
<li>Fail2Ban protection against brute-force attacks</li>
<li>UFW Firewall</li>
<li>Dynamic DNS Support for No-IP.org</li>
<li>Dynamic DNS Support for freeDNS</li>
<li>Dynamic DNS Support for DuckDNS</li>
<li>Dynamic DNS Support for spDYN</li>
<li>dnsmasq DNS server with DNS cache</li>
<li>ModSecurity Web Application Firewall</li>
<li>NFS ready to mount your files over LAN</li>
<li>SAMBA ready to share your files with Windows/Mac/Linux</li>
<li>USB Automount</li>
<li>Remote updates</li>
<li>Automatic NCP Updates</li>
<li>Automatic Nextcloud Updates</li>
<li>Update Notifications</li>
<li>Nextcloud Backup &amp; restore</li>
<li>Nextcloud Online Installation</li>
<li>Format USB drive to BTRFS</li>
<li>BTRFS Snapshots</li>
<li>Automatic BTRFS Snapshots</li>
<li>BTRFS Snapshots Auto-Sync</li>
<li>Scheduled Rsync</li>
<li>UPnP Automatic Port-Forwarding</li>
<li>Security Audit with Lynis and Debsecan</li>
<li>ZRAM</li>
<li>SMART Hard Drive Health Monitoring</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</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
</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, 'docker');">Docker</a></li>
<li class="tablinks"><a onclick="openTab(event, 'lxd');">LXD Container</a></li>
<li class="tablinks"><a onclick="openTab(event, 'raspberry-pi');">Raspberry Pi</a></li>
<li class="tablinks"><a onclick="openTab(event, 'odroid-hc2');">Odroid HC2/HC1/XU4</a></li>
<li class="tablinks"><a onclick="openTab(event, 'odroid-hc4');">Odroid HC4</a></li>
<li class="tablinks"><a onclick="openTab(event, 'odroid-c2');">Odroid C2</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, 'rockpro64');">RockPro64</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>
</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 (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>
</section>
<section class="section is-hidden tabcontent" id="vm">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/ncp-vm-logo-300x131.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Virtual Machine
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Compatible with libvirt, VirtualBox, VMWare &amp; Parallels.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="docker">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/ncp-docker2-300x300.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Docker (all architectures)
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Run NextcloudPi in any system that supports <a href="https://docker.com">Docker</a>, in one command.
</p>
</div>
<div class="container content level-item">
<pre>docker run -d -p 4443:4443 -p 443:443 -p 80:80 -v ncdata:/data --name nextcloudpi ownyourbits/nextcloudpi $DOMAIN</pre>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="lxd">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/ncp-lxd-1-300x150.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
LXD Container
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Run NextCloudPi in any system that supports LXC containers, such as Proxmox.
</p>
</div>
<div class="container level-item">
<pre>lxc import NextCloudPi_LXD_09-29-21.tar.bz</pre>
</div>
<div class="container level-item">
<pre>lxc start ncp</pre>
</div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="raspberry-pi">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/raspi-300x187.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Raspberry Pi (all models)
</p>
</div>
<div class="container content level-item has-text-centered">
<p class="subtitle has-text-centered">
The most popular board around!<br>
You can convert it into your home cloud now.<br><br>
There are Berryboot images available in order to run NextCloudPi directly from an external hard drive.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="odroid-hc2">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/odroid-xu4-300x260.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Odroid HC2 / HC1 / XU4
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
This board is much more powerful than the Raspberry Pi and it is specially designed to be used as a NAS.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="odroid-hc4">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/OdroidHC4side_750x350-300x167.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Odroid HC4
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
The latest iteration of the Odroid NAS oriented boards, in a more modern 64bit version.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="odroid-c2">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/odroid-c2_1-1-300x221.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Odroid C2
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Odroid low cost competitor for the Raspberry Pi, 64 bit SBC with GbE.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="odroid-c4">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/ODROID_C4_124-300x188.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Odroid C4
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
ODROID-C4 is a new generation single board computer that is more energy efficient and faster performing than ODROID-C2
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="rock64">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/rock64-300x188.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Rock64
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
This board is much more powerful than the Raspberry Pi and it is specially designed to be used as a NAS, for a similar price.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="rockpro64">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/ROCKPro64_sideimg-300x194-300x194-1-300x194.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
RockPro64
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Featuring six cores and 4GiB of fast memory, Gigabit Ethernet,USB3 and more, the RockPro64 is the latest from Pine64 and makes an attractive new hardware option for NextCloudPi
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="banana-pi">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/bananapi-300x191.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Banana Pi
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
SATA port and Gigabit Ethernet make the Banana Pi a popular low cost NAS solution.
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
<section class="section is-hidden tabcontent" id="armbian">
<div class="container">
<div class="box">
<div class="container content level-item">
<figure class="image">
<img src="images/armbian-logo.png">
</figure>
</div>
<div class="container content level-item">
<p class="title">
Armbian
</p>
</div>
<div class="container content level-item">
<p class="subtitle has-text-centered">
Images for any <a href="https://armbian.com/download/">Armbian supported board</a> can be generated easily.<br>
If you own a board this is a great way to help!
</p>
</div>
<div class="block"></div>
</div>
</div>
</section>
</div>
</nav>
</section>
<section class="section" id="installation">
<div class="container content level-item">
<p id="installation" class="title">
Installation
</p>
</div>
<div class="container content level-item level-left">
<p id="debian-installation" class="title" style="font-size: 22.4px;">
Debian
</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>
You can install NextCloudPi in any Debian Buster system, by using the curl installer.
</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.git">inspect the code</a> and launch it manually.
</p>
</div>
<div class="container content level-item level-left">
<p id="docker-installation" class="title" style="font-size: 22.4px;">
Docker
</p>
</div>
<div class="container content level-item">
<figure class="image">
<img src="images/ncp-docker2-300x300.png">
</figure>
</div>
<div class="container content level-item">
<p>
You can use NextCloudPi in any system that supports docker
</p>
</div>
<div class="container content level-item">
<pre>docker run -d -p 4443:4443 -p 443:443 -p 80:80 -v ncdata:/data --name nextcloudpi ownyourbits/nextcloudpi $DOMAIN</pre>
</div>
<div class="container content level-item level-left">
<p id="sbc-installation" class="title" style="font-size: 22.4px;">
SBC
</p>
</div>
<div class="container content level-item">
<figure class="image">
<img style="width: 300px; height: 286px;" src="images/ncp-case-good.png">
</figure>
</div>
<div class="container content level-item">
<p>
There are <a href="https://github.com/nextcloud/nextcloudpi/releases">preinstalled SD card images</a> for the Raspberry Pi and other Single Board Computers.
</p>
</div>
</section>
<footer class="footer" style="background: url('./images/bg-blue.png'); color: white;">
<div class="content has-text-centered">
<p>
Nextcloudpi Open-Source Community Project<br>
<a href="https://github.com/nextcloud/nextcloudpi.git" style="color: white;">GitHub Repository</a>
</p>
</div>
</footer>
<script type="text/javascript" src="js/dynamics.js"></script>
</body>
</html>

43
js/dynamics.js Normal file
View File

@ -0,0 +1,43 @@
function featuresMenu() {
const featuresDropdown = document.getElementById('features-dropdown');
featuresDropdown.classList.toggle('is-active');
const featuresIcon = document.getElementById('features-icon');
if(featuresIcon.dataset.image == "arrow-down") {
featuresIcon.src = "images/arrow-up-icon.png";
featuresIcon.dataset.image = "arrow-up";
return
};
if(featuresIcon.dataset.image == "arrow-up") {
featuresIcon.src = "images/arrow-down-icon.png";
featuresIcon.dataset.image = "arrow-down";
return
};
};
function extrasMenu() {
const extrasDropdown = document.getElementById('extras-dropdown');
extrasDropdown.classList.toggle('is-active');
const extrasIcon = document.getElementById('extras-icon');
if(extrasIcon.dataset.image == "arrow-down") {
extrasIcon.src = "images/arrow-up-icon.png";
extrasIcon.dataset.image = "arrow-up";
return
};
if(extrasIcon.dataset.image == "arrow-up") {
extrasIcon.src = "images/arrow-down-icon.png";
extrasIcon.dataset.image = "arrow-down";
return
};
}
function openTab(e, OS) {
const tabs = document.getElementsByClassName('tabcontent');
for (i = 0; i < tabs.length; i++) {
tabs[i].className = tabs[i].className.replace("is-active", "is-hidden");
}
const tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace("is-active", "is-hidden");
}
document.getElementById(OS).classList.replace("is-hidden","is-active");
}