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.
176 lines
5.9 KiB
176 lines
5.9 KiB
2 years ago
|
{% 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 %}
|
||
|
|
||
|
|