@@ -28,41 +28,51 @@ <h1 class="mb-3 font-mktg">{{ page.shortTitle }}</h1>
2828 <!-- Article links -->
2929 < div class ="d-lg-flex gutter my-6 py-6 ">
3030 < 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 >
3334 </ div >
3435 < ul class ="list-style-none ">
3536 {% 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 >
3842 </ li >
3943 {% endfor %}
4044 </ ul >
4145 </ div >
4246
4347 < 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 >
4650 </ div >
4751 < ul class ="list-style-none ">
4852 {% 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 >
5157 </ li >
5258 {% endfor %}
5359 </ ul >
5460 </ div >
5561
5662 < 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 >
5966 </ div >
6067 < ul class ="list-style-none ">
6168 {% 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 >
6475 < 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 >
6676 </ a >
6777 </ li >
6878 {% endfor %}
0 commit comments