homepage banner

src/pages/_data/menu.yml

@@ -203,7 +203,7 @@ layout:
 
 icons:
   title: "%ICONS_COUNT% icons"
-  icon: ghost
+  icon: lego
   url: icons.html
 
 docs:

src/pages/_includes/cards/icons-banner.html

+{% assign icons-count = site.data.icons | size %}
+
 <div class="card card-md{% if include.class %} {{ include.class }}{% endif %}">
 	<div class="card-stamp card-stamp-lg">
 		<div class="card-stamp-icon bg-primary">
@@ -10,8 +12,8 @@
 				<h3 class="h1">Tabler Icons</h3>
 				<div class="markdown text-muted">
 					All icons come from the Tabler Icons set and are MIT-licensed. Visit
-					<a href="https://tabler-icons.io" target="_blank" rel="noopener">tabler-icons.io</a>, download
-					the icons you need in SVG, PNG or React and use them in your favourite design tools.
+					<a href="https://tabler-icons.io" target="_blank" rel="noopener">tabler-icons.io</a>,
+					download any of the {{ icons-count }} icons in SVG, PNG or&nbsp;React and use them in your favourite design tools.
 				</div>
 				<div class="mt-3">
 					<a href="https://tabler-icons.io" class="btn btn-primary" target="_blank" rel="noopener">Download icons</a>

src/pages/_includes/layout/homepage.html

@@ -108,7 +108,9 @@
 		{% include cards/development-activity.html %}
 	</div>
 
-
+	<div class="col-12">
+		{% include cards/icons-banner.html %}
+	</div>
 
 	<div class="col-md-12 col-lg-8">
 		{% include cards/most-visited-pages.html %}