mybuddy/babybuddy/templates/babybuddy/welcome.html

69 lines
2.7 KiB
HTML

{% extends 'babybuddy/page.html' %}
{% load widget_tweaks %}
{% block title %}Welcome!{% endblock %}
{% block breadcrumbs %}
<li class="breadcrumb-item active" aria-current="page">Welcome!</li>
{% endblock %}
{% block content %}
<div class="jumbotron">
<h1 class="display-3">Welcome to Baby Buddy!</h1>
<p class="lead">
Learn about and predict baby's needs without (<em>as much</em>)
guess work by using Baby Buddy to track &mdash;
</p>
<hr class="my-4">
<div class="card-deck">
<div class="card card-diaperchange">
<div class="card-header text-center">
<i class="icon icon-2x icon-diaperchange" aria-hidden="true"></i>
</div>
<div class="card-body">
<h3 class="card-title text-center">Diaper Changes</h3>
</div>
</div>
<div class="card card-feeding">
<div class="card-header text-center">
<i class="icon icon-2x icon-feeding" aria-hidden="true"></i>
</div>
<div class="card-body">
<h3 class="card-title text-center">Feedings</h3>
</div>
</div>
<div class="card card-sleep">
<div class="card-header text-center">
<i class="icon icon-2x icon-sleep" aria-hidden="true"></i>
</div>
<div class="card-body">
<h3 class="card-title text-center">Sleep</h3>
</div>
</div>
<div class="card card-tummytime">
<div class="card-header text-center">
<i class="icon icon-2x icon-tummytime" aria-hidden="true"></i>
</div>
<div class="card-body">
<h3 class="card-title text-center">Tummy Time</h3>
</div>
</div>
</div>
<hr class="my-4">
<p class="lead">
As the amount of entries grows, Baby Buddy will help
parents and caregivers to identify small patterns in baby's habits
using the dashboard and graphs. Baby Buddy is mobile-friendly and
uses a dark theme to help weary moms and dads with 2AM feedings and
changings. To get started, just click the button below to add your
first (or second, third, etc.) child!
</p>
<p class="text-center">
{% if perms.core.add_child %}
<a href="{% url 'child-add' %}" class="btn btn-lg btn-success">
<i class="icon icon-child" aria-hidden="true"></i> Add a Child
</a>
{% endif %}
</p>
</div>
{% endblock %}