mirrors/bookwyrm
1
0
Fork 1
mirror of https://github.com/bookwyrm-social/bookwyrm.git synced 2024-09-27 05:50:05 +00:00
Code Issues Projects Releases Wiki Activity

Creates get strated layout

Browse source
This commit is contained in:
Mouse Reeve 2021-03-31 13:59:33 -07:00
parent 7483cb5919
commit 59c54e0591
2 changed files with 95 additions and 89 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
bookwyrm/templates/get_started/books.html
View file

@ -1,22 +1,7 @@
{% extends 'layout.html' %}
{% extends 'get_started/layout.html' %}
{% load i18n %}
{% load bookwyrm_tags %}
{% load humanize %}
{% block title %}{% trans "Welcome" %}{% endblock %}
{% block content %}
{% with site_name=site.name %}
<div class="modal is-active" role="dialog" aria-modal="true">
<div class="modal-background"></div>
<div class="modal-card is-fullwidth">
<header class="modal-card-head">
<h1 class="modal-card-title">
{% trans "Getting Started" %}
</h1>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
{% block panel %}
<div class="block">
<h2 class="title is-4">{% trans "What are you reading?" %}</h2>
<form class="field has-addons" method="get" action="{% url 'get-started' %}">
@ -82,17 +67,5 @@
</div>
<button type="submit" class="button is-primary">{% trans "Save" %}</button>
</form>
</section>
<footer class="modal-card-foot is-flex is-justify-content-flex-end">
<button class="button">
<span>{% trans "Skip this step" %}</span>
<span class="icon icon-arrow-right" aria-hidden="true"></span>
</button>
</footer>
</div>
<a href="/" class="modal-close is-large" aria-label="close"></a>
</div>
{% endwith %}
{% endblock %}

33
bookwyrm/templates/get_started/layout.html Normal file
View file

@ -0,0 +1,33 @@
{% extends 'layout.html' %}
{% load i18n %}
{% block title %}{% trans "Welcome" %}{% endblock %}
{% block content %}
{% with site_name=site.name %}
<div class="modal is-active" role="dialog" aria-modal="true">
<div class="modal-background"></div>
<div class="modal-card is-fullwidth">
<header class="modal-card-head">
<h1 class="modal-card-title">
{% trans "Getting Started" %}
</h1>
<button class="delete" aria-label="close"></button>
</header>
<section class="modal-card-body">
{% block panel %}{% endblock %}
</section>
<footer class="modal-card-foot is-flex is-justify-content-flex-end">
<a href="{{ next }}" class="button">
<span>{% trans "Skip this step" %}</span>
<span class="icon icon-arrow-right" aria-hidden="true"></span>
</a>
</footer>
</div>
<a href="/" class="modal-close is-large" aria-label="close"></a>
</div>
{% endwith %}
{% endblock %}