Skip to content

Commit 8caed14

Browse files
sdeleuzesdeleuze
committed
Turn category titles into links
Fixes #190
1 parent 2e27ba7 commit 8caed14

File tree

1 file changed

+55
-41
lines changed

1 file changed

+55
-41
lines changed

‎src/main/resources/templates/home.mustache‎

Lines changed: 55 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -17,58 +17,72 @@
1717

1818
<h2 class="hide">{{#i18n}}home.topics.title{{/i18n}}</h2>
1919

20-
<div class="row align-middle">
21-
<div class="columns medium-push-9">
22-
<a href="{{localePrefix}}/2017/makers"><img src="/images/svg/mxt-icon--makers.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.makers.title{{/i18n}}"></a>
23-
</div>
24-
<div class="columns small-9 medium-pull-3">
25-
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.makers.title{{/i18n}}<br><small>{{#i18n}}home.topics.makers.description{{/i18n}}</small></h3>
20+
<a href="{{localePrefix}}/2017/makers">
21+
<div class="row align-middle">
22+
<div class="columns medium-push-9">
23+
<img src="/images/svg/mxt-icon--makers.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.makers.title{{/i18n}}">
24+
</div>
25+
<div class="columns small-9 medium-pull-3">
26+
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.makers.title{{/i18n}}<br><small>{{#i18n}}home.topics.makers.description{{/i18n}}</small></h3>
27+
</div>
2628
</div>
27-
</div>
29+
</a>
2830

29-
<div class="row align-middle">
30-
<div class="columns medium-push-9">
31-
<a href="{{localePrefix}}/2017/aliens"> <img src="/images/svg/mxt-icon--aliens.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.aliens.title{{/i18n}}"></a>
31+
<a href="{{localePrefix}}/2017/aliens">
32+
<div class="row align-middle">
33+
<div class="columns medium-push-9">
34+
<img src="/images/svg/mxt-icon--aliens.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.aliens.title{{/i18n}}">
35+
</div>
36+
<div class="columns small-9 medium-pull-3">
37+
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.aliens.title{{/i18n}}<br><small>{{#i18n}}home.topics.aliens.description{{/i18n}}</small></h3>
38+
</div>
3239
</div>
40+
</a>
41+
42+
<a href="{{localePrefix}}/2017/tech">
43+
<div class="row align-middle">
44+
<div class="columns medium-push-9">
45+
<img src="/images/svg/mxt-icon--tech.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.tech.title{{/i18n}}">
46+
</div>
3347
<div class="columns small-9 medium-pull-3">
34-
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.aliens.title{{/i18n}}<br><small>{{#i18n}}home.topics.aliens.description{{/i18n}}</small></h3>
48+
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.tech.title{{/i18n}}<br><small>{{#i18n}}home.topics.tech.description{{/i18n}}</small></h3>
49+
</div>
3550
</div>
36-
</div>
51+
</a>
3752

38-
<div class="row align-middle">
39-
<div class="columns medium-push-9">
40-
<a href="{{localePrefix}}/2017/tech"><img src="/images/svg/mxt-icon--tech.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.tech.title{{/i18n}}"></a>
41-
</div>
42-
<div class="columns small-9 medium-pull-3">
43-
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.tech.title{{/i18n}}<br><small>{{#i18n}}home.topics.tech.description{{/i18n}}</small></h3>
53+
<a href="{{localePrefix}}/2017/design">
54+
<div class="row align-middle">
55+
<div class="columns medium-push-9">
56+
<img src="/images/svg/mxt-icon--design.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.design.title{{/i18n}}">
57+
</div>
58+
<div class="columns small-9 medium-pull-3">
59+
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.design.title{{/i18n}}<br><small>{{#i18n}}home.topics.design.description{{/i18n}}</small></h3>
60+
</div>
4461
</div>
45-
</div>
62+
</a>
4663

47-
<div class="row align-middle">
48-
<div class="columns medium-push-9">
49-
<a href="{{localePrefix}}/2017/design"><img src="/images/svg/mxt-icon--design.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.design.title{{/i18n}}"></a>
50-
</div>
51-
<div class="columns small-9 medium-pull-3">
52-
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.design.title{{/i18n}}<br><small>{{#i18n}}home.topics.design.description{{/i18n}}</small></h3>
64+
<a href="{{localePrefix}}/2017/hacktivism">
65+
<div class="row align-middle">
66+
<div class="columns medium-push-9">
67+
<img src="/images/svg/mxt-icon--hacktivism.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.hacktivism.title{{/i18n}}">
68+
</div>
69+
<div class="columns small-9 medium-pull-3">
70+
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.hacktivism.title{{/i18n}}<br><small>{{#i18n}}home.topics.hacktivism.description{{/i18n}}</small></h3>
71+
</div>
5372
</div>
54-
</div>
73+
</a>
5574

56-
<div class="row align-middle">
57-
<div class="columns medium-push-9">
58-
<a href="{{localePrefix}}/2017/hacktivism"><img src="/images/svg/mxt-icon--hacktivism.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.hacktivism.title{{/i18n}}"></a>
59-
</div>
60-
<div class="columns small-9 medium-pull-3">
61-
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.hacktivism.title{{/i18n}}<br><small>{{#i18n}}home.topics.hacktivism.description{{/i18n}}</small></h3>
62-
</div>
63-
</div>
64-
<div class="row align-middle">
65-
<div class="columns medium-push-9">
66-
<a href="{{localePrefix}}/2017/learn"><img src="/images/svg/mxt-icon--learn.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.learn.title{{/i18n}}"></a>
67-
</div>
68-
<div class="columns small-9 medium-pull-3">
69-
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.learn.title{{/i18n}}<br><small>{{#i18n}}home.topics.learn.description{{/i18n}}</small></h3>
75+
<a href="{{localePrefix}}/2017/learn">
76+
<div class="row align-middle">
77+
<div class="columns medium-push-9">
78+
<img src="/images/svg/mxt-icon--learn.svg" class="mxt-icon--cat" alt="{{#i18n}}home.topics.learn.title{{/i18n}}">
79+
</div>
80+
<div class="columns small-9 medium-pull-3">
81+
<h3 class="subheader mxt-subheader--categories">{{#i18n}}home.topics.learn.title{{/i18n}}<br><small>{{#i18n}}home.topics.learn.description{{/i18n}}</small></h3>
82+
</div>
7083
</div>
71-
</div>
84+
</a>
85+
7286
</div>
7387

7488
<div class="medium-5 columns">

0 commit comments

Comments
 (0)