@@ -28,41 +28,51 @@ <h1 class="mb-3 font-mktg">{{ page.shortTitle }}</h1>
28
28
<!-- Article links -->
29
29
< div class ="d-lg-flex gutter my-6 py-6 ">
30
30
< div class ="col-12 col-lg-4 mb-4 mb-lg-0 ">
31
- < div class ="featured-links-heading pb-3 mb-4 border-bottom ">
32
- < h3 class ="f5 text-normal text-mono text-uppercase color-gray-5 "> {% data ui.toc.guides %}</ h3 >
31
+ < div class ="featured-links-heading mb-4 d-flex flex-items-baseline ">
32
+ < h3 class ="f4 text-normal text-mono text-uppercase color-gray-5 "> {% data ui.toc.guides %}</ h3 >
33
+ < a href ="/{{ currentPath }}/guides " class ="ml-4 "> View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</ a >
33
34
</ div >
34
35
< ul class ="list-style-none ">
35
36
{% for link in featuredLinks.guides %}
36
- < li class ="Box px-3 py-1 mb-2 ">
37
- {% include featured-link %}
37
+ < li class ="border-top ">
38
+ < a class ="link-with-intro Bump-link--hover no-underline d-block py-4 " href ="{{ link.href }} ">
39
+ < h4 class ="link-with-intro-title link-gray-dark mb-1 "> {{ link.title }}< span class ="Bump-link-symbol "> →</ span > </ h4 >
40
+ < p class ="link-with-intro-intro color-gray-5 mb-0 "> {{ link.intro | truncatewords: 12 }}</ p >
41
+ </ a >
38
42
</ li >
39
43
{% endfor %}
40
44
</ ul >
41
45
</ div >
42
46
43
47
< div class ="col-12 col-lg-4 mb-4 mb-lg-0 ">
44
- < div class ="featured-links-heading pb-3 mb-4 border-bottom ">
45
- < h3 class ="f5 text-normal text-mono text-uppercase color-gray-5 "> {% data ui.toc.popular_articles %}</ h3 >
48
+ < div class ="featured-links-heading mb-4 d-flex flex-items-baseline ">
49
+ < h3 class ="f4 text-normal text-mono text-uppercase color-gray-5 "> {% data ui.toc.popular_articles %}</ h3 >
46
50
</ div >
47
51
< ul class ="list-style-none ">
48
52
{% for link in featuredLinks.popular %}
49
- < li class ="Box px-3 py-1 mb-2 ">
50
- {% include featured-link %}
53
+ < li class ="border-top ">
54
+ < a class ="link-with-intro Bump-link--hover no-underline d-block py-3 " href ="{{ link.href }} ">
55
+ < h4 class ="link-with-intro-title link-gray-dark "> {{ link.title }}< span class ="Bump-link-symbol "> →</ span > </ h4 >
56
+ </ a >
51
57
</ li >
52
58
{% endfor %}
53
59
</ ul >
54
60
</ div >
55
61
56
62
< div class ="col-12 col-lg-4 mb-4 mb-lg-0 ">
57
- < div class ="featured-links-heading pb-3 mb-4 border-bottom ">
58
- < h3 class ="f5 text-normal text-mono text-uppercase color-gray-5 "> {% data ui.toc.whats_new %}</ h3 >
63
+ < div class ="featured-links-heading mb-4 d-flex flex-items-baseline ">
64
+ < h3 class ="f4 text-normal text-mono text-uppercase color-gray-5 "> {% data ui.toc.whats_new %}</ h3 >
65
+ < a href ="https://github.blog/changelog/ " class ="ml-4 "> View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</ a >
59
66
</ div >
60
67
< ul class ="list-style-none ">
61
68
{% for link in page.changelog %}
62
- < li class ="mb-2 ">
63
- < a href ="{{ link.href }} " class ="Box text-gray-dark Bump-link--hover p-3 d-flex flex-justify-between flex-items-center no-underline ">
69
+ < li class ="border-top ">
70
+ < a href ="{{ link.href }} " class ="d-block text-gray-dark Bump-link--hover py-3 no-underline ">
71
+ < time
72
+ class ="tooltipped tooltipped-n text-gray-light text-mono mb-1 "
73
+ aria-label ="{{ link.date | date: '%B %d, %Y' }} "
74
+ > {{ link.date | date: "%B %d" }}</ time >
64
75
< h4 > {{ link.title }} < span class ="Bump-link-symbol "> →</ span > </ h4 >
65
- < span class ="text-gray-light text-mono ml-2 " style ="white-space: nowrap "> {{ link.date | date: "%B %d, %Y" }}</ span >
66
76
</ a >
67
77
</ li >
68
78
{% endfor %}
0 commit comments