File tree Expand file tree Collapse file tree 1 file changed +16
-3
lines changed Expand file tree Collapse file tree 1 file changed +16
-3
lines changed Original file line number Diff line number Diff line change @@ -17,21 +17,34 @@ <h1>Learn from examples!</h1>
17
17
18
18
{% include learnnav.html showmenu=true %}
19
19
20
+ {% assign all_categories = site.data.examplesindex | map: "category" | uniq | sort %}
21
+
20
22
< div class ="section lightest dark:dark ">
21
23
< div class ="container ">
22
- {% assign all_categories = site.data.examplesindex | map: "category" | uniq | sort %}
24
+ < div class ="row ">
25
+ < div class ="columns full ">
26
+ < h2 id ="categories "> Categories</ h2 >
27
+ < div style ="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 0 1rem; font-size: 0.9em; ">
28
+ {% for category in all_categories %}
29
+ < a href ="#{{ category }} "> {{ category | capitalize }}</ a >
30
+ {% endfor %}
31
+ </ div >
32
+ < br />
33
+ </ div >
34
+ </ div >
23
35
{% for category in all_categories %}
24
36
< div class ="row ">
25
37
< div class ="columns full ">
26
- < h3 > {{ category | capitalize }}</ h3 >
38
+ < h3 id =" {{ category }} " > {{ category | capitalize }}</ h3 >
27
39
< div class ="grid-250 ">
28
40
{%- assign examples = site.data.examplesindex | where: "category", category -%}
29
41
{%- for example in examples -%}
30
42
{% include learn_card.html title=example.title description=example.brief link=example.path min-height="250px" %}
31
43
{%- endfor -%}
32
44
</ div >
45
+ < p > ˄ < a href ="#categories "> Top</ a > </ p >
33
46
</ div >
34
- < br />
35
47
</ div >
36
48
{% endfor %}
49
+ </ div >
37
50
</ div >
You can’t perform that action at this time.
0 commit comments