Add YouTube, Simplify top meny, Add Bluesky

Author: emmanuelbernard

_config.yml

@@ -22,9 +22,8 @@ collections:
 header_pages:
   - path: 'equipe.html'
   - path: 'concept.md'
-  - path: 'crowdcasting.md'
+  - path: 'participer.md'
   - path: 'soutenir.md'
-  - path: 'ask-me-anything.md'
   - path: 'episodes.html'
     title: 'Rechercher'
     icon: 'search'
@@ -36,10 +35,10 @@ sidebar_cards:
         icon: 'piggy-bank-fill'
         color: 'piggy-pink'
         url: 'https://www.patreon.com/LesCastCodeurs'
-      - name: 'Sondage 2024'
-        icon: 'chat-dots'
-        color: 'black'
-        url: 'https://lescastcodeurs.com/sondage'
+#      - name: 'Sondage 2024'
+#        icon: 'chat-dots'
+#        color: 'black'
+#        url: 'https://lescastcodeurs.com/sondage'
   - name: 'Syndication'
     links:
       - name: 'Liste des épisodes'
@@ -50,6 +49,10 @@ sidebar_cards:
         icon: 'rss-fill'
         color: 'rss-orange'
         url: 'https://lescastcodeurs.com/podcast-rss'
+      - name: 'YouTube'
+        icon: 'youtube'
+        color: 'youtube-red'
+        url: 'https://www.youtube.com/@lescastcodeurs'
       - name: 'iTunes'
         icon: 'music-note-beamed'
         color: 'apple-podcast-violet'
@@ -60,22 +63,27 @@ sidebar_cards:
         file: 'licence.md'
   - name: 'Contacts'
     links:
+      - name: 'lescastcodeurs.com'
+        icon: 'bluesky'
+        bluesky: true
+        color: 'twitter-blue'
+        url: 'https://bsky.app/profile/lescastcodeurs.com'
+      - name: '@lescastcodeurs'
+        icon: 'twitter-x'
+        color: 'black'
+        url: 'https://twitter.com/lescastcodeurs'
       - name: 'Ask Me Anything'
         icon: 'chat-dots'
         color: 'black'
         url: 'https://lescastcodeurs.com/ama'
-      - name: 'Email'
-        icon: 'envelope-fill'
-        color: 'black'
-        url: 'mailto:[email protected]'
-      - name: '@lescastcodeurs'
-        icon: 'twitter'
-        color: 'twitter-blue'
-        url: 'https://twitter.com/lescastcodeurs'
       - name: 'Crowdcast'
         icon: 'mic-fill'
         color: 'mic-grey'
         file: 'crowdcasting.md'
+      - name: 'Email'
+        icon: 'envelope-fill'
+        color: 'black'
+        url: 'mailto:[email protected]'
   - name: 'Discuter'
     links:
       - name: 'Google groups'

_includes/sidebar.html

@@ -6,11 +6,25 @@ <h4 class="card-title h3">{{ card.name }}</h4>
       <ul class="list-group list-group-flush">
         {% for link in card.links %}
         <li class="list-group-item list-group-item-action">
-          {% if link.url %}
+          {% if link.bluesky == true %}
+          <!-- BlueSky is not in Bootstrap Icon so using svg and use fill as BlueSky color -->
           <a href="{{ link.url }}" class="d-inline-flex align-items-center">
-            <em class="bi bi-{{ link.icon }} {{ link.color }} fs-2 mr-2"></em>
+            <em class="bi bi-{{ link.icon }} {{ link.color }} fs-2 mr-2">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="1em" height="1em"><path d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z" fill="#87CEEB"/></svg>
+            </em>
             {{ link.name }}
           </a>
+          {% elsif link.url %}
+          <a href="{{ link.url }}" class="d-inline-flex align-items-center">
+            <em class="bi bi-{{ link.icon }} {{ link.color }} fs-2 mr-2"></em>
+            {{ link.name }} {{link.bluesky}}
+          </a>
+          {% elsif link.bluesky %} AAAAAAA
+          <a href="{% link {{ link.file }} %}" class="d-inline-flex align-items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="1em" height="1em"><path d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z" fill="white"/></svg>
+            <em class="bi bi-{{ link.icon }} {{ link.color }} fs-2 mr-2"></em>
+            {{ link.name }}  IN
+          </a>
           {%- else -%}
           <a href="{% link {{ link.file }} %}" class="d-inline-flex align-items-center">
             <em class="bi bi-{{ link.icon }} {{ link.color }} fs-2 mr-2"></em>

assets/css/style.scss

@@ -146,3 +146,4 @@ iframe {
 .apple-podcast-violet { color: #a84adc; }
 .rss-orange { color: #ff6600; }
 .mic-grey { color: #95a5a6; }
+.youtube-red { color: #ff0000; }

participer.md

@@ -0,0 +1,62 @@
+---
+title: Participer
+layout: page
+---
+Vous voulez interagir avec les cast codeurs ?
+On vous propose quelques approches:
+* Ask Me Anything: une petite question via un formulaire que l'on traitera dans les épisodes
+* commentaire dans les lives: dans les épisodes live, rejoignez nous sur YouTube et interagissez
+* crowdcasting: votre voix dans les cast codeurs via un enregistrement
+
+## Ask Me Anything
+
+Vous avez une question ? Vous aimeriez entendre la réponse des cast codeurs ?   
+Cette rubrique est pour vous.
+N'hésitez pas à vous lancer et nous ferons au mieux pour inclure vos questions dans la discussion !
+
+Le formulaire est [par là](/ama) !
+
+
+Le crowdcasting retourne les micros et demande aux auditeurs de préparer des petites rubriques.
+Vous êtes intéressé ?
+
+## YouTube Live
+
+Dans les épisodes live, rejoignez nous sur YouTube et interagissez via les commetaires.
+
+Sur le [channel des cast codeurs](https://youtube.com/@lescastcodeurs), souscrivez et activer les notifications pour savoir quand le prochain live et la prochaine vidéo est présente !
+
+## Crowdcasting
+
+Votre voix dans les cast codeurs via un enregistrement.
+
+### De quoi parler ?
+
+De ce que vous voulez tant que c'est quelque chose que l'on pourrait entendre sur les cast codeurs et que c'est entre l'épisode qui annonce le crowdcasting et
+le prochain épisode news (un mois en général) :
+
+- une news,
+- une main dans le cambouis,
+- un outil de l'épisode,
+- ...
+
+### Comment enregistrer ?
+
+Trouvez un micro, un casque et une salle calme.
+
+Préparez si vous le voulez les _shownotes_ (un lien, un nom) en Markdown.
+
+Enregistrez le son au format MP3 (ou AIFF si vous partagez le fichier via Dropbox ou équivalent). Un bon enregistreur gratuit est [Audacity](http://audacity.sourceforge.net).
+
+Laissez 10 secondes d'enregistrement avant de parler : cela permet d'enlever certains bruits parasites.
+
+Dites-nous votre nom et éventuellement ce que vous faites en 10 secondes.
+
+Parlez naturellement, comme si c'était une conversation. D'ailleurs vous pouvez le faire à deux.
+
+Visez 2 ou 3 minutes. Max 5 minutes.
+
+Envoyez le tout à [[email protected]](mailto:[email protected]). Vous pouvez partager le fichier MP3 ou AIFF via Dropbox si vous
+voulez. Si c'est embarqué dans l'email, uniquement des MP3.
+
+Et surtout amusez-vous !

soutenir.md

@@ -1,6 +1,6 @@
 ---
 layout: page
-title: Soutenir Les Cast Codeurs
+title: Nous soutenir
 ---
 
 ## tl;dr