aboutsummaryrefslogtreecommitdiffstats
path: root/pyblackbird_cc/templates/resources
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-05-15 18:40:34 +0100
committerMatthew Lemon <y@yulqen.org>2024-05-15 18:40:34 +0100
commitf0640685f55edf4fc81c76abff7953adb9b0a04c (patch)
tree2e77c28f180fd205c2fd4983e57f32c923a14546 /pyblackbird_cc/templates/resources
parent6ef5e1a50e29938f5bdb852f20e2f8be6ea2bc95 (diff)
Tinkering with CSS
Diffstat (limited to 'pyblackbird_cc/templates/resources')
-rw-r--r--pyblackbird_cc/templates/resources/resource_list.html20
1 files changed, 10 insertions, 10 deletions
diff --git a/pyblackbird_cc/templates/resources/resource_list.html b/pyblackbird_cc/templates/resources/resource_list.html
index 5efd9bd..cb924d6 100644
--- a/pyblackbird_cc/templates/resources/resource_list.html
+++ b/pyblackbird_cc/templates/resources/resource_list.html
@@ -14,15 +14,16 @@
include buttons for adding new resources, etc.
</p>
<div class="col">
- <div class="d-flex flex-row justify-content-between">
+ <div class="d-flex flex-row flex-wrap justify-content-between">
<div>
- <a class="btn btn-primary" href="{% url 'resources:create_resource' %} ">Add a new resource</a>
+ <a class="btn btn-primary my-md-2"
+ href="{% url 'resources:create_resource' %} ">Add a new resource</a>
</div>
- <div class="bg-danger p-2 text-dark bg-white border border-1 border-danger">
+ <div class="bg-danger p-2 my-2 text-dark bg-white border border-1 border-danger">
Logged in as
<strong>{{ request.user.email }}</strong>
</div>
- <div>
+ <div class="my-md-2">
<form action="{% url 'account_logout' %}" method="post">
{% csrf_token %}
<button type="submit" class="btn btn-primary">Log out</button>
@@ -32,18 +33,17 @@
</div>
</div>
{% endif %}
+ <div class="row my-4 text-center">
+ <div class="col">
+ <h5 class="display-6">Featured resources</h5>
+ </div>
+ </div>
<div class="row my-4">
<div class="col">
{% if resource_list %}
<div class="d-flex flex-row justify-content-between flex-wrap">
{% for resource in resource_list %}
<div class="card mx-2 mt-2" style="width: 22rem;">
- <div class="card-header position-relative">
- <div class="text-success">
- Featured
- <!-- <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">£5.99!</span> -->
- </div>
- </div>
<img class="card-img-top"
src="{{ resource.thumbnail_urls|first }}"
alt="{{ resource.thumbnail_filename }}" />