From da171ff951c0e4f20d53a2260a3974dc3027f41c Mon Sep 17 00:00:00 2001
From: ks129 <45097959+ks129@users.noreply.github.com>
Date: Sun, 20 Sep 2020 10:50:58 +0300
Subject: Create HTML template for guides category view

---
 pydis_site/templates/guides/category.html | 41 +++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 pydis_site/templates/guides/category.html

(limited to 'pydis_site/templates')

diff --git a/pydis_site/templates/guides/category.html b/pydis_site/templates/guides/category.html
new file mode 100644
index 00000000..f70a668f
--- /dev/null
+++ b/pydis_site/templates/guides/category.html
@@ -0,0 +1,41 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}{{ category_info.name }}{% endblock %}
+{% block head %}
+  <link rel="stylesheet" href="{% static "css/guides/guide.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>
+                    <li><a href="/guides">Guides</a></li>
+                    <li class="is-active"><a href="#">{{ category_info.name }}</a></li>
+                </ul>
+            </nav>
+        </div>
+    </section>
+
+    <section class="section">
+        <div class="container">
+            <div class="content">
+                <h1>{{ category_info.name }}</h1>
+                {% for guide, data in guides.items %}
+                    <div class="box" style="max-width: 800px;">
+                        <span class="icon is-size-4 is-medium">
+                            <i class="fab fa-python is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
+                        </span>
+                        <a href="/guides/category/{{ category_name }}/{{ guide }}/">
+                                <span class="is-size-4 has-text-weight-bold">{{ data.title.0 }}</span>
+                        </a>
+                        <p class="is-italic">{{ data.short_description.0 }}</p>
+                    </div>
+                {% endfor %}
+            </div>
+        </div>
+    </section>
+{% endblock %}
-- 
cgit v1.2.3