From 6ef5e1a50e29938f5bdb852f20e2f8be6ea2bc95 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Wed, 15 May 2024 18:25:01 +0100
Subject: Adds an admin bar to resources page and moves some stuff to home

---
 pyblackbird_cc/templates/pages/home.html | 63 ++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

(limited to 'pyblackbird_cc/templates/pages/home.html')

diff --git a/pyblackbird_cc/templates/pages/home.html b/pyblackbird_cc/templates/pages/home.html
index 94d9808..deb6278 100644
--- a/pyblackbird_cc/templates/pages/home.html
+++ b/pyblackbird_cc/templates/pages/home.html
@@ -1 +1,64 @@
 {% extends "base.html" %}
+
+{% load static %}
+
+{% block content %}
+  <div class="container">
+    <div class="row">
+      <div class="col my-3 text-center rounded p-5">
+        <h1 class="display-5">High quality educational resources</h1>
+        <div class="row">
+          <div class="col my-5 text-center">
+            <h2 class="display-6">Stuff and intro text</h2>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col mb-5">
+          <div class="d-flex justify-content-between align-content-center">
+            <img class="mx-2" src="{% static "images/placeholder.png" %}" alt="PLACEHOLDER" />
+            <img class="mx-2" src="{% static "images/placeholder.png" %}" alt="PLACEHOLDER" />
+            <img class="mx-2" src="{% static "images/placeholder.png" %}" alt="PLACEHOLDER" />
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-3 py-3 m-4 bg-white border border-1 rounded">
+          <h5>Welcome!</h5>
+          <p>
+            I love to make clear and colourful resources and can't resist using rainbow colours
+            which so often help make learning visually clearer. I'd love to know what you think of
+            what you download, don't hesitate to let me know if you have any suggestions or requests...
+            I am also available to tutor younger learners online via Sherpa!
+          </p>
+        </div>
+        <div class="col py-3 m-4 bg-white border border-1 rounded">
+          <h2 class="text-primary">Subscriptions available now!</h2>
+          <p>
+            I love to make clear and colourful resources and can't resist using rainbow colours
+            which so often help make learning visually clearer. I'd love to know what you think of
+            what you download, don't hesitate to let me know if you have any suggestions or requests...
+            I am also available to tutor younger learners online via Sherpa!
+          </p>
+          <h4>What is available?</h4>
+          <ul class="list-group">
+            <li class="list-group-item">Full access to all resources (over 250 resources)</li>
+            <li class="list-group-item">Customised resources upon request</li>
+            <li class="list-group-item">New resources coming online all the time</li>
+          </ul>
+          <a href="#" class="btn btn-primary my-3">Subscribe now</a>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col my-5 text-center">
+        <h1 class="display-2">Featured resources</h1>
+      </div>
+      <div class="row">
+        <div class="col my-5 text-center">
+          <h2 class="display-5">These are my latest resources. They are great!</h2>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock content %}
-- 
cgit v1.2.3