{% extends "layout.html" %}

{% block title %}{{ section.title }}{% endblock title %}

{% block post_header %}
    <div class="wrapper-light intro">
        <div class="intro-teaser">
            <h1>The ultimate multi-purpose RSS reader, data stream, mash-up, aggregation web application</h1>

            <h2>Features</h2>

            <ul>
                <li>Web-based RSS reader and universal aggregator</li>
                <li>Streams and collects all your posts, tweets, feeds into a single place</li>
                <li>Open-source and free</li>
                <li>Adaptive layout for mobile support (Android, iOS, iPad)</li>
                <li>Easy installation: just upload and run</li>
                <li>Lightweight PHP application with around <abbr title="More then half is actually just rules for extracting content from websites">25 MB</abbr></li>
                <li>Supports MySQL, PostgreSQL and SQLite databases</li>
                <li>Easily extensible with an open plug-in system (write your own data connectors)</li>
                <li>Import your feeds from other apps using OPML</li>
                <li><a href="{{ get_url(path='@/docs/customization/api.md') }}">RESTful JSON API</a> for developers</li>
                <li>Third party <a href="https://f-droid.org/packages/apps.amine.bou.readerforselfoss">app for Android</a> available</li>
            </ul>
        </div>

        <div class="intro-side">
            <img class="intro-logo" src="{{ get_url(path='images/logo.png') }}" width="177" height="209">

            <a class="intro-download" href="https://github.com/fossar/selfoss/releases/download/{{ config.extra.current_stable_version }}/selfoss-{{ config.extra.current_stable_version }}.zip"><span>Download selfoss {{ config.extra.current_stable_version }}</span></a>

            <div class="intro-appstores">
                <a href="https://f-droid.org/packages/bou.amine.apps.readerforselfossv2.android"><img alt="Android app on F-Droid" src="{{ get_url(path='images/f-droid.svg') }}" width="141" height="42"></a>
            </div>

        </div>
    </div>

    <!-- Screenshots -->
    <div class="wrapper-dark">
        <div id="screenshots">
            <h1>Screenshots</h1>

            <ul>
                {% set thumb = resize_image(path='images/screenshot-desktop.png', height=240, op="fit_height") %}
                <li><a href="{{ get_url(path='images/screenshot-desktop.png') }}" title="selfoss on desktop" data-fancybox="screenshots"><img src="{{ thumb.url }}" width="{{ thumb.width }}" height="{{ thumb.height }}" alt="selfoss on desktop"></a></li>
                {% set thumb = resize_image(path='images/screenshot-tablet.png', height=240, op="fit_height") %}
                <li><a href="{{ get_url(path='images/screenshot-tablet.png') }}" title="selfoss on ipad" data-fancybox="screenshots"><img src="{{ thumb.url }}" width="{{ thumb.width }}" height="{{ thumb.height }}" alt="selfoss on ipad"></a></li>
                {% set thumb = resize_image(path='images/screenshot-mobile.png', height=240, op="fit_height") %}
                <li><a href="{{ get_url(path='images/screenshot-mobile.png') }}" title="selfoss on smartphone" data-fancybox="screenshots"><img src="{{ thumb.url }}" width="{{ thumb.width }}" height="{{ thumb.height }}" alt="selfoss on smartphone"></a></li>
            </ul>

        </div>
    </div>
{% endblock post_header %}

{% block content %}
<h1 id="documentation">Documentation</h1>

<div class="doc-block-container">
{% set doc_section = get_section(path="docs/_index.md") %}
{% for sec_path in doc_section.subsections %}
{% set sec = get_section(path=sec_path) %}
{% if sec.extra.show_home %}
<div class="doc-block">
<h2>{{ sec.title }}</h2>
<ul>
{% for page in sec.pages %}
  <li>
      <a href="{{page.permalink}}">{{page.title}}</a>
  </li>
{% endfor %}
</ul>
{% endif %}
</div>
{% endfor %}
</div>
{% endblock content %}

{% block scripts %}
{% if current_path == '/' %}
<script>
const redirects = {
    '#about': '{{ get_url(path="@/docs/project/credits.md") | safe }}',
    '#configuration': '{{ get_url(path="@/docs/administration/configuring.md") | safe }}',
    '#configuration_params': '{{ get_url(path="@/docs/administration/options.md") | safe }}',
    '#importing': '{{ get_url(path="@/docs/usage/data.md#import") | safe }}',
    '#installation': '{{ get_url(path="@/docs/administration/installation/basic.md") | safe }}',
    '#requirements': '{{ get_url(path="@/docs/administration/requirements.md") | safe }}',
};
if (document.location.hash in redirects) {
    document.location.href = redirects[document.location.hash];
}
</script>
{% endif %}
{{ super() }}
{% endblock scripts %}