Merge pull request #83 from DataTalksClub/podcast-improvements-seo

[Ready] SEO: Updating podcast URLs and adding topics for all podcasts

Author: kavaivaleri

Gemfile.lock

@@ -36,6 +36,8 @@ GEM
       logger
     faraday-net_http (3.4.1)
       net-http (>= 0.5.0)
+    faraday-retry (2.3.2)
+      faraday (~> 2.0)
     ffi (1.17.2)
     forwardable-extended (2.6.0)
     gemoji (4.1.0)
@@ -272,8 +274,8 @@ PLATFORMS
   x64-mingw32
 
 DEPENDENCIES
+  faraday-retry
   github-pages
-  jekyll
   jekyll-feed (~> 0.12)
   jekyll-theme-cayman
   tzinfo (~> 1.2)

_config.yml

@@ -19,6 +19,7 @@ exclude:
   - Pipfile.lock
   - Makefile
   - .gitignore
+  - sh-thd-*
 
 
 collections:

_layouts/podcast.html

@@ -338,10 +338,6 @@ <h2 class="platforms-heading">Listen to or watch on your favorite platform</h2>
               <div>Spotify</div>
             </a>
             {% endif %}
-            <a href="https://anchor.fm/datatalksclub" target="_blank" rel="noopener noreferrer" class="chip-platform">
-              <img src="/images/podcast/badges/anchor-icon.jpg" alt="Anchor icon" class="chip-platform-icon"/>
-              <div>Anchor</div>
-            </a>
           </div>
         </header>
 
@@ -368,7 +364,60 @@ <h2 id="shownotes-heading" class="sr-only">Show Notes</h2>
           <div class="content-main mb-5">
             {{ content }}
           </div>
+        </section>
 
+        <section class="podcast-tab-content" id="timestamps-tab" aria-labelledby="timestamps-heading">
+          <h2 id="timestamps-heading" class="sr-only">Timestamps</h2>
+          {% if page.transcript %}
+            <p class="timestamps-prompt">Click any timestamp to jump to that moment in the video</p>
+            <div class="timestamps-list">
+              <ul>
+              {% assign found_header = false %}
+              {% assign header_text = "" %}
+              {% for line in page.transcript %}
+                {% if line.header %}
+                  {% assign found_header = true %}
+                  {% assign header_text = line.header %}
+                {% elsif found_header and line.sec %}
+                  <li>
+                    <a href="#" class="timestamp-link" data-time="{{ line.sec }}">
+                      <span class="timestamp-time">{{ line.time }}</span>
+                      <span class="timestamp-text">{{ header_text }}</span>
+                    </a>
+                  </li>
+                  {% assign found_header = false %}
+                {% endif %}
+              {% endfor %}
+              </ul>
+            </div>
+          {% else %}
+          <p>Timestamps coming soon...</p>
+          {% endif %}
+        </section>
+
+        {% if page.transcript %}
+        <section class="podcast-tab-content" id="transcript-tab" aria-labelledby="transcript-heading">
+          <h2 id="transcript-heading" class="sr-only">Transcript</h2>
+          <div class="content-main mb-5">
+            <p class="transcript-disclaimer">
+              The transcripts are edited for clarity, sometimes with AI.
+              If you notice any incorrect information,
+              <a href="https://github.com/DataTalksClub/datatalksclub.github.io/issues/new/choose" target="_blank">let us know</a>.
+            </p>
+
+            {% for line in page.transcript %}
+              {% if line.header %}
+              <h3 id="{{ line.header | slugify }}" class="transcript-header">{{ line.header }}</h3>
+              {% else %}
+              <p class="transcript-line"><b>{{ line.who }}</b>: {{ line.line }}{% if line.sec %} (<a href="#" class="transcript-timestamp-link" data-time="{{ line.sec }}">{{ line.time }}</a>){% endif %}</p>
+              {% endif %}
+            {% endfor %}
+          </div>
+        </section>
+        {% endif %}
+
+        <!-- Unified Footer - Appears on all tabs -->
+        <div class="podcast-unified-footer">
           <!-- Guest Bio Cards -->
           {% if page.guests %}
           <section class="guest-bio-section mb-4" aria-labelledby="guests-heading">
@@ -430,38 +479,38 @@ <h3 class="guest-bio-name">{{ guest.title }}</h3>
           </nav>
           {% endif %}
 
-                    <!-- Newsletter Section -->
-        <div class="main-cta">
-          <p class="newsletter-main-text">
-            Join 130,000+ data professionals and get weekly updates on new podcast episodes, upcoming events, free courses, and more.
-          </p>
-          <p class="newsletter-sub-text">
-            You'll also receive an invite to our Slack community for discussions, networking, and peer support.
-          </p>
+          <!-- Newsletter Section -->
+          <div class="main-cta">
+            <p class="newsletter-main-text">
+              Join 130,000+ data professionals and get weekly updates on new podcast episodes, upcoming events, free courses, and more.
+            </p>
+            <p class="newsletter-sub-text">
+              You'll also receive an invite to our Slack community for discussions, networking, and peer support.
+            </p>
 
