aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates
diff options
context:
space:
mode:
authorGravatar Jeremiah Boby <[email protected]>2020-10-28 18:14:54 +0000
committerGravatar GitHub <[email protected]>2020-10-28 18:14:54 +0000
commit33e05594f66e1812cda687f26f5297db42505a0d (patch)
tree34557043024a68cf0312d3193303e8d4f495001a /pydis_site/templates
parentMerge pull request #407 from python-discord/remove_oauth (diff)
parentChange resources home name from resources -> index (diff)
Merge pull request #395 from ks129/resources-home
Dewikification - Create app for resources + index page of resources
Diffstat (limited to 'pydis_site/templates')
-rw-r--r--pydis_site/templates/resources/resources.html90
1 files changed, 90 insertions, 0 deletions
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
new file mode 100644
index 00000000..6eb32c97
--- /dev/null
+++ b/pydis_site/templates/resources/resources.html
@@ -0,0 +1,90 @@
+{% extends 'base/base.html' %}
+{% load static %}
+
+{% block title %}Resources{% endblock %}
+{% block head %}
+ <link rel="stylesheet" href="{% static "css/resources/resources.css" %}">
+{% endblock %}
+
+{% block content %}
+ {% include "base/navbar.html" %}
+
+ <section class="section">
+ <div class="container">
+ <div class="content">
+ <h1>Resources</h1>
+
+ <div class="tile is-ancestor">
+ <a class="tile is-parent" href="/articles/category/guides">
+ <article class="tile is-child box hero is-primary is-bold">
+ <p class="title is-size-1"><i class="fad fa-info-circle" aria-hidden="true"></i> Guides</p>
+ <p class="subtitle is-size-4">Made by us, for you</p>
+ </article>
+ </a>
+
+ <div class="tile is-vertical is-9">
+ <div class="tile">
+ <a class="tile is-8 is-parent" href="/resources/reading/">
+ <article class="tile is-child box hero is-black" id="readingBlock">
+ <p class="title is-size-1"><i class="fad fa-book-alt" aria-hidden="true"></i> Read</p>
+ <p class="subtitle is-size-4">Lovingly curated books to explore</p>
+ </article>
+ </a>
+
+ <div class="tile">
+ <a class="tile is-parent" href="/resources/videos/">
+ <article class="tile is-child box hero is-danger is-bold">
+ <p class="title is-size-1"><i class="fad fa-video" aria-hidden="true"></i> Watch</p>
+ <p class="subtitle is-size-4">Visually engaging</p>
+ </article>
+ </a>
+ </div>
+ </div>
+
+ <div class="tile">
+ <a class="tile is-parent" href="/resources/interactive/">
+ <article class="tile is-child box hero is-black" id="interactiveBlock">
+ <p class="title is-size-1"><i class="fad fa-code" aria-hidden="true"></i> Try</p>
+ <p class="subtitle is-size-4">Interactively discover the possibilities</p>
+ </article>
+ </a>
+ <a class="tile is-8 is-parent" href="/resources/courses/">
+ <article class="tile is-child box hero is-success is-bold">
+ <p class="title is-size-1"><i class="fad fa-graduation-cap" aria-hidden="true"></i> Learn</p>
+ <p class="subtitle is-size-4">Structured courses with clear goals</p>
+ </article>
+ </a>
+ </div>
+ </div>
+ </div>
+
+ <div class="tile is-ancestor">
+ <div class="tile is-vertical is-9">
+ <div class="tile">
+ <a class="tile is-8 is-parent" href="/resources/communities/">
+ <article class="tile is-child box hero is-black" id="communitiesBlock">
+ <p class="title is-size-1"><i class="fad fa-users" aria-hidden="true"></i> Communities</p>
+ <p class="subtitle is-size-4">Some of our best friends</p>
+ </article>
+ </a>
+ <div class="tile">
+ <a class="tile is-parent" href="/resources/podcasts/">
+ <article class="tile is-child box hero is-black" id="podcastsBlock">
+ <p class="title is-size-1"><i class="fad fa-podcast" aria-hidden="true"></i> Listen</p>
+ <p class="subtitle is-size-4">Regular podcasts to follow</p>
+ </article>
+ </a>
+ </div>
+ </div>
+ </div>
+ <a class="tile is-parent" href="/resources/tools/">
+ <article class="tile is-child box hero is-dark">
+ <p class="title is-size-1"><i class="fad fa-tools" aria-hidden="true"></i> Tools</p>
+ <p class="subtitle is-size-4">Things we love to use</p>
+ </article>
+ </a>
+ </div>
+ </div>
+ </div>
+ </section>
+{% endblock %}