From 8895a01ced9eb26acc45922bf2aa13f0623dcf2f Mon Sep 17 00:00:00 2001
From: Franck Nijhof <git@frenck.dev>
Date: Sun, 30 Jun 2024 16:24:37 +0200
Subject: [PATCH] Add more icons to aside sections (#33482)

---
 source/_includes/asides/about.html                 | 2 +-
 source/_includes/asides/categories.html            | 2 +-
 source/_includes/asides/dashboards_navigation.html | 8 ++++----
 source/_includes/asides/recent_posts.html          | 2 +-
 source/_includes/asides/voice_navigation.html      | 8 ++++----
 source/_includes/post/sharing.html                 | 2 +-
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/source/_includes/asides/about.html b/source/_includes/asides/about.html
index a6322ca06ac..1c6c6e0bd26 100644
--- a/source/_includes/asides/about.html
+++ b/source/_includes/asides/about.html
@@ -1,5 +1,5 @@
 <section class="aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">About Home Assistant</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:about-circle-outline"></iconify-icon> About Home Assistant</h1>
   <ul class="divided">
     <li>
       {{ site.description }}
diff --git a/source/_includes/asides/categories.html b/source/_includes/asides/categories.html
index c19f1a18244..d47862011a4 100644
--- a/source/_includes/asides/categories.html
+++ b/source/_includes/asides/categories.html
@@ -1,5 +1,5 @@
 <section class="aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">Categories</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:category"></iconify-icon> Categories</h1>
   <ul class="divided">
     {% assign categories = site.categories | sort %}
     {% for category in categories %}
diff --git a/source/_includes/asides/dashboards_navigation.html b/source/_includes/asides/dashboards_navigation.html
index 9646fc9df9d..d2e03ebd744 100644
--- a/source/_includes/asides/dashboards_navigation.html
+++ b/source/_includes/asides/dashboards_navigation.html
@@ -2,7 +2,7 @@
   {% assign elements = site.dashboards | sort_natural: 'title' %}
 
   <div class="section">
-    <h1 class="title epsilon">Dashboards</h1>
+    <h1 class="title epsilon"><iconify-icon icon="mdi:view-dashboard"></iconify-icon> Dashboards</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /dashboards/ Introduction %}</li>
       <li>
@@ -21,7 +21,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">View types</h1>
+    <h1 class="title epsilon"><iconify-icon icon="mdi:about-circle-outline"></iconify-icon> View types</h1>
     <ul class="divided sidebar-menu">
       {% for element in elements %}
         {% if element.type == "view" %}
@@ -32,7 +32,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">Card types</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:card-multiple-outline"></iconify-icon> Card types</h1>
     <ul class="divided sidebar-menu">
       {% for element in elements %}
         {% if element.type == "card" %}
@@ -43,7 +43,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">Advanced</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:cog"></iconify-icon> Advanced</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /dashboards/features/ Features %}</li>
       <li>{% active_link /dashboards/header-footer/ Headers & footers %}</li>
diff --git a/source/_includes/asides/recent_posts.html b/source/_includes/asides/recent_posts.html
index 2930091aa8e..35fd3e1ac53 100644
--- a/source/_includes/asides/recent_posts.html
+++ b/source/_includes/asides/recent_posts.html
@@ -1,5 +1,5 @@
 <section id="recent-posts" class="aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">Recent Posts</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:newspaper-variant-multiple"></iconify-icon> Recent Posts</h1>
   <ul class="divided">
     {% for post in site.posts limit: site.recent_posts %}
       {% if post.url != page.url  %}
diff --git a/source/_includes/asides/voice_navigation.html b/source/_includes/asides/voice_navigation.html
index 6f436975713..b4ca79a170c 100644
--- a/source/_includes/asides/voice_navigation.html
+++ b/source/_includes/asides/voice_navigation.html
@@ -2,7 +2,7 @@
   {% assign elements = site.dashboards | sort_natural: 'title' %}
 
   <div class="section">
-    <h1 class="title epsilon">Devices</h1>
+    <h1 class="title epsilon"><iconify-icon icon="mdi:devices"></iconify-icon> Devices</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/android/ Assist for Android %}</li>
       <li>{% active_link /voice_control/apple/ Assist for Apple %}</li>
@@ -11,7 +11,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">{% active_link /voice_control/ Voice assistants %}</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:comment-processing-outline"></iconify-icon> {% active_link /voice_control/ Voice assistants %}</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/voice_remote_local_assistant/ Configuring a local assistant %}</li>
       <li>{% active_link /voice_control/voice_remote_cloud_assistant/ Configuring a cloud assistant %}</li>
@@ -27,7 +27,7 @@
   </div>
 
   <div class="section">
-    <h1 class="title epsilon">Projects</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:checkbox-marked"></iconify-icon> Projects</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/s3_box_voice_assistant/ Tutorial: ESP32-S3-BOX voice assistant %}</li>
       <li>{% active_link /voice_control/s3-box-customize/ Tutorial: Customize the S3-BOX %}</li>
@@ -38,7 +38,7 @@
     </ul>
   </div>
   <div class="section">
-    <h1 class="title epsilon">Troubleshooting</h1>
+    <h1 class="title epsilon"><iconify-icon inline icon="mdi:account-help"></iconify-icon> Troubleshooting</h1>
     <ul class="divided sidebar-menu">
       <li>{% active_link /voice_control/troubleshooting/ Troubleshooting Assist %}</li>
       <li>{% active_link /voice_control/troubleshooting_the_s3_box/ Troubleshooting the ESP32-S3-BOX %}</li>
diff --git a/source/_includes/post/sharing.html b/source/_includes/post/sharing.html
index 043e5a081fc..1284b13d94b 100644
--- a/source/_includes/post/sharing.html
+++ b/source/_includes/post/sharing.html
@@ -1,5 +1,5 @@
 <section class="sharing aside-module grid__item one-whole lap-one-half">
-  <h1 class="title epsilon">Share this post</h1>
+  <h1 class="title epsilon"><iconify-icon inline icon="mdi:ios-share"></iconify-icon> Share this post</h1>
   <ul class="divided">
   {% if site.twitter_tweet_button %}
     <li>