add some copy on the homepage

This commit is contained in:
Wojciech Kwolek 2020-08-29 20:14:57 +02:00
parent 7a860bc3c6
commit 8f93561c0a
3 changed files with 25 additions and 6 deletions

BIN
app/static/screencap.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

@ -1,8 +1,27 @@
{% extends "_skel.html" %} {% extends "_skel.html" %}
{% block content %} {% block content %}
<div class="card max-w-lg mx-auto"> <div class="max-w-lg m-auto card">
{% if current_user.is_authenticated %} <h3 class="text-2xl text-center">Welcome!</h3>
Hi {{ current_user.username }}! <a href="{{ url_for('auth.logout') }}">Log out.</a> <p>
{% endif %} DoneTh.at is a website that allows you to:
<ul class="pl-4 list-disc">
<li>track your daily accomplishments,</li>
<li>keep a daily goal,</li>
<li>have a more objective outlook on your day-to-day productivity!</li>
</ul>
<!-- TODO: what have you accomplished but on homepage, where it stores your accomplishment in session and asks you to log in or sign up -->
</p>
</div>
<div class="max-w-xl m-auto overflow-hidden bg-white border-2 border-gray-700 border-solid rounded-lg shadow-xl">
<img src="{{ url_for('static', filename='screencap.png') }}">
</div>
<div class="max-w-lg m-auto text-center card">
<h2 class="mb-4 text-2xl">Interested?</h2>
<p class="mb-4">
<a href="{{ url_for('auth.register') }}" class="px-4 py-2 text-white bg-blue-700 rounded hover:bg-blue-500">
Sign up</a> or <a href="{{ url_for('auth.login') }}" class="link">log in</a>.
</p>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -4,7 +4,7 @@
<form method="POST" action="{{ url_for('main.index') }}"> <form method="POST" action="{{ url_for('main.index') }}">
{{ form.csrf_token }} {{ form.csrf_token }}
{{ form.text(placeholder="What did you accomplish today?", class_="placeholder-black", autofocus=True) }} {{ form.text(placeholder="What did you accomplish today?", class_="placeholder-black", autofocus=True) }}
<div class="flex"> <div class="flex mt-1">
{{ form.submit_5(class_="w-1/3 mr-1 green-btn") }} {{ form.submit_5(class_="w-1/3 mr-1 green-btn") }}
{{ form.submit_10(class_="w-1/3 mx-1 orange-btn") }} {{ form.submit_10(class_="w-1/3 mx-1 orange-btn") }}
{{ form.submit_15(class_="w-1/3 ml-1 red-btn") }} {{ form.submit_15(class_="w-1/3 ml-1 red-btn") }}
@ -12,7 +12,7 @@
</form> </form>
</div> </div>
<div class="max-w-lg mx-auto card"> <div class="max-w-lg mx-auto card">
<h3 class="text-2xl">{{ day }}</h3> <h3 class="mb-4 text-2xl">{{ day }}</h3>
{% for accomplishment in accomplishments %} {% for accomplishment in accomplishments %}
<div class="flex justify-between my-1 ml-2 accomplishment"> <div class="flex justify-between my-1 ml-2 accomplishment">
<div>{{ accomplishment.text }}</div> <div>{{ accomplishment.text }}</div>