diff options
Diffstat (limited to 'pydis_site/templates')
| -rw-r--r-- | pydis_site/templates/base/navbar.html | 2 | ||||
| -rw-r--r-- | pydis_site/templates/home/index.html | 2 | ||||
| -rw-r--r-- | pydis_site/templates/timeline/timeline.html | 42 |
3 files changed, 44 insertions, 2 deletions
diff --git a/pydis_site/templates/base/navbar.html b/pydis_site/templates/base/navbar.html index 2fcd8ad8..41f5fa10 100644 --- a/pydis_site/templates/base/navbar.html +++ b/pydis_site/templates/base/navbar.html @@ -88,7 +88,7 @@ <a class="navbar-item" href="{% url "content:page_category" location="guides" %}"> Guides </a> - <a class="navbar-item" href="{% url 'home:timeline' %}"> + <a class="navbar-item" href="{% url 'timeline:index' %}"> Timeline </a> <a class="navbar-item" href="{% url "content:page_category" location="rules" %}"> diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html index 393e7c19..036a785c 100644 --- a/pydis_site/templates/home/index.html +++ b/pydis_site/templates/home/index.html @@ -110,7 +110,7 @@ </p> <div class="buttons are-large is-centered"> - <a href="{% url 'home:timeline' %}" class="button is-primary"> + <a href="{% url 'timeline:index' %}" class="button is-primary"> <span>Check it out!</span> <span class="icon"> <i class="fas fa-arrow-right"></i> diff --git a/pydis_site/templates/timeline/timeline.html b/pydis_site/templates/timeline/timeline.html new file mode 100644 index 00000000..8f746b6e --- /dev/null +++ b/pydis_site/templates/timeline/timeline.html @@ -0,0 +1,42 @@ +{% extends 'base/base.html' %} +{% load static %} + +{% block title %}Timeline{% endblock %} +{% block head %} + <link rel="stylesheet" href="{% static "css/home/timeline.css" %}"> + <link rel="stylesheet" href="{% static "css/home/index.css" %}"> +{% endblock %} + +{% block content %} + {% include "base/navbar.html" %} + + <section class="cd-timeline js-cd-timeline"> + <div class="container max-width-lg cd-timeline__container"> + + {% for entry in entries %} + + <div class="cd-timeline__block" id="{{ entry.slug }}"> + <div class="cd-timeline__img cd-timeline__img--picture {{ entry.icon_color }}"> + {% if entry.icon == "pydis" %} + <img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture"> + {% else %} + <i class="{{ entry.icon }}"></i> + {% endif %} + </div> + + <div class="cd-timeline__content has-background-white-bis text-component content"> + <h2><a href="#{{ entry.slug }}">{{ entry.title }}</a></h2> + {{ entry.content|safe }} + <div class="flex justify-between items-center"> + <span class="cd-timeline__date has-text-grey">{{ entry.date }}</span> + </div> + </div> + </div> + + {% endfor %} + + </div> + </section> + + <script src="{% static "js/timeline/main.js" %}"></script> +{% endblock %} |