Refactor podcast platform section and enhance styling

Author: kavaivaleri

_layouts/podcast.html

@@ -25,30 +25,28 @@ <h3 class="podcast-subtitle">{{ page.subtitle }}</h3>
           </div>
 
         <div class="podcast-listen-links">
-          <span class="listen-label">Listen or watch on your favorite platforms</span>
-          <div class="listen-buttons">
-            <a href="{{ page.links.youtube }}" target="_blank" class="listen-btn listen-btn-youtube">
-              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
-                <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
-              </svg>
-              YouTube
+          <h2 class="platforms-heading">Listen to or watch on your favorite platform</h2>
+          <div class="platforms-chips-wrapper">
+            <a href="{{ page.links.youtube }}" target="_blank" rel="noopener noreferrer" class="chip-platform">
+              <img src="https://cdn.prod.website-files.com/64416928859cbdd1716d79ce/6477a7c7df55dac86621aa7f_icon-platform-youtube.webp" alt="YouTube icon" class="chip-platform-icon"/>
+              <div>YouTube</div>
             </a>
             {% if page.links.apple and page.links.apple != 'TODO' %}
-            <a href="{{ page.links.apple }}" target="_blank" class="listen-btn listen-btn-apple">
-              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
-                <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
-              </svg>
-              Apple Podcasts
+            <a href="{{ page.links.apple }}" target="_blank" rel="noopener noreferrer" class="chip-platform">
+              <img src="https://cdn.prod.website-files.com/64416928859cbdd1716d79ce/6477a7c7ea921d6b17e8336c_icon-platform-apple-podcasts.webp" alt="Apple Podcasts icon" class="chip-platform-icon"/>
+              <div>Apple Podcasts</div>
             </a>
             {% endif %}
             {% if page.links.spotify and page.links.spotify != 'TODO' %}
-            <a href="{{ page.links.spotify }}" target="_blank" class="listen-btn listen-btn-spotify">
-              <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
-                <path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/>
-              </svg>
-              Spotify
+            <a href="{{ page.links.spotify }}" target="_blank" rel="noopener noreferrer" class="chip-platform">
+              <img src="https://cdn.prod.website-files.com/64416928859cbdd1716d79ce/6477a7c8fe3abf5dc324b071_icon-platform-spotify.webp" alt="Spotify icon" class="chip-platform-icon"/>
+              <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>
         </div>
       </div>
@@ -114,13 +112,35 @@ <h3 class="guest-bio-name">{{ guest.title }}</h3>
 
 
           <!-- Newsletter Section -->
-        <div class="podcast-newsletter-section">
-          <div class="podcast-newsletter-content">
-            <h2 class="podcast-newsletter-title">Join 130,000+ data professionals and get weekly updates on new podcast episodes, upcoming events, free courses, and more.</h2>
-            <p class="podcast-newsletter-description">
-              You'll also receive an invite to our Slack community with instant access to discussions, networking, and peer support.
-            </p>
-            {% include subscribe.html subscribe="true" %}
+        <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>
+              </div>
+            </div>
+          </form>
+          <div class="pt-2 small">
+            You'll be subscribed to our newsletter and receive a Slack invite in 3 minutes.
           </div>
         </div>
 

_podcast/s07e05-machine-learning-system-design-interview.md

@@ -968,7 +968,6 @@ transcript:
   sec: 2997
   time: '49:57'
   who: Valerii
-- header: Applying ML systems to real-world problems
 - line: Thank you. Let's go to the next one, “How to make machine learning algorithms
     work with other parts of systems to solve real world problems?” I guess the question
     is more about, “Okay, we have this model that we just discussed. This model for
@@ -1204,7 +1203,6 @@ transcript:
   sec: 3583
   time: '59:43'
   who: Valerii
-- header: Finding Valerii online
 - line: '[laughs] Okay, I think that''s all we have time for. So maybe last one –
     How can people find you?'
   sec: 3603

_podcast/s07e06-ab-testing.md

@@ -717,7 +717,7 @@ transcript:
   sec: 2709
   time: '45:09'
   who: Jakob
-- header: A/B test crash course advice
+- header: "Course: A/B Test Crash Course Advice"
 - line: Do you know of a good crash course on A/B tests that does not involve a lot
     of math – ones that are more practical? “If your data looks like this, use this
     test. If your data looks like that, use another test.” Something like that?
