aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/content/articles.html
blob: 363bbb4f6eb2d33645eac06998ad6a3ad1a293dd (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
{% extends 'base/base.html' %}
{% load static %}

{% block title %}Guides{% endblock %}
{% block head %}
  <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>
                    <li class="is-active"><a href="/content">Pages</a></li>
                </ul>
            </nav>
        </div>
    </section>

    <section class="section">
        <div class="container">
            <div class="content">
                <h1>Articles</h1>
                {% for article, data in content.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="{{ article }}/">
                                <span class="is-size-4 has-text-weight-bold">{{ data.title }}</span>
                        </a>
                        <p class="is-italic">{{ data.short_description }}</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 %}