aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--pydis_site/templates/guides/guides.html53
1 files changed, 53 insertions, 0 deletions
diff --git a/pydis_site/templates/guides/guides.html b/pydis_site/templates/guides/guides.html
new file mode 100644
index 00000000..66878048
--- /dev/null
+++ b/pydis_site/templates/guides/guides.html
@@ -0,0 +1,53 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}Guides{% 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 class="is-active"><a href="/guides">Guides</a></li>
+ </ul>
+ </nav>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container">
+ <div class="content">
+ <h1>Guides</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="{{ guide }}/">
+ <span class="is-size-4 has-text-weight-bold">{{ data.name.0 }}</span>
+ </a>
+ <p class="is-italic">{{ data.short_description.0 }}</p>
+ </div>
+ {% endfor %}
+ {% 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="category/{{ category }}/">
+ <span class="is-size-4 has-text-weight-bold">{{ data.name }}</span>
+ </a>
+ <p class="is-italic">{{ data.description }}</p>
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ </section>
+{% endblock %}