blob: 2dc88a8cb05e83edc5d4a13a71cd512e6ce817f0 (
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
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="{% url "content:article_category" location="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 %}
|
