From 7ccc33b39a5880a1879dbba4543d2b5e915b6f8e Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Sat, 28 Nov 2020 09:59:35 +0200
Subject: Create categories and articles listing template

---
 pydis_site/templates/content/listing.html | 62 +++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 pydis_site/templates/content/listing.html

(limited to 'pydis_site/templates')

diff --git a/pydis_site/templates/content/listing.html b/pydis_site/templates/content/listing.html
new file mode 100644
index 00000000..8c06bccc
--- /dev/null
+++ b/pydis_site/templates/content/listing.html
@@ -0,0 +1,62 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}{{ category_info.name|default:"Articles" }}{% endblock %}
+{% block head %}
+    <meta property="og:title" content="Python Discord - {{ category_info.name|default:"Articles" }}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:description" content="{{ category_info.description }}" />
+    <link rel="stylesheet" href="{% static "css/content/articles.css" %}">
+{% endblock %}
+
+{% block content %}
+    {% include "base/navbar.html" %}
+
+    <section class="breadcrumb-section section">
+        <div class="container">
+            <nav class="breadcrumb is-pulled-left" aria-label="breadcrumbs">
+                <ul>
+                    {% if in_category %}
+                        <li><a href="{% url "content:articles" %}">Articles</a></li>
+                    {% endif %}
+                    {% for item in breadcrumb_items %}
+                        <li><a href="{% url "content:article_category" location=item.path %}">{{ item.name }}</a></li>
+                    {% endfor %}
+                    <li class="is-active"><a href="#">{{ category_info.name|default:"Articles" }}</a></li>
+                </ul>
+            </nav>
+        </div>
+    </section>
+
+    <section class="section">
+        <div class="container">
+            <div class="content">
+                <h1>{{ category_info.name|default:"Articles" }}</h1>
+                {% for category, data in categories.items %}
+                    <div class="box" style="max-width: 800px;">
+                        <span class="icon is-size-4 is-medium">
+                            <i class="fas fa-folder is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
+                        </span>
+
+
+                        <a href="{% url "content:article_category" location=path|add:category %}">
+                            <span class="is-size-4 has-text-weight-bold">{{ data.name }}</span>
+                        </a>
+                        <p class="is-italic">{{ data.description }}</p>
+                    </div>
+                {% endfor %}
+                {% for article, data in content.items %}
+                    <div class="box" style="max-width: 800px;">
+                        <span class="icon is-size-4 is-medium">
+                            <i class="{{ data.icon_class|default:"fab" }} {{ data.icon|default:"fa-python" }} is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
+                        </span>
+                        <a href="{% url "content:article_category" location=path|add:article %}">
+                                <span class="is-size-4 has-text-weight-bold">{{ data.title }}</span>
+                        </a>
+                        <p class="is-italic">{{ data.short_description }}</p>
+                    </div>
+                {% endfor %}
+            </div>
+        </div>
+    </section>
+{% endblock %}
-- 
cgit v1.2.3