Add icon for YouTube and Music player in the home page for each episode

Author: emmanuelbernard

_layouts/home.html

@@ -18,7 +18,19 @@ <h2 class="card-title">
                   </a>
                 </h2>
                 <span class="card-subtitle mb-2 text-muted">Posté le {{ post.date | date: site.date_format }}</span>
-
+                <span class="card-subtitle mb-2 text-muted">&nbsp;</span>
+                {%- if post.youtube -%}
+                <span>
+                  <a href="{{ post.youtube }}" class="d-inline-flex align-items-center">
+                    <em class="bi bi-youtube youtube-red fs-2 mr-2"></em>
+                  </a>
+                </span>
+                {%- endif -%}
+                <span>
+                  <a href="https://traffic.libsyn.com/lescastcodeurs/LesCastCodeurs-Episode-{{post.episode}}.mp3" class="d-inline-flex align-items-center">
+                    <em class="bi bi-music-player music-player-black fs-2 mr-2"></em>
+                  </a>
+                </span>
                 <p class="card-text">{{ post.content }}</p>
               </div>
             </div>

_posts/2024-12-21-lcc-320-diataxis-la-methode-de-documentation.md

@@ -5,6 +5,7 @@ team: 'Emmanuel Bernard, Guillaume Laforge, Vincent Massol, Antonio Goncalves, A
 layout: blog-post
 episode: 320
 mp3_length: 40112855
+youtube: https://youtu.be/3RXAu0hHLbU
 tweet: Diataxis, la méthode de documentation #diataxis #documentation
 # tweet size: 91-93 -> 99-101 #######################################################################
 ---

assets/css/style.scss

@@ -147,3 +147,4 @@ iframe {
 .rss-orange { color: #ff6600; }
 .mic-grey { color: #95a5a6; }
 .youtube-red { color: #ff0000; }
+.music-player-black { color: #000000; }