{% extends "juice/templates/index.html" %}
{% block title %}{{ section.title }} - {{ section.description }}{% endblock title %}

{% block hero %}
    <section class="text-center">
        <h1 class="heading-text" style="font-size: 50px">{{ section.description }}</h1>
        <h3 class="title-text">
            RSS Please is a command line tool that runs on Linux, macOS, Windows, BSD, and more.
        </h3>

        <div class="text">
            {% set releases = load_data(url="https://github.com/wezm/rsspls/releases.atom", format="xml") %}
            {% set latest_release = releases.feed.entry | first %}
            {% set latest_version = latest_release.link['@href'] | split(pat="/") | last %}
            <a href="/install/" class="link-button install-button" style="margin-top: 2em" data-version="{{ latest_version }}">Install</a>
        </div>
    </section>
    <div class="text-center">
        <img class="hero-image" style="image-rendering: pixelated;" src="{{ get_url(path="screenshot.png") }}" alt="Screenshot of two invocations of rsspls in a terminal. The first fetches and generates the feeds, the second does not change anything as the source pages are unmodifed." title="Screenshot of rsspls running on a Linux system over an SSH connection in ssheven on Mac OS 8.">
    </div>

    <div class="explore-more text text-center"
        onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
        Explore More ⇩
    </div>
{% endblock hero %}

{% block head %}
    <link rel="stylesheet" href="{{ get_url(path="home.css") }}">
    <link rel="stylesheet" href="{{ get_url(path="syntax.css") }}">
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="index.xml", trailing_slash=false) }}">
{% endblock %}

{% block metadata %}
    <meta property="og:url" content="{{ section.permalink }}" />
    <meta property="og:title" content="{{ section.title }}" />
    <meta property="og:description" content="{{ section.description | default(value="") | striptags }}" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="en_AU" />
    <meta property="og:image" content="{{ get_url(path="screenshot.png") }}" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:creator" content="{{ config.extra.twitter_name }}" />
{% endblock %}

{% block fonts %}
{% endblock %}

{% block favicon %}
<link rel="icon" href="{{ get_url(path="feed-icon.svg") }}">
{% endblock %}

{% block content %}
<div id="features" class="heading-text">Overview</div>
{{ section.content | safe }}
{% endblock content %}

{% block footer %}
    <footer>
        <small class="subtext">
            Copyright © {#2024 &ndash;#} {{ now() | date(format="%Y") }}
            <a href="{{ config.extra.homepage }}">{{ config.extra.author }}</a>
            ⬩ <a href="https://forge.wezm.net/wezm/rsspls.7bit.org">Website Source</a>
            ⬩ <a href="https://github.com/sponsors/wezm">Sponsor on GitHub</a>
        </small>
    </footer>
    <script src="{{ get_url(path="home.js") }}" type="text/javascript"></script>
    <script data-goatcounter="https://rsspls.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
{% endblock %}