Add some cosmetics

This commit is contained in:
Yohann D'ANELLO 2020-03-02 20:43:17 +01:00
parent 768a502b58
commit f81c7d1924
2 changed files with 22 additions and 15 deletions

View File

@ -56,7 +56,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
</head>
<body class="d-flex w-100 h-100 flex-column">
<main class="mb-auto">
<div class="container-fluid my-3" style="max-width: 1600px;">
<div class="container-fluid my-3" style="width: 100%;">
{% block contenttitle %}<h1>{{ title }}</h1>{% endblock %}
{% block content %}
<p>Default content...</p>

View File

@ -14,9 +14,9 @@
{% endblock %}
{% block content %}
<div style="">
<div class="alert alert-danger" style="width: 15%; float: left; margin: 1%;">
<strong>Lots déjà offerts :</strong>
<div style="width: 100%;">
<div class="alert alert-danger" style="width: 17%; float: left; margin: 0.5%;">
<h3>Lots déjà offerts :</h3>
<ul>
{% for reward in old_rewards %}
<li><strong>{{ reward.name }} :</strong> remporté par {{ reward.rewarded_by.note }} (ticket n° {{ reward.rewarded_by.number }})</li>
@ -24,23 +24,30 @@
</ul>
</div>
<div class="alert alert-warning" style="width: 30%; float: left; margin: 1%;">
<strong>Lot précédent :</strong><br />
<strong>{{ previous_reward.name }} :</strong> remporté par {{ previous_reward.rewarded_by.note }}
(ticket n° {{ previous_reward.rewarded_by.number }})<br />
<div class="alert alert-warning" style="width: 31%; float: left; margin: 0.5%;">
<h3>Lot précédent :</h3><br />
{% if previous_reward %}
<strong>&bullet; {{ previous_reward.name }} :</strong> remporté par {{ previous_reward.rewarded_by.note }}
(ticket n° {{ previous_reward.rewarded_by.number }})<br />
{% else %}
<h5>&bullet; <img src="https://cdn.pixabay.com/photo/2012/04/16/13/51/triangle-36068_960_720.png" style="height: 24px;" /> Aucun lot n'a encore été remporté.</h5>
{% endif %}
<img src="{{ previous_reward.image.url }}" alt="{{ previous_reward.name }}" style="width: 100%;" />
</div>
<div class="alert alert-info" style="width: 30%; float: left; margin: 1%;">
<strong>Lot suivant :</strong><br />
<strong>{{ current_reward.name }}</strong><br />
<img src="{{ current_reward.image.url }}" alt="{{ previous_reward.name }}" style="width: 100%;" />
<div class="alert alert-info" style="width: 31%; float: left; margin: 0.5%;">
<h3>Lot suivant :</h3><br />
{% if current_reward %}
<h5>&bullet; {{ current_reward.name }}</h5><br />
<img src="{{ current_reward.image.url }}" alt="{{ previous_reward.name }}" style="width: 100%;" />
{% else %}
<h5>&bullet; <img src="https://cdn.pixabay.com/photo/2012/04/16/13/51/triangle-36068_960_720.png" style="height: 24px;" /> Tous les lots ont déjà été distribués !</h5>
{% endif %}
</div>
<div class="alert alert-success" style="width: 15%; float: left; margin: 1%;">
<strong>Lots à venir :</strong>
<div class="alert alert-success" style="width: 17%; float: left; margin: 0.5%;">
<h3>Lots à venir :</h3>
<ul>
{% for reward in next_rewards %}
<li><strong>{{ reward.name }}</strong></li>