Change guides system to content system

As this system will be used for more than just guides,
I had to do some refactoring to match this system with plans.
Basically now there isn't guides, but articles instead.

1 files changed, 61 insertions, 0 deletions

diff --git a/pydis_site/templates/content/article.html b/pydis_site/templates/content/article.html
new file mode 100644
index 00000000..de6cd28d
--- /dev/null
+++ b/pydis_site/templates/content/article.html
@@ -0,0 +1,61 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}{{ metadata.title|first }}{% endblock %}
+{% block head %}
+  <meta property="og:title" content="Python Discord - {{ article.metadata.title|first }}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:description" content="{{ article.metadata.shortdescription|first }}" />
+  <link rel="stylesheet" href="{% static "css/content/articles.css" %}">
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css">
+  <script src="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>
+  <script>hljs.initHighlightingOnLoad();</script>
+{% 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="/content">Pages</a></li>
+                    {% if category_data.raw_name is not None %}
+                        <li><a href="/content/category/{{ category_data.raw_name }}">{{ category_data.name }}</a></li>
+                    {% endif %}
+                    <li class="is-active"><a href="#">{{ article.metadata.title|first }}</a></li>
+                </ul>
+            </nav>
+        </div>
+    </section>
+
+    <section class="section">
+        <div class="content">
+            <div class="container">
+                <h1 class="title">{{ article.metadata.title|first }}</h1>
+                <div class="columns is-variable is-8">
+                    <div class="column is-two-thirds">
+                        {{ article.article|safe }}
+                        <p class="has-text-weight-light is-size-7">
+                            <strong>Last modified:</strong> {{ last_modified }}<br/>
+                            <strong>Contributors:</strong> {{ article.metadata.contributors|join:", " }}
+                        </p>
+                    </div>
+                    <div class="column">
+                        {% if relevant_links|length > 0 %}
+                        <div class="box">
+                            <p class="menu-label">Relevant links</p>
+                            <ul class="menu-list">
+                                {% for link, value in relevant_links.items %}
+                                    <li><a class="has-text-link" href="{{link}}">{{ value }}</a></li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+{% endblock %}