moviewyrm/bookwyrm/templates/get_started/layout.html

58 lines
2.6 KiB
HTML
Raw Normal View History

2021-03-31 20:59:33 +00:00
{% extends 'layout.html' %}
{% load i18n %}
{% block title %}{% trans "Welcome" %}{% endblock %}
{% block content %}
{% with site_name=site.name %}
2021-04-01 15:02:42 +00:00
<div class="modal is-active" role="dialog" aria-modal="true" aria-labelledby="get-started-header">
2021-03-31 20:59:33 +00:00
<div class="modal-background"></div>
<div class="modal-card is-fullwidth">
<header class="modal-card-head">
2021-04-01 19:46:38 +00:00
<img class="image logo mr-2" src="{% if site.logo_small %}/images/{{ site.logo_small }}{% else %}/static/images/logo-small.png{% endif %}" aria-hidden="true">
2021-04-01 15:02:42 +00:00
<h1 class="modal-card-title" id="get-started-header">
2021-04-01 19:46:38 +00:00
{% blocktrans %}Welcome to {{ site_name }}!{% endblocktrans %}
<span class="subtitle is-block">
{% trans "These are some first steps to get you started." %}
</span>
2021-03-31 20:59:33 +00:00
</h1>
2021-04-01 16:46:18 +00:00
<a href="/" class="delete" aria-label="{% trans 'Close' %}"></a>
2021-03-31 20:59:33 +00:00
</header>
<section class="modal-card-body">
{% block panel %}{% endblock %}
</section>
2021-04-01 16:22:43 +00:00
<footer class="modal-card-foot is-flex is-justify-content-space-between">
<nav class="breadcrumb mb-0" aria-label="breadcrumbs">
<ul>
{% url 'get-started-profile' as url %}
<li {% if request.path in url %}class="is-active"{% endif %}>
<a {% if request.path in url %}aria-current="page"{% endif %} href="{{ url }}">{% trans "Create your profile" %}</a>
2021-04-01 16:22:43 +00:00
</li>
{% url 'get-started-books' as url %}
<li {% if request.path in url %}class="is-active"{% endif %}>
<a {% if request.path in url %}aria-current="page"{% endif %} href="{{ url }}">{% trans "Add books" %}</a>
</li>
{% url 'get-started-users' as url %}
<li {% if request.path in url %}class="is-active"{% endif %}>
<a {% if request.path in url %}aria-current="page"{% endif %} href="{{ url }}">{% trans "Find friends" %}</a>
</li>
</ul>
</nav>
{% if next %}
<a href="{% url next %}" class="button">
2021-03-31 20:59:33 +00:00
<span>{% trans "Skip this step" %}</span>
<span class="icon icon-arrow-right" aria-hidden="true"></span>
</a>
2021-04-01 16:30:15 +00:00
{% else %}
<a href="/" class="button is-primary">{% trans "Finish" %}</a>
{% endif %}
2021-03-31 20:59:33 +00:00
</footer>
</div>
2021-04-01 16:46:18 +00:00
<a href="/" class="modal-close is-large" aria-label="{% trans 'Close' %}"></a>
2021-03-31 20:59:33 +00:00
</div>
{% endwith %}
{% endblock %}