@@ -989,8 +989,3 @@ transcript:
   time: '1:04:40'
   who: Alexey
 ---
-
-Links:
-
-* [Jakob's LinkedIn](https://www.linkedin.com/in/jakob-graff-a6113a3a/){:target="_blank"}
-* [Product Analyst role at Inkitt](https://jobs.lever.co/inkitt/d2b0427a-f37f-4002-975d-28bd60b56d70){:target="_blank"}

_podcast/s07e07-becoming-a-data-engineering-manager.md

@@ -276,7 +276,7 @@ transcript:
   sec: 847
   time: '14:07'
   who: Rahul
-- header: The importance of updating your skill set
+- header: "The Importance of Updating Your Skill Set"
 - line: Okay, so let's say for an example – right now you heard that there is a tool
     called Prefect, which might be nicer and then maybe you allocate some time to
     give it a try. Then you see how it is different from the current technologies
@@ -524,7 +524,7 @@ transcript:
   sec: 1726
   time: '28:46'
   who: Rahul
-- header: GDPR compliance
+- header: "GDPR Compliance: Dynamic Data Masking, Role-Based Access Control"
 - line: There is a question that is related, I think, to the data platform. “Data
     engineering is moving towards full automation with data versioning and managed
     model serving – how do you solve GDPR compliance issues and bring stakeholders
@@ -1056,7 +1056,6 @@ transcript:
   sec: 3476
   time: '57:56'
   who: Rahul
-- header: Finding Rahul online
 - line: Yeah, thanks a lot. What's the best way to find you if somebody has questions?
     Is it LinkedIn or are there other ways?
   sec: 3599
@@ -1086,7 +1085,3 @@ transcript:
   time: '1:00:50'
   who: Rahul
 ---
-
-Links:
-
-* [Rahul's LinkedIn](https://www.linkedin.com/in/16rahuljain/){:target="_blank"}

_podcast/s07e08-from-data-science-to-data-engineering.md

@@ -665,7 +665,6 @@ transcript:
   sec: 2120
   time: '35:20'
   who: Ellen
-- header: The hardest part of transitioning into data engineering
 - line: This is the type of content that people on Hacker News usually like - very
     controversial stuff. Yeah. So that's interesting. What was the most difficult
     part of the transition for you?
@@ -757,7 +756,6 @@ transcript:
   sec: 2358
   time: '39:18'
   who: Ellen
-- header: People who are both data scientists and data engineers
 - line: Okay. There is a question. Do you know if there is a name for the role for
     people who are both data engineers and data scientists? Does such a thing even
     exist at all?
@@ -1114,7 +1112,6 @@ transcript:
   sec: 3586
   time: '59:46'
   who: Ellen
-- header: Finding Ellen online
 - line: Okay, thanks. Before we finish, how can people find you if they have questions?
     LinkedIn, Twitter?
   sec: 3621
@@ -1147,8 +1144,3 @@ transcript:
 
 
 ---
-
-Links:
-
-* [Twitter](https://twitter.com/ellen_koenig){:target="_blank"}
-* [LinkedIn](https://www.linkedin.com/in/ellenkoenig/){:target="_blank"}

_podcast/s07e09-from-math-teacher-to-analytics-engineer.md

@@ -499,7 +499,6 @@ transcript:
   sec: 1913
   time: '31:53'
   who: Juan Pablo
-- header: Eight tips to get your first analytics job
 - line: In that tweet that we mentioned. I think you have it pinned. The tweet says
     "Getting your first job in data analytics isn't always easy. Blind applications
     don't work for everyone. Sometimes they only lead to rejections. These eight tips
@@ -1008,7 +1007,6 @@ transcript:
   sec: 3672
   time: '1:01:12'
   who: Juan Pablo
-- header: Finding Juan Pablo online
 - line: Anything else you want to say before we finish?
   sec: 3714
   time: '1:01:54'
@@ -1051,7 +1049,4 @@ transcript:
 
 Links:
 
-* [Website](https://www.thatjuanpablo.com/){:target="_blank"}
-* [Twitter](https://twitter.com/thatjuanpablo){:target="_blank"}
-* [BROKE teacher to FAANG engineer Twitter thread](https://twitter.com/thatjuanpablo/status/1475806246317875203){:target="_blank"}
-* [LinkedIn](https://www.linkedin.com/in/thatjuanpablo/){:target="_blank"}
+* [BROKE teacher to FAANG engineer Twitter thread](https://twitter.com/thatjuanpablo/status/1475806246317875203){:target="_blank"}

_podcast/s08e01-visualising-machine-learning.md

@@ -115,7 +115,6 @@ transcript:
   sec: 455
   time: '7:35'
   who: Alexey
-- header: Being self-employed
 - line: In 2019, you became self-employed, and started being an independent consultant.
     You started also working on these visuals. Was it scary for you to go solo?
   sec: 455
@@ -269,7 +268,6 @@ transcript:
   sec: 1061
   time: '17:41'
   who: Meor
-- header: Visualising difficult concepts
 - line: "The other thing that works for me is trying to visualize not \u201Cwhat it\
     \ is\u201D, but \u201Cwhat it means\u201D. What I learned from Jack, when you\
     \ try to visualize a concept, you don't visualize the noun, but the verb or the\
@@ -595,7 +593,7 @@ transcript:
   sec: 2544
   time: '42:24'
   who: Meor
-- header: Learning by breaking code
+- header: "Learning by Breaking Code"
 - line: "How do you come up with this \u201CWhat if?\u201D and \u201CWhat can go wrong?\u201D\
     ? If you have practical experience, then you can use it. But if you're just learning\
     \ this thing, how can you know about these things?"
@@ -830,7 +828,6 @@ transcript:
   sec: 3602
   time: '1:00:02'
   who: Alexey
-- header: Wrapping up
 - line: We should be wrapping up. Do you want to say anything before we finish?
   sec: 3612
   time: '1:00:12'

_podcast/s08e02-hacking-your-data-career.md

@@ -53,7 +53,6 @@ transcript:
   sec: 137
   time: '2:17'
   who: Marijn
-- header: Marijn’s background
 - line: Yeah, I had to train myself a little bit with your name, because you were
     already at our event last time. Before we go into our main topic of hacking a
     data career, let's start with your background. Can you tell us about your career
@@ -153,7 +152,6 @@ transcript:
   sec: 456
   time: '7:36'
   who: Marijn
-- header: Standing out in data science
 - line: You mentioned that people need to find something they know that others don't
     know. Since you mentioned that – this wasn't a part of the questions I prepared,
     but maybe you maybe you can help with that. A few days ago, I think it was yesterday,
@@ -323,7 +321,6 @@ transcript:
   sec: 1029
   time: '17:09'
   who: Marijn
-- header: Don’t shoot the messenger (carefully sharing your findings)
 - line: Yeah – some accountants are very difficult to automate, I think. Anyways,
     we already talked about everyone delegating tasks. Then you also mentioned being
     proactive, right? What was next on the list?
@@ -572,7 +569,7 @@ transcript:
   sec: 1807
   time: '30:07'
   who: Marijn
-- header: Marijn’s side projects (finding value in doing things you find interesting)
+- header: "Marijn’s Side Projects: Finding Value in Doing Things You Find Interesting"
 - line: '[laughs] Three people say that they got it. While you''re looking it up,
     one thing I know you for is that you always find these little pet projects that
     you do and then you tell the world about them. And these projects are so cool.'
@@ -730,7 +727,6 @@ transcript:
   sec: 2208
   time: '36:48'
   who: Marijn
-- header: Building a project portfolio
 - line: This is a question I get quite often. “How do you get inspiration for these
     projects?” I imagine it might be difficult. Let's say you are looking for a job
     because you're switching careers or you're just graduated or for whatever reason
@@ -791,7 +787,7 @@ transcript:
   sec: 2356
   time: '39:16'
   who: Marijn
-- header: Marijn’s NGO project
+- header: "Marijn's NGO Project: Helping Smallholder Farmers Achieve Higher Yields"
 - line: Yeah. Can you tell us about this helping farmers project?
   sec: 2425
   time: '40:25'
@@ -1204,7 +1200,3 @@ transcript:
   time: '1:03:26'
   who: Marijn
 ---
-
-Links:
-
-* [LinkedIn](https://www.linkedin.com/in/marijnmarkus/){:target="_blank"}