-          <form method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
-              action="https://club.us19.list-manage.com/subscribe/post?u=0d7822ab98152f5afc118c176&amp;id=97178021aa"
-              class="validate" target="_blank" novalidate>
-            <div class="form-row align-items-center justify-content-center">
-              <div class="col-auto">
-                <label class="sr-only" for="mce-EMAIL">Email</label>
-                <input type="email" value="" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Email address" required>
-              </div>
-              <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-              <div style="position: absolute; left: -5000px;" aria-hidden="true">
-                <input type="text" name="b_0d7822ab98152f5afc118c176_e52ea9dcd3" tabindex="-1" value="">
-              </div>
-              <div class="col-auto">
-                <button type="submit" name="subscribe" class="btn btn-success">
-                  <i class="far fa-paper-plane"></i> &nbsp; Join 
-                </button>
+            <form method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
+                action="https://club.us19.list-manage.com/subscribe/post?u=0d7822ab98152f5afc118c176&amp;id=97178021aa"
+                class="validate" target="_blank" novalidate>
+              <div class="form-row align-items-center justify-content-center">
+                <div class="col-auto">
+                  <label class="sr-only" for="mce-EMAIL">Email</label>
+                  <input type="email" value="" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Email address" required>
+                </div>
+                <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                <div style="position: absolute; left: -5000px;" aria-hidden="true">
+                  <input type="text" name="b_0d7822ab98152f5afc118c176_e52ea9dcd3" tabindex="-1" value="">
+                </div>
+                <div class="col-auto">
+                  <button type="submit" name="subscribe" class="btn btn-success">
+                    <i class="far fa-paper-plane"></i> &nbsp; Join 
+                  </button>
+                </div>
               </div>
+            </form>
+            <div class="pt-2 small">
+              You'll be subscribed to our newsletter and receive a Slack invite in 3 minutes.
             </div>
-          </form>
-          <div class="pt-2 small">
-            You'll be subscribed to our newsletter and receive a Slack invite in 3 minutes.
           </div>
-        </div>
 
           <!-- Related Episodes Section -->
           <section class="related-episodes-section" aria-labelledby="related-episodes-heading">
@@ -497,57 +546,7 @@ <h3 class="related-episode-title">{{ episode.title }}</h3>
               {% endfor %}
             </div>
           </section>
-        </section>
-
-        <section class="podcast-tab-content" id="timestamps-tab" aria-labelledby="timestamps-heading">
-          <h2 id="timestamps-heading" class="sr-only">Timestamps</h2>
-          {% if page.transcript %}
-            <p class="timestamps-prompt">Click any timestamp to jump to that moment in the video</p>
-            <div class="timestamps-list">
-              <ul>
-              {% assign found_header = false %}
-              {% assign header_text = "" %}
-              {% for line in page.transcript %}
-                {% if line.header %}
-                  {% assign found_header = true %}
-                  {% assign header_text = line.header %}
-                {% elsif found_header and line.sec %}
-                  <li>
-                    <a href="#" class="timestamp-link" data-time="{{ line.sec }}">
-                      <span class="timestamp-time">{{ line.time }}</span>
-                      <span class="timestamp-text">{{ header_text }}</span>
-                    </a>
-                  </li>
-                  {% assign found_header = false %}
-                {% endif %}
-              {% endfor %}
-              </ul>
-            </div>
-          {% else %}
-          <p>Timestamps coming soon...</p>
-          {% endif %}
-        </section>
-
-        {% if page.transcript %}
-        <section class="podcast-tab-content" id="transcript-tab" aria-labelledby="transcript-heading">
-          <h2 id="transcript-heading" class="sr-only">Transcript</h2>
-          <div class="content-main mb-5">
-            <p class="transcript-disclaimer">
-              The transcripts are edited for clarity, sometimes with AI.
-              If you notice any incorrect information,
-              <a href="https://github.com/DataTalksClub/datatalksclub.github.io/issues/new/choose" target="_blank">let us know</a>.
-            </p>
-
-            {% for line in page.transcript %}
-              {% if line.header %}
-              <h3 id="{{ line.header | slugify }}" class="transcript-header">{{ line.header }}</h3>
-              {% else %}
-              <p class="transcript-line"><b>{{ line.who }}</b>: {{ line.line }}{% if line.sec %} (<a href="{{ page.links.youtube }}&t={{ line.sec }}s" target="youtube">{{ line.time }}</a>){% endif %}</p>
-              {% endif %}
-            {% endfor %}
-          </div>
-        </section>
-        {% endif %}
+        </div>
 
       </article>
     </div>
@@ -574,7 +573,7 @@ <h3 id="{{ line.header | slugify }}" class="transcript-header">{{ line.header }}
       });
 
       // Timestamp click functionality
-      const timestampLinks = document.querySelectorAll('.timestamp-link');
+      const timestampLinks = document.querySelectorAll('.timestamp-link, .transcript-timestamp-link');
       timestampLinks.forEach(link => {
         link.addEventListener('click', function(e) {
           e.preventDefault();

_podcast/_s12e08.md

@@ -12,8 +12,8 @@ links:
   spotify: https://open.spotify.com/episode/5fB185hGlGYQmdk0kbIsPv?si=YtnsaYNzTc-fl7emZ2IjEA
   youtube: https://www.youtube.com/watch?v=FRi0SUtxdMw
 season: 12
-short: 'The Journey of a Data Generalist: From Bioinformatics to Freelancing'
-title: 'The Journey of a Data Generalist: From Bioinformatics to Freelancing'
+short: "The Journey of a Data Generalist: From Bioinformatics to Freelancing"
+title: "The Journey of a Data Generalist: From Bioinformatics to Freelancing"
 transcript:
 - line: This week we'll talk about being a data generalist. We'll discuss going from
     bioinformatics to freelancing. We have a special guest today, Katya. As a freelancer