{% extends 'admin/shell.html.twig' %}
{% set nav = 'media' %}
{% block title %}Mediathek{% endblock %}
{% block styles %}<link rel="stylesheet" href="/assets/editor.css">{% endblock %}
{% block scripts %}<script type="module" src="/assets/media.js"></script>{% endblock %}
{% block heading %}Mediathek{% endblock %}
{% block lead %}Bilder hochladen, Angaben pflegen und in deinen Seiten wiederverwenden. Dieselbe Mediathek öffnet sich auch im Editor, wenn du ein Bild auswählst.{% endblock %}
{% block actions %}<button id="open-media-library" class="primary">Mediathek öffnen</button>{% endblock %}
{% block content %}
<div class="card">
    <div class="card-head"><h2>Bilder verwalten</h2><span class="muted">Hochladen, benennen, Alternativtext pflegen</span></div>
    <div class="card-body">
        <p class="muted">Beim Hochladen wird jedes Bild in WebP umgewandelt und in mehreren Größen abgelegt; die Seite liefert dann die passende aus. Ein Alternativtext beschreibt, was zu sehen ist – er ist das, was Menschen mit Screenreader vom Bild haben.</p>
    </div>
</div>
{% endblock %}