{% extends "base.html" %}

{% block title %}RSS Feed Manager{% endblock %}

{% block extra_css %}
<style>
    .splash {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 70vh;
        text-align: center;
    }

    .splash h1 {
        font-size: 48px;
        font-weight: normal;
        margin-bottom: 30px;
        color: #202124;
    }

    .splash-actions {
        margin-top: 30px;
    }

    .splash-actions a {
        margin: 0 10px;
    }
</style>
{% endblock %}

{% block content %}
<div class="splash">
    <h1>RSS Feed Manager</h1>
    <p style="font-size: 16px; color: #5f6368; margin-bottom: 20px;">
        Manage your RSS feeds efficiently
    </p>
    <div class="splash-actions">
        <a href="/manage" class="btn btn-primary">Manage Feeds</a>
        <a href="/newspapers" class="btn btn-primary">View Newspapers</a>
        <a href="/sync-logs" class="btn btn-primary">Sync Logs</a>
    </div>
</div>
{% endblock %}