-
Notifications
You must be signed in to change notification settings - Fork 4
/
resources.html
82 lines (77 loc) · 3.29 KB
/
resources.html
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
---
layout: default
title: "Resources"
permalink: resources
footer-other: true
sort-order: 2
---
<header class="resource-header">
<h1>Resources</h1>
<p>A bunch of resources and references curated by me, with the goal to help others learn something new. For more frequent bursts of resources and other related content join me over on {% include external-link.html link="https://www.twitter.com/naher94/" content="Twitter" %}.</p>
</header>
{%- comment -%}collect all the unique tags from the resources and articles{%- endcomment -%}
{% assign allresources = site.resources | concat: site.articles %}
{% assign alltags = allresources | map: "tags" | uniq | sort %}
<section class="cell tag-section">
<h2 class="visually-hidden">Categories</h2>
<div class="tags-container cell">
{% for tag in alltags %}
<a href="#{{tag | replace: " ", "-"}}">
<div class="tag">
{{ tag }}
</div>
</a>
{% endfor %}
</div>
</section>
<section class="recently-added grid-x grid-padding-x grid-padding-y cell medium-12">
<h2 class="cell small-12">Recently Added</h2>
{% assign resources_sorted = allresources | sort: 'date' | reverse %}
<!-- TODO if tags array is empty then skip as that is current logic for not showing in the list -->
<!-- hard to test since local and deployed is not acting the same -->
{%- for resource in resources_sorted limit:3 -%}
{%- if resource.article == true -%}
{% include article-element.html item=resource css-class="medium-6 large-4" %}
{%- else -%}
{% include resource-element.html item=resource css-class="medium-6 large-4" %}
{%- endif -%}
{%- endfor -%}
</section>
<section class="featured-collections grid-x grid-padding-x grid-padding-y cell medium-12">
<div class="cell grid-x align-middle align-justify">
<h2 class="cell small-8 medium-shrink">Featured Collections</h2>
<a href="{% link resource-collection.html %}" class="view-all">
<span>view all</span><i class="fas fa-arrow-right"></i>
</a>
</div>
{%- for featured in site.resources-collection -%}
{% if featured.featured == true %}
<a href="{{featured.url | prepend: site.url}}" class="cell medium-3">
<div class="tile" style="color: {{featured.text-color}};">
<img src="../img/resources-collection/{{featured.tile-image}}" alt="{{featured.tile-image-alt}}">
<p class="title">{{featured.title}}</p>
<p class="sub-header">{{featured.sub-header}}</p>
</div>
</a>
{% endif %}
{%- endfor -%}
</section>
{% for tag in alltags %}
<section class="tag-group grid-x grid-padding-x grid-padding-y cell medium-12" id="{{tag | replace: " ", "-"}}">
<div class="cell grid-x align-middle">
<a href="#{{tag | replace: " ", "-"}}" class="section-header">
<h2 class="cell small-12 medium-shrink"><span class="hashtag">#</span>{{tag}}</h2>
</a>
<div class="cell small-12 medium-auto divider"></div>
</div>
{% for resource in allresources %}
{% if resource.tags contains tag %}
{%- if resource.article == true -%}
{% include article-element.html item=resource css-class="medium-6 large-4" %}
{%- else -%}
{% include resource-element.html item=resource css-class="medium-6 large-4" %}
{%- endif -%}
{% endif %}
{% endfor %}
</section>
{% endfor %}