mirror of
https://github.com/plexguide/Huntarr.git
synced 2026-01-06 11:10:11 -06:00
docs: revamp homepage layout with hero section, features overview, and application links for improved user experience
This commit is contained in:
@@ -13,6 +13,8 @@
|
||||
--lidarr-color: #2ecc71; /* Green */
|
||||
--readarr-color: #e74c3c; /* Red */
|
||||
--whisparr-color: #9b59b6; /* Purple */
|
||||
--card-bg: rgba(20, 25, 35, 0.6);
|
||||
--card-hover-bg: rgba(30, 35, 45, 0.6);
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -162,6 +164,205 @@ a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Hero Section */
|
||||
.hero-section {
|
||||
background-color: var(--card-bg);
|
||||
border-radius: 10px;
|
||||
padding: 30px;
|
||||
margin-bottom: 40px;
|
||||
border-left: 4px solid var(--highlight-color);
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.hero-logo {
|
||||
flex: 0 0 150px;
|
||||
text-align: center;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.hero-logo img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.hero-text {
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.hero-text h2 {
|
||||
margin-top: 0;
|
||||
border-bottom: none;
|
||||
color: var(--highlight-color);
|
||||
}
|
||||
|
||||
.hero-cta {
|
||||
margin-top: 25px;
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
text-decoration: none;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: var(--highlight-color);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: #217dbb;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: rgba(52, 152, 219, 0.2);
|
||||
color: var(--highlight-color);
|
||||
border: 1px solid var(--highlight-color);
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background-color: rgba(52, 152, 219, 0.3);
|
||||
color: var(--highlight-color);
|
||||
}
|
||||
|
||||
/* Features Section */
|
||||
.features-section {
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 25px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.feature-item {
|
||||
background-color: var(--card-bg);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.feature-item:hover {
|
||||
background-color: var(--card-hover-bg);
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
margin-bottom: 15px;
|
||||
color: var(--highlight-color);
|
||||
}
|
||||
|
||||
.feature-item h3 {
|
||||
margin: 0 0 10px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.feature-item p {
|
||||
margin: 0;
|
||||
font-size: 0.9rem;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Apps Overview */
|
||||
.apps-overview {
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.apps-list {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.app-list-item {
|
||||
display: grid;
|
||||
grid-template-columns: 120px 1fr auto;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
background-color: var(--card-bg);
|
||||
border-radius: 6px;
|
||||
margin-bottom: 10px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.app-list-item:hover {
|
||||
background-color: var(--card-hover-bg);
|
||||
}
|
||||
|
||||
.app-name {
|
||||
font-weight: bold;
|
||||
color: var(--highlight-color);
|
||||
}
|
||||
|
||||
.app-description {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.app-link {
|
||||
color: var(--highlight-color);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Quick Links */
|
||||
.quick-links {
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
.quick-links-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.quick-link-item {
|
||||
background-color: var(--card-bg);
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
transition: all 0.3s;
|
||||
border-left: 3px solid var(--highlight-color);
|
||||
}
|
||||
|
||||
.quick-link-item:hover {
|
||||
background-color: var(--card-hover-bg);
|
||||
transform: translateY(-5px);
|
||||
text-decoration: none;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.quick-link-item h3 {
|
||||
margin: 0 0 10px;
|
||||
color: var(--highlight-color);
|
||||
}
|
||||
|
||||
.quick-link-item p {
|
||||
margin: 0;
|
||||
font-size: 0.9rem;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Existing styles from before... */
|
||||
.app-icons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@@ -316,6 +517,21 @@ footer {
|
||||
.app-icons {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.hero-logo {
|
||||
margin-right: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.apps-list .app-list-item {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
gap: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Info icon */
|
||||
|
||||
336
docs/getting-started/installation.html
Normal file
336
docs/getting-started/installation.html
Normal file
@@ -0,0 +1,336 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Installation Guide - Huntarr.io Documentation</title>
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<script src="../js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-logo">
|
||||
<img src="../images/huntarr-logo.svg" alt="Huntarr Logo">
|
||||
<h2>Huntarr.io</h2>
|
||||
</div>
|
||||
|
||||
<nav class="sidebar-nav">
|
||||
<div class="sidebar-section">
|
||||
<h3 class="sidebar-section-title">Core</h3>
|
||||
<ul>
|
||||
<li><a href="../index.html"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg> Home</a></li>
|
||||
<li><a href="../apps/index.html"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z"></path></svg> Apps</a></li>
|
||||
<li><a href="../settings/index.html"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path></svg> Settings</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-section">
|
||||
<h3 class="sidebar-section-title">Getting Started</h3>
|
||||
<ul>
|
||||
<li class="active"><a href="installation.html"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path></svg> Installation</a></li>
|
||||
<li><a href="quick-setup.html"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"></path></svg> Quick Setup</a></li>
|
||||
<li><a href="configuration.html"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg> Configuration</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-section">
|
||||
<h3 class="sidebar-section-title">Resources</h3>
|
||||
<ul>
|
||||
<li><a href="https://github.com/plexguide/Huntarr.io" target="_blank"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg> GitHub</a></li>
|
||||
<li><a href="https://plexguide.github.io/Huntarr.io/" target="_blank"><svg class="svg-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z"></path></svg> Website</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<h1>Installation Guide</h1>
|
||||
|
||||
<section class="installation-overview">
|
||||
<p>This guide will walk you through the installation process for Huntarr.io. Huntarr.io can be installed in several ways depending on your preference and system configuration.</p>
|
||||
</section>
|
||||
|
||||
<section class="system-requirements">
|
||||
<h2>System Requirements</h2>
|
||||
<p>Before installing Huntarr.io, ensure your system meets the following requirements:</p>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>Component</th>
|
||||
<th>Minimum</th>
|
||||
<th>Recommended</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CPU</td>
|
||||
<td>2 cores</td>
|
||||
<td>4+ cores</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Memory</td>
|
||||
<td>2GB RAM</td>
|
||||
<td>4GB+ RAM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Storage</td>
|
||||
<td>20GB available space</td>
|
||||
<td>50GB+ available space</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Operating System</td>
|
||||
<td>Linux (Ubuntu 18.04+, Debian 10+)<br>Windows 10+<br>macOS 10.15+</td>
|
||||
<td>Linux (Ubuntu 20.04+, Debian 11+)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Docker</td>
|
||||
<td>Docker 19.03+ and Docker Compose 1.27+</td>
|
||||
<td>Latest Docker and Docker Compose versions</td>
|
||||
</tr>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<section class="installation-methods">
|
||||
<h2>Installation Methods</h2>
|
||||
<p>Choose the installation method that best suits your environment:</p>
|
||||
|
||||
<div class="method-tabs">
|
||||
<div class="tab-buttons">
|
||||
<button class="tab-button active" data-tab="docker">Docker (Recommended)</button>
|
||||
<button class="tab-button" data-tab="script">Installation Script</button>
|
||||
<button class="tab-button" data-tab="manual">Manual Installation</button>
|
||||
</div>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="docker">
|
||||
<h3>Docker Installation</h3>
|
||||
<p>The recommended way to install Huntarr.io is using Docker and Docker Compose. This method ensures that all dependencies are correctly installed and configured.</p>
|
||||
|
||||
<h4>Prerequisites</h4>
|
||||
<ul>
|
||||
<li>Docker (19.03 or newer)</li>
|
||||
<li>Docker Compose (1.27 or newer)</li>
|
||||
</ul>
|
||||
|
||||
<h4>Steps</h4>
|
||||
<ol>
|
||||
<li>Clone the repository:
|
||||
<pre><code>git clone https://github.com/plexguide/Huntarr.io.git</code></pre>
|
||||
</li>
|
||||
<li>Navigate to the directory:
|
||||
<pre><code>cd Huntarr.io</code></pre>
|
||||
</li>
|
||||
<li>Run the Docker Compose command:
|
||||
<pre><code>docker-compose up -d</code></pre>
|
||||
</li>
|
||||
<li>Access Huntarr.io through your browser:
|
||||
<pre><code>http://localhost:7575</code></pre>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h4>Docker Compose Configuration</h4>
|
||||
<p>The default docker-compose.yml file includes all necessary components, but you can customize it according to your needs. Here's a sample configuration:</p>
|
||||
|
||||
<pre><code>version: '3'
|
||||
services:
|
||||
huntarr:
|
||||
image: plexguide/huntarr:latest
|
||||
container_name: huntarr
|
||||
ports:
|
||||
- 7575:7575
|
||||
volumes:
|
||||
- ./config:/config
|
||||
- /path/to/media:/media
|
||||
- /path/to/downloads:/downloads
|
||||
environment:
|
||||
- PUID=1000
|
||||
- PGID=1000
|
||||
- TZ=UTC
|
||||
restart: unless-stopped</code></pre>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="script">
|
||||
<h3>Installation Script</h3>
|
||||
<p>For Linux systems, we provide a convenient installation script that automates the setup process.</p>
|
||||
|
||||
<h4>Supported Distributions</h4>
|
||||
<ul>
|
||||
<li>Ubuntu 18.04, 20.04, 22.04</li>
|
||||
<li>Debian 10, 11</li>
|
||||
<li>CentOS 8, Stream</li>
|
||||
<li>Fedora 34+</li>
|
||||
</ul>
|
||||
|
||||
<h4>One-line Installation</h4>
|
||||
<p>Run the following command to install Huntarr.io:</p>
|
||||
<pre><code>curl -sSL https://install.huntarr.io | bash</code></pre>
|
||||
|
||||
<h4>Advanced Options</h4>
|
||||
<p>For more control over the installation process, you can use these flags:</p>
|
||||
<pre><code>curl -sSL https://install.huntarr.io | bash -s -- --prefix /opt/huntarr --port 8080</code></pre>
|
||||
|
||||
<p>Available options:</p>
|
||||
<ul>
|
||||
<li><code>--prefix</code>: Installation directory (default: /opt/huntarr)</li>
|
||||
<li><code>--port</code>: Web interface port (default: 7575)</li>
|
||||
<li><code>--no-docker</code>: Install without Docker (native installation)</li>
|
||||
<li><code>--no-deps</code>: Skip dependency installation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="manual">
|
||||
<h3>Manual Installation</h3>
|
||||
<p>If you prefer to install Huntarr.io manually, follow these steps based on your operating system.</p>
|
||||
|
||||
<h4>Linux (Ubuntu/Debian)</h4>
|
||||
<ol>
|
||||
<li>Install dependencies:
|
||||
<pre><code>sudo apt update
|
||||
sudo apt install -y nodejs npm git</code></pre>
|
||||
</li>
|
||||
<li>Clone the repository:
|
||||
<pre><code>git clone https://github.com/plexguide/Huntarr.io.git</code></pre>
|
||||
</li>
|
||||
<li>Navigate to the directory:
|
||||
<pre><code>cd Huntarr.io</code></pre>
|
||||
</li>
|
||||
<li>Install npm dependencies:
|
||||
<pre><code>npm install</code></pre>
|
||||
</li>
|
||||
<li>Start the application:
|
||||
<pre><code>npm start</code></pre>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h4>Windows</h4>
|
||||
<ol>
|
||||
<li>Install <a href="https://nodejs.org/" target="_blank">Node.js</a></li>
|
||||
<li>Install <a href="https://git-scm.com/download/win" target="_blank">Git for Windows</a></li>
|
||||
<li>Open Command Prompt or PowerShell</li>
|
||||
<li>Clone the repository:
|
||||
<pre><code>git clone https://github.com/plexguide/Huntarr.io.git</code></pre>
|
||||
</li>
|
||||
<li>Navigate to the directory:
|
||||
<pre><code>cd Huntarr.io</code></pre>
|
||||
</li>
|
||||
<li>Install npm dependencies:
|
||||
<pre><code>npm install</code></pre>
|
||||
</li>
|
||||
<li>Start the application:
|
||||
<pre><code>npm start</code></pre>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h4>macOS</h4>
|
||||
<ol>
|
||||
<li>Install <a href="https://brew.sh/" target="_blank">Homebrew</a> if you don't have it yet:
|
||||
<pre><code>/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"</code></pre>
|
||||
</li>
|
||||
<li>Install Node.js and Git:
|
||||
<pre><code>brew install node git</code></pre>
|
||||
</li>
|
||||
<li>Clone the repository:
|
||||
<pre><code>git clone https://github.com/plexguide/Huntarr.io.git</code></pre>
|
||||
</li>
|
||||
<li>Navigate to the directory:
|
||||
<pre><code>cd Huntarr.io</code></pre>
|
||||
</li>
|
||||
<li>Install npm dependencies:
|
||||
<pre><code>npm install</code></pre>
|
||||
</li>
|
||||
<li>Start the application:
|
||||
<pre><code>npm start</code></pre>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="post-installation">
|
||||
<h2>Post Installation</h2>
|
||||
|
||||
<h3>Initial Setup</h3>
|
||||
<p>After installing Huntarr.io, you'll need to complete the initial setup:</p>
|
||||
<ol>
|
||||
<li>Access the web interface (default: <code>http://localhost:7575</code>)</li>
|
||||
<li>Create an administrator account when prompted</li>
|
||||
<li>Follow the setup wizard to configure your media paths and integrate with media applications (Sonarr, Radarr, etc.)</li>
|
||||
</ol>
|
||||
|
||||
<h3>Updating Huntarr.io</h3>
|
||||
<p>To update Huntarr.io to the latest version:</p>
|
||||
|
||||
<h4>Docker Installation</h4>
|
||||
<pre><code>cd /path/to/Huntarr.io
|
||||
git pull
|
||||
docker-compose pull
|
||||
docker-compose up -d</code></pre>
|
||||
|
||||
<h4>Manual Installation</h4>
|
||||
<pre><code>cd /path/to/Huntarr.io
|
||||
git pull
|
||||
npm install
|
||||
npm restart</code></pre>
|
||||
</section>
|
||||
|
||||
<section class="troubleshooting">
|
||||
<h2>Troubleshooting</h2>
|
||||
|
||||
<h3>Common Issues</h3>
|
||||
|
||||
<div class="issue-card">
|
||||
<h4>Port already in use</h4>
|
||||
<p>If port 7575 is already in use, you can change it in the docker-compose.yml file or use the <code>--port</code> option in the installation script.</p>
|
||||
</div>
|
||||
|
||||
<div class="issue-card">
|
||||
<h4>Permission issues</h4>
|
||||
<p>If you encounter permission issues, make sure the PUID and PGID environment variables in docker-compose.yml match your user's UID and GID.</p>
|
||||
<pre><code># Find your user ID and group ID
|
||||
id $(whoami)</code></pre>
|
||||
</div>
|
||||
|
||||
<div class="issue-card">
|
||||
<h4>Connectivity problems</h4>
|
||||
<p>If you can't connect to Huntarr.io after installation:</p>
|
||||
<ul>
|
||||
<li>Check if the service is running: <code>docker ps | grep huntarr</code></li>
|
||||
<li>Check the logs: <code>docker logs huntarr</code></li>
|
||||
<li>Ensure your firewall allows traffic on the configured port</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="section-nav">
|
||||
<a href="../index.html">← Back to Home</a>
|
||||
<a href="quick-setup.html">Quick Setup Guide →</a>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
Huntarr.io <span class="version-badge">v6.5.18</span> | Installation Guide | Thanks 4 Using Huntarr - Admin9705
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Tab functionality
|
||||
const tabButtons = document.querySelectorAll('.tab-button');
|
||||
const tabPanes = document.querySelectorAll('.tab-pane');
|
||||
|
||||
tabButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
// Remove active class from all buttons and panes
|
||||
tabButtons.forEach(btn => btn.classList.remove('active'));
|
||||
tabPanes.forEach(pane => pane.classList.remove('active'));
|
||||
|
||||
// Add active class to current button and corresponding pane
|
||||
this.classList.add('active');
|
||||
const tabId = this.getAttribute('data-tab');
|
||||
document.getElementById(tabId).classList.add('active');
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
208
docs/index.html
208
docs/index.html
@@ -45,99 +45,133 @@
|
||||
|
||||
<div class="main-content">
|
||||
<div class="container">
|
||||
<h1>Welcome to Huntarr.io Documentation</h1>
|
||||
|
||||
<p>Thank you for using Huntarr.io! This documentation provides comprehensive guides, tutorials, and reference materials for all Huntarr features.</p>
|
||||
|
||||
<div class="app-icons">
|
||||
<div class="app-icon sonarr">S</div>
|
||||
<div class="app-icon radarr">R</div>
|
||||
<div class="app-icon lidarr">L</div>
|
||||
<div class="app-icon readarr">R</div>
|
||||
<div class="app-icon whisparr">W</div>
|
||||
</div>
|
||||
|
||||
<p>Huntarr.io is a powerful management tool for your media automation stack, providing simplified control over:</p>
|
||||
|
||||
<div class="app-card sonarr-card">
|
||||
<div class="app-card-header">
|
||||
<div class="app-card-icon sonarr">S</div>
|
||||
<h3 class="app-card-title">Sonarr</h3>
|
||||
<h1>Welcome to Huntarr.io</h1>
|
||||
|
||||
<section class="hero-section">
|
||||
<div class="hero-content">
|
||||
<div class="hero-logo">
|
||||
<img src="images/huntarr-logo.svg" alt="Huntarr Logo" width="120" height="120">
|
||||
</div>
|
||||
<div class="hero-text">
|
||||
<h2>Media Automation Management Suite</h2>
|
||||
<p>Huntarr.io is a comprehensive management platform that unifies your media automation stack into a single, intuitive interface. Control and monitor all your media services from one centralized dashboard.</p>
|
||||
<div class="hero-cta">
|
||||
<a href="getting-started/installation.html" class="btn btn-primary">Get Started</a>
|
||||
<a href="apps/index.html" class="btn btn-secondary">View Applications</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-card-content">
|
||||
<p>Manage and automate TV show downloads with advanced features like calendar view, automatic searching, and series management.</p>
|
||||
</section>
|
||||
|
||||
<section class="features-section">
|
||||
<h2>Why Choose Huntarr?</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="36" height="36">
|
||||
<path d="M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Unified Dashboard</h3>
|
||||
<p>Manage all your media automation applications from a single, cohesive interface.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="36" height="36">
|
||||
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Easy Configuration</h3>
|
||||
<p>Simple setup and maintenance with intuitive configuration options for all applications.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="36" height="36">
|
||||
<path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Advanced Controls</h3>
|
||||
<p>Powerful management capabilities with scheduling, monitoring, and automation tools.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" width="36" height="36">
|
||||
<path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Secure & Reliable</h3>
|
||||
<p>Built with security in mind, ensuring your media services run reliably and securely.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="app-card-footer">
|
||||
<a href="apps/sonarr.html">View Documentation →</a>
|
||||
</section>
|
||||
|
||||
<section class="apps-overview">
|
||||
<h2>Supported Applications</h2>
|
||||
<p>Huntarr.io integrates with the most popular media automation applications, providing a seamless experience across your entire media stack:</p>
|
||||
|
||||
<div class="apps-list">
|
||||
<div class="app-list-item">
|
||||
<span class="app-name">Sonarr</span>
|
||||
<span class="app-description">TV show automation and management</span>
|
||||
<a href="apps/sonarr.html" class="app-link">Documentation →</a>
|
||||
</div>
|
||||
|
||||
<div class="app-list-item">
|
||||
<span class="app-name">Radarr</span>
|
||||
<span class="app-description">Movie collection manager</span>
|
||||
<a href="apps/radarr.html" class="app-link">Documentation →</a>
|
||||
</div>
|
||||
|
||||
<div class="app-list-item">
|
||||
<span class="app-name">Lidarr</span>
|
||||
<span class="app-description">Music collection manager</span>
|
||||
<a href="apps/lidarr.html" class="app-link">Documentation →</a>
|
||||
</div>
|
||||
|
||||
<div class="app-list-item">
|
||||
<span class="app-name">Readarr</span>
|
||||
<span class="app-description">Book collection manager</span>
|
||||
<a href="apps/readarr.html" class="app-link">Documentation →</a>
|
||||
</div>
|
||||
|
||||
<div class="app-list-item">
|
||||
<span class="app-name">Whisparr</span>
|
||||
<span class="app-description">Adult content manager</span>
|
||||
<a href="apps/whisparr.html" class="app-link">Documentation →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app-card radarr-card">
|
||||
<div class="app-card-header">
|
||||
<div class="app-card-icon radarr">R</div>
|
||||
<h3 class="app-card-title">Radarr</h3>
|
||||
</section>
|
||||
|
||||
<section class="quick-links">
|
||||
<h2>Quick Links</h2>
|
||||
<div class="quick-links-grid">
|
||||
<a href="getting-started/installation.html" class="quick-link-item">
|
||||
<h3>Installation Guide</h3>
|
||||
<p>Get Huntarr up and running on your system</p>
|
||||
</a>
|
||||
|
||||
<a href="getting-started/quick-setup.html" class="quick-link-item">
|
||||
<h3>Quick Setup</h3>
|
||||
<p>Configure your first application in minutes</p>
|
||||
</a>
|
||||
|
||||
<a href="features/index.html" class="quick-link-item">
|
||||
<h3>Feature Overview</h3>
|
||||
<p>Explore all the capabilities of Huntarr</p>
|
||||
</a>
|
||||
|
||||
<a href="troubleshooting/index.html" class="quick-link-item">
|
||||
<h3>Troubleshooting</h3>
|
||||
<p>Solutions for common issues</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="app-card-content">
|
||||
<p>Find and download movies automatically with quality profiles, release preferences, and more.</p>
|
||||
</div>
|
||||
<div class="app-card-footer">
|
||||
<a href="apps/radarr.html">View Documentation →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app-card lidarr-card">
|
||||
<div class="app-card-header">
|
||||
<div class="app-card-icon lidarr">L</div>
|
||||
<h3 class="app-card-title">Lidarr</h3>
|
||||
</div>
|
||||
<div class="app-card-content">
|
||||
<p>Manage your music collection with artist tracking, album releases, and quality preferences.</p>
|
||||
</div>
|
||||
<div class="app-card-footer">
|
||||
<a href="apps/lidarr.html">View Documentation →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app-card readarr-card">
|
||||
<div class="app-card-header">
|
||||
<div class="app-card-icon readarr">R</div>
|
||||
<h3 class="app-card-title">Readarr</h3>
|
||||
</div>
|
||||
<div class="app-card-content">
|
||||
<p>Find and download ebooks and audiobooks with author tracking and release monitoring.</p>
|
||||
</div>
|
||||
<div class="app-card-footer">
|
||||
<a href="apps/readarr.html">View Documentation →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app-card whisparr-card">
|
||||
<div class="app-card-header">
|
||||
<div class="app-card-icon whisparr">W</div>
|
||||
<h3 class="app-card-title">Whisparr</h3>
|
||||
</div>
|
||||
<div class="app-card-content">
|
||||
<p>Manage adult content with scene tracking, automatic searching, and content management.</p>
|
||||
</div>
|
||||
<div class="app-card-footer">
|
||||
<a href="apps/whisparr.html">View Documentation →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Documentation Sections</h2>
|
||||
|
||||
<div class="app-box sonarr">
|
||||
<h3><a href="apps/index.html">Applications Documentation</a></h3>
|
||||
<p>Detailed information about each Huntarr-supported application, including setup, configuration, and usage guides.</p>
|
||||
</div>
|
||||
|
||||
<div class="app-box radarr">
|
||||
<h3><a href="settings/index.html">Settings Documentation</a></h3>
|
||||
<p>Learn about all Huntarr.io settings and configurations to optimize your media management experience.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Huntarr.io <span class="version-badge">v6.5.18</span> | Test Deployment | Thanks 4 Using Huntarr - Admin9705
|
||||
Huntarr.io <span class="version-badge">v6.5.18</span> | Thanks 4 Using Huntarr - Admin9705
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user