Public archive for the Return to Ritherdon project.
https://www.nicolaellisandritherdon.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
5.9 KiB
175 lines
5.9 KiB
{% extends "base.html" %} |
|
|
|
{% block content %} |
|
|
|
<!-- this comes straight from a Bulma demo. --> |
|
|
|
|
|
<section class="hero is-info welcome is-small"> |
|
<div class="hero-body"> |
|
<div class="container"> |
|
<h1 class="title"> |
|
Hello, Admin. |
|
</h1> |
|
<h2 class="subtitle"> |
|
I hope you are having a great day! |
|
</h2> |
|
</div> |
|
</div> |
|
</section> |
|
<section class="info-tiles"> |
|
<div class="tile is-ancestor has-text-centered"> |
|
<div class="tile is-parent"> |
|
<article class="tile is-child box"> |
|
<p class="title"> {{ data.nb-titles }} </p> |
|
<p class="subtitle"> Nombre de titres </p> |
|
</article> |
|
</div> |
|
<div class="tile is-parent"> |
|
<article class="tile is-child box"> |
|
<p class="title"> {{ data.nb-books }} </p> |
|
<p class="subtitle"> Nombre de livres </p> |
|
</article> |
|
</div> |
|
<div class="tile is-parent"> |
|
<article class="tile is-child box"> |
|
<p class="title"> {{ data.nb-titles-negative }} </p> |
|
<p class="subtitle"> Titres en stock négatif </p> |
|
</article> |
|
</div> |
|
<div class="tile is-parent"> |
|
<article class="tile is-child box"> |
|
<p class="title">19</p> |
|
<p class="subtitle">Exceptions</p> |
|
</article> |
|
</div> |
|
</div> |
|
</section> |
|
<div class="columns"> |
|
<div class="column is-6"> |
|
<div class="card events-card"> |
|
<header class="card-header"> |
|
<p class="card-header-title"> |
|
Events |
|
</p> |
|
<a href="#" class="card-header-icon" aria-label="more options"> |
|
<span class="icon"> |
|
<i class="fa fa-angle-down" aria-hidden="true"></i> |
|
</span> |
|
</a> |
|
</header> |
|
<div class="card-table"> |
|
<div class="content"> |
|
<table class="table is-fullwidth is-striped"> |
|
<tbody> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
<tr> |
|
<td width="5%"><i class="fa fa-bell-o"></i></td> |
|
<td>Lorum ipsum dolem aire</td> |
|
<td class="level-right"><a class="button is-small is-primary" href="#">Action</a></td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</div> |
|
<footer class="card-footer"> |
|
<a href="#" class="card-footer-item">View All</a> |
|
</footer> |
|
</div> |
|
</div> |
|
<div class="column is-6"> |
|
<div class="card"> |
|
<header class="card-header"> |
|
<p class="card-header-title"> |
|
Inventory Search |
|
</p> |
|
<a href="#" class="card-header-icon" aria-label="more options"> |
|
<span class="icon"> |
|
<i class="fa fa-angle-down" aria-hidden="true"></i> |
|
</span> |
|
</a> |
|
</header> |
|
<div class="card-content"> |
|
<div class="content"> |
|
<div class="control has-icons-left has-icons-right"> |
|
<input class="input is-large" type="text" placeholder=""> |
|
<span class="icon is-medium is-left"> |
|
<i class="fa fa-search"></i> |
|
</span> |
|
<span class="icon is-medium is-right"> |
|
<i class="fa fa-check"></i> |
|
</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<header class="card-header"> |
|
<p class="card-header-title"> |
|
User Search |
|
</p> |
|
<a href="#" class="card-header-icon" aria-label="more options"> |
|
<span class="icon"> |
|
<i class="fa fa-angle-down" aria-hidden="true"></i> |
|
</span> |
|
</a> |
|
</header> |
|
<div class="card-content"> |
|
<div class="content"> |
|
<div class="control has-icons-left has-icons-right"> |
|
<input class="input is-large" type="text" placeholder=""> |
|
<span class="icon is-medium is-left"> |
|
<i class="fa fa-search"></i> |
|
</span> |
|
<span class="icon is-medium is-right"> |
|
<i class="fa fa-check"></i> |
|
</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
{% endblock %} |
|
|
|
|
|
|