2021-03-31 20:59:33 +00:00
|
|
|
{% extends 'layout.html' %}
|
|
|
|
{% load i18n %}
|
2021-06-07 16:13:24 +00:00
|
|
|
{% load static %}
|
2021-03-31 20:59:33 +00:00
|
|
|
|
|
|
|
{% block title %}{% trans "Welcome" %}{% endblock %}
|
|
|
|
|
|
|
|
{% block content %}
|
|
|
|
{% with site_name=site.name %}
|
2021-08-09 01:40:47 +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-12-29 19:45:17 +00:00
|
|
|
<img
|
2022-01-27 05:22:50 +00:00
|
|
|
class="image logo mr-2 icon is-large"
|
2021-12-29 19:45:17 +00:00
|
|
|
src="{% if site.logo_small %}{% get_media_prefix %}{{ site.logo_small }}{% else %}{% static "images/logo-small.png" %}{% endif %}"
|
|
|
|
aria-hidden="true"
|
|
|
|
alt="{{ site.name }}"
|
|
|
|
>
|
2021-08-09 01:40:47 +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 %}>
|
2021-04-01 19:23:13 +00:00
|
|
|
<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>
|
2021-03-31 21:53:00 +00:00
|
|
|
{% 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>
|
2021-03-31 21:53:00 +00:00
|
|
|
{% 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 %}
|
|
|
|
|
|
|
|
|