<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Phil Tietjen</title>
    <description>The latest articles on DEV Community by Phil Tietjen (@phizzard).</description>
    <link>https://dev.to/phizzard</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F142767%2F132c2e37-31c0-4c0c-97ad-75f6a28cadd9.jpg</url>
      <title>DEV Community: Phil Tietjen</title>
      <link>https://dev.to/phizzard</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/phizzard"/>
    <language>en</language>
    <item>
      <title>Is Anyone Else Developing on Windows with WSL2?</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Fri, 28 Aug 2020 02:08:18 +0000</pubDate>
      <link>https://dev.to/phizzard/is-anyone-else-developing-on-windows-with-wsl2-2bg6</link>
      <guid>https://dev.to/phizzard/is-anyone-else-developing-on-windows-with-wsl2-2bg6</guid>
      <description>&lt;p&gt;While I've always had a windows PC sitting around for casual use and playing video games, the developer experience always felt clunky.&lt;/p&gt;

&lt;p&gt;Recently my Macbook was feeling sluggish and hot all the time, so I checked out WSL2 + Ubuntu + windows terminal and it's been so buttery smooth!&lt;/p&gt;

&lt;p&gt;What are other peoples experiences?&lt;/p&gt;

</description>
      <category>discuss</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Friday Night Deploys #22 - A Brief Discussion On The State Of The Modern Web</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Fri, 15 May 2020 20:12:53 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-22-a-brief-discussion-on-the-state-of-the-modern-web-2961</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-22-a-brief-discussion-on-the-state-of-the-modern-web-2961</guid>
      <description>&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;Hey, How's it going everyone?&lt;br&gt;
This week's topic is about a recent article that had some hubbub recently called "Second Guessing the Modern Web" by Tom Macwright on their personal blog. If you would like to take a read through it before listening you can find it in the following link.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://macwright.org/2020/05/10/spa-fatigue.html"&gt;https://macwright.org/2020/05/10/spa-fatigue.html&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We make some pretty far fetched analogies with modern web development and the Tony Hawk's Pro Skater video game series; Y'know most things link back to Tony Hawk's Pro Skater. (Not sponsored by Tony Hawk (I Wish)).&lt;/p&gt;
&lt;h2&gt;
  
  
  Episode Summary
&lt;/h2&gt;

&lt;p&gt;This week the DevPlebs talk about: Getting requests for content! How expensive it is to podcast! Our eventual sponsored content! Apple saying we're too sad for analytics! Bad documentation! Our stupid, simple brains! Getting thrown into the deep end of the pool! Meeting two Vice Admirals of the Royal Canadian Navy! Being careful about who you choose to challenge to a pushup contest! The Presidential Fitness Test! Doing 53 pushups! That time Keith lost 120 lbs! How Trump looks perpetually sore! How to redeem 2020 through a world leader fitness challenge! How we're a 25% fitness podcast! Keith's unreliable memories! The entire history of Spike TV! Takeshi's Castle! Phil's big, dirty bundle! The Tony Hawk Pro Skater 1 + 2 Remaster! How pure the web used to be! Cellphones getting bigger in order to watch pornography on them! Comparing the virtual dom to PUBG! Getting back into running! Having snowstorms in mid-May! Being called "stud"! Having so many episodes that we have pagination on our page! Reminiscing on 6 AM! Getting 9 hours of sleep! Our expert opinion on the state of the modern web!&lt;/p&gt;
&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/2iEycDPQSrSz6Z9sL3JnAj"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;or &lt;a href="https://open.spotify.com/episode/2iEycDPQSrSz6Z9sL3JnAj"&gt;listen directly on spotify&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/ca/podcast/friday-night-deploys/id1485252900"&gt;https://podcasts.apple.com/ca/podcast/friday-night-deploys/id1485252900&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/D2fy7ibvzudgnxr6xjua4m5x6eu?t=22_A_Brief_Discussion_On_The_State_Of_The_Modern_Web-Friday_Night_Deploys"&gt;https://play.google.com/music/m/D2fy7ibvzudgnxr6xjua4m5x6eu?t=22_A_Brief_Discussion_On_The_State_Of_The_Modern_Web-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/22-a-brief-discussion-on-the-state-of-the-modern-web/"&gt;https://www.devplebs.tech/friday-night-deploys/22-a-brief-discussion-on-the-state-of-the-modern-web/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;What's your hot take on second-guessing the modern web? If you would like to share for us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>podcast</category>
      <category>jokes</category>
    </item>
    <item>
      <title>Friday Night Deploys #19 - Pretty Much Just 35 Minutes Of Us Complaining About Meetings</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Tue, 21 Apr 2020 17:45:15 +0000</pubDate>
      <link>https://dev.to/devplebs/19-pretty-much-just-35-minutes-of-us-complaining-about-meetings-32ec</link>
      <guid>https://dev.to/devplebs/19-pretty-much-just-35-minutes-of-us-complaining-about-meetings-32ec</guid>
      <description>&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;I hope everyone is doing absolutely fantastic; at least as much as you can be during these times. We're still doing this podcast thing every week, although, we're trying to tighten up the length of our episodes to appeal to the lack of commuting happening now. Feel free to let us know if you like the extra focus or if you want to bring back more fluff of our excitingly boring lives! Always thanks to everyone who listens in to the show; you're all rad, hope you enjoy this week's episode!&lt;/p&gt;

&lt;p&gt;This week the DevPlebs talk about: Popping this pop! Getting demonetized! Weezer's Blue Album! Grammy award-winning artist Weird Al Yankovic! The movie UHF! The movie BASEketball! How people who like Weird Al's original songs vs his parodies are superior human beings! Meteor.js! Our (probably) one-millionth stream! Avril Lavigne! Lyme disease! Getting canceled and bringing our podcast back for due to audience demand! The terrible comeback seasons of Arrested Development! Bringing your dogs and kids and cats into your meetings! Becoming Tik Tok famous! Phil's insistence on using inside jokes! The Joe Rogan podcast! Reminding Phil what the show Fear Factor was! A new podcast where we review every individual episode of the Big Bang Theory! How problematic How I Met Your Mother is! We continued down spiral in quality! Being naked from the waist down during meetings!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/3BUlROwvQiwsSbKSOhFTR6"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;or &lt;a href="https://open.spotify.com/episode/3BUlROwvQiwsSbKSOhFTR6"&gt;listen directly on spotify&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/19-pretty-much-just-35-minutes-us-complaining-about/id1485252900?i=1000471875856"&gt;https://podcasts.apple.com/us/podcast/19-pretty-much-just-35-minutes-us-complaining-about/id1485252900?i=1000471875856&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dnvp5ccbc4zdk3kxyw3msk5indm?t=19_Pretty_Much_Just_35_Minutes_Of_Us_Complaining_About_Meetings-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dnvp5ccbc4zdk3kxyw3msk5indm?t=19_Pretty_Much_Just_35_Minutes_Of_Us_Complaining_About_Meetings-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/19-pretty-much-just-35-minutes-of-us-complaining-about-meetings/"&gt;https://www.devplebs.tech/friday-night-deploys/19-pretty-much-just-35-minutes-of-us-complaining-about-meetings/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;Are you currently stuck in meeting hell or have been? If you would like to share for us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>webdev</category>
      <category>jokes</category>
    </item>
    <item>
      <title>Friday Night Deploys: #16 The Self-Isolation Showdown Extravaganza (Part 1)</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Fri, 03 Apr 2020 17:35:36 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-16-the-self-isolation-showdown-extravaganza-part-1-2kg3</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-16-the-self-isolation-showdown-extravaganza-part-1-2kg3</guid>
      <description>&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;COVID-19 has forced a lot of changes to go fully remote, and so has our podcast! We're still moving forward with our weekly schedule. While this goes remote for the time being we apologize for any drops in audio quality and any delays in the conversation flow, we hope this gives us the chance to get better at podcasting remotely!&lt;/p&gt;

&lt;p&gt;Last time the DevPlebs talk about: Making bad decisions in your early 20's! Getting shitty homemade tattoos! Wearing weightlifting gloves to do athletic things! Remote podcasting! Phil becoming a cam girl! The reason why our podcast is art! Phil's trust for Keith! Why we aren't giving tips for working remotely! Phil's unorthodox working conditions! Weird snacks! Having a disproportionate amount of waffles in the house! The Pomodoro technique! Dreaming code! Working at home with your partner! The tall stairs in Keith's house! More talk about weightlifting gloves? Keith's pillow-y hands and buttery skin! How this entire episode was just a 30-minute advertisement for Zoom! Keith's wife's intestinal issues! Going partially vegan! How our numbers compare to the Ladybug podcast! The Keswick High School Ultimate Frisbee team! An update on our self-isolation!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/6qCuPmMXeubH0RpS0sUPlg"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;or &lt;a href="https://open.spotify.com/episode/6qCuPmMXeubH0RpS0sUPlg"&gt;listen directly on spotify&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/16-the-self-isolation-showdown-extravaganza-part-1/id1485252900?i=1000469018307"&gt;https://podcasts.apple.com/us/podcast/16-the-self-isolation-showdown-extravaganza-part-1/id1485252900?i=1000469018307&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Da7vdtejkyusnmrnlap7yv2fbzu?t=16_The_Self-Isolation_Showdown_Extravaganza_Part_1-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Da7vdtejkyusnmrnlap7yv2fbzu?t=16_The_Self-Isolation_Showdown_Extravaganza_Part_1-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/16-the-self-isolation-showdown-extravaganza-part-1/"&gt;https://www.devplebs.tech/friday-night-deploys/16-the-self-isolation-showdown-extravaganza-part-1/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;How have you been adjusting in isolation? If you would like to share for us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>webdev</category>
      <category>jokes</category>
    </item>
    <item>
      <title>Friday Night Deploys: #15 Developer Pitfalls Or (How Not To Die Miserably In The Hole You've Dug)</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Thu, 19 Mar 2020 17:45:48 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-15-developer-pitfalls-or-how-not-to-die-miserably-in-the-hole-you-ve-dug-48j3</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-15-developer-pitfalls-or-how-not-to-die-miserably-in-the-hole-you-ve-dug-48j3</guid>
      <description>&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;Last week the DevPlebs talk about: The burden of daylight savings time! Becoming a conspiracy podcast! Death threats! Wimpy web developers! Meeting our quota for talking about web development on the podcast! Our collective bad memories! Keith's lazy dogs! Canadian winter! Phil's Gatsby talk and his average sized deck! The ever-declining quality of this podcast! Only listening to audio in .FLAC format! Dropping spoilers for the movie Saw! The market for erotic podcasts! Using bitwise operators to look smart and write unmaintainable code! Holding yourself accountable! Keith's weird promise of fan fiction at 1000 streams! Bidets and Thai butt guns! Weak and lazy metaphors! Professor Jaret Wright! People trying to sell us services even though we're broke! How to be a better developer!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/3KJ9kxzV5MBrA3kekPcXIF"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;or &lt;a href="https://open.spotify.com/episode/3KJ9kxzV5MBrA3kekPcXIF"&gt;listen directly on spotify&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/15-developer-pitfalls-or-how-not-to-die-miserably-in/id1485252900?i=1000468378208"&gt;https://podcasts.apple.com/us/podcast/15-developer-pitfalls-or-how-not-to-die-miserably-in/id1485252900?i=1000468378208&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dk5474xryh6szykb64fg7j463ke?t=15_Developer_Pitfalls_Or_How_Not_To_Die_Miserably_In_The_Hole_Youve_Dug-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dk5474xryh6szykb64fg7j463ke?t=15_Developer_Pitfalls_Or_How_Not_To_Die_Miserably_In_The_Hole_Youve_Dug-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/14-developer-pitfalls-or-how-not-to-die-miserably-in-the-hole-youve-dug/"&gt;https://www.devplebs.tech/friday-night-deploys/14-developer-pitfalls-or-how-not-to-die-miserably-in-the-hole-youve-dug/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;Have you fallen into any of these pitfalls? Do you have any additional pitfalls? If you would like to share for us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>webdev</category>
      <category>jokes</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Friday Night Deploys: #14 Be The G.O.A.T. When You're Remote</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Wed, 11 Mar 2020 17:10:48 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-14-be-the-g-o-a-t-when-you-re-remote-17f3</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-14-be-the-g-o-a-t-when-you-re-remote-17f3</guid>
      <description>&lt;h2&gt;
  
  
  Quick Note
&lt;/h2&gt;

&lt;p&gt;With recent world events, it seems like the topic of remote work is becoming much more important. Since the recording of this episode more conferences and tradeshows have been canceled/gone digital and many companies are now moving to remote work in response. We hope everyone remains cautious and healthy during this time and transition smoothly to remote work as needed!&lt;/p&gt;

&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;Last week the DevPlebs talk about: Keith not being as anti-social as he seems! Building up bad karma from being negative! How Mark Zuckerberg would kill his employees! The torture scene from The Social Network! Phil's bizarre lying story! Getting out of homework! Jay Chesterman's large muscles &amp;amp; great skateboarding skills! Phil hiding from his teacher under a table! Teaching your children to have a lack of accountability! Being locked out of the brand Twitter account! Trap country! Train germs! Gym sweat! Washing your hands for the first time! Keith`s Liam Neeson impression! Office mold! Trust issues! Trying really hard to not say something bad about someone! The perils of micromanagement! Touques (or beanies, depending on where you're from)! Giving unwarranted nutritional advice! Staying hydrated! Our credentials as water doctors! Mouthguard science!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/3H6YaTkjCmIS2ahi4OdvFA"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;or &lt;a href="https://open.spotify.com/episode/3H6YaTkjCmIS2ahi4OdvFA"&gt;listen directly on spotify&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/friday-night-deploys/id1485252900"&gt;https://podcasts.apple.com/us/podcast/friday-night-deploys/id1485252900&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dmlqa2m6xjbcxlq64zvnc6ah4fi?t=14_Be_The_GOAT_When_Youre_Remote-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dmlqa2m6xjbcxlq64zvnc6ah4fi?t=14_Be_The_GOAT_When_Youre_Remote-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/14-be-the-goat-when-youre-remote/"&gt;https://www.devplebs.tech/friday-night-deploys/14-be-the-goat-when-youre-remote/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;Has your work gone fully remote yet? Do you have any remote work tips? If you would like to share for us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>jokes</category>
      <category>webdev</category>
      <category>career</category>
    </item>
    <item>
      <title>Adding a Blog to the DevPlebs Site with Gatsby Themes - Part 2</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Thu, 05 Mar 2020 15:08:25 +0000</pubDate>
      <link>https://dev.to/devplebs/adding-a-blog-to-the-devplebs-site-with-gatsby-part-2-4d5a</link>
      <guid>https://dev.to/devplebs/adding-a-blog-to-the-devplebs-site-with-gatsby-part-2-4d5a</guid>
      <description>&lt;p&gt;Welcome to part 2 of the heavily acclaimed series "Adding a blog to the devplebs site so Keith can post hot content!"&lt;/p&gt;

&lt;h2&gt;
  
  
  Last Time
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;We Installed the gatsby-theme-blog plugin to our existing devplebs gatsby site.&lt;/li&gt;
&lt;li&gt;We tried to create a mock post, but, we ran into a compile error for a missing Date value.&lt;/li&gt;
&lt;li&gt;We went hunting through the source code and found some interesting things about how the gatsby-theme-blog is architected along with the schema for blog posts.&lt;/li&gt;
&lt;li&gt;We submitted a PR for both the gatsby-theme-blog and gatsby-theme-blog-core to display this schema in its readme so hopefully, no one else gets as lost as we did!&lt;/li&gt;
&lt;li&gt;We saw that the installation and usage of our blog theme succeeded, as a whole blog section was added to the site. However, the look and feel didn't match up with the rest of the site!&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Will we use shadowing to solve our problem? will we install the gatsby-theme-blog-core plugin instead? Will we be able to finish implementing a blog onto our site? Find out Now!&lt;/p&gt;

&lt;h2&gt;
  
  
  What the Heck is Shadowing?
&lt;/h2&gt;

&lt;p&gt;To begin, let's go over what shadowing is when it comes to Gatsby.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Since themes are usually deployed as npm packages that other people use in their sites, you need a way to modify certain files, such as React components, without making changes to the source code of the theme. This is called &lt;em&gt;Shadowing&lt;/em&gt;&lt;br&gt;
Shadowing is a filesystem-based API that allows us to replace one file with another at build time. For Example, if you had a theme with a Header component you could replace that Header with your own by creating a new file and placing it in the current location for Shadowing to find it.&lt;br&gt;
&lt;em&gt;Gatsby docs &lt;a href="https://www.gatsbyjs.org/docs/theme-api/#shadowing" rel="noopener noreferrer"&gt;https://www.gatsbyjs.org/docs/theme-api/#shadowing&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Thankfully Gatsby has tons of documentation. According to the rest of the Shdaowing API, we can either override components completely or extend off of them depending on how their built; which is pretty cool, so let's start.&lt;/p&gt;

&lt;h2&gt;
  
  
  Shadowing the Layout.
&lt;/h2&gt;

&lt;p&gt;Since we're missing our Header and Footer that is contained in the Layout component wrapping the application, I'm guessing our blog theme has its own layout that we'll need to find and use ours instead.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 1 - Finding the theme component
&lt;/h3&gt;

&lt;p&gt;We installed the theme already so I'm going to go through my &lt;code&gt;node_modules&lt;/code&gt; directory to find the &lt;code&gt;gatsby-theme-blog&lt;/code&gt; package.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fiqfxnmz1q85oimznuhq8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fiqfxnmz1q85oimznuhq8.png" alt="File tree of gatsby-theme-blog"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;inside the package, the layout component lives under &lt;code&gt;/src/components/layout&lt;/code&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 2 - Create a matching directory structure to shadow the theme
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;src
&lt;span class="nb"&gt;mkdir &lt;/span&gt;gatsby-theme-blog/components

&lt;span class="nb"&gt;cd &lt;/span&gt;gatsby-theme-blog/components
&lt;span class="nb"&gt;touch &lt;/span&gt;layout.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdwlxxiax4gdxq1blzd3z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fdwlxxiax4gdxq1blzd3z.png" alt="File tree of devplebs showing the matching structure of theme component"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now in our devplebs site, we have &lt;code&gt;src/gatsby-theme-blog/components/layout.js&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;The directory for the theme name is &lt;strong&gt;important&lt;/strong&gt; so that gatsby knows at build time what file to use for that file referenced in the theme.&lt;/p&gt;

&lt;p&gt;Understanding that this happens on build time is also &lt;strong&gt;important&lt;/strong&gt;, if you are already running the local server you will need to stop it and start it back up to take effect.&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 3 - Override the Layout
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;Layout&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;../../components/Layout&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="nx"&gt;Layout&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;We already have a Layout component so we can just import our existing component in and export default it out. Essentially, we're just swapping out the theme layout to use ours.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fi29hsu48y7hzt1jjx7k7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fi29hsu48y7hzt1jjx7k7.png" alt="The devplebs posts page, showing the devplebs site header and footer but the main content still styled like the theme pages"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Progress! I might go against my spoiler warning and continue with shadowing.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Step 4 - Override the Posts
&lt;/h3&gt;

&lt;p&gt;The &lt;code&gt;&amp;lt;Posts /&amp;gt;&lt;/code&gt; theme component appears to be acting as a page template so we can shadow this and make the changes we need to make it look like our episodes page.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;gatsby-theme-blog/components
&lt;span class="nb"&gt;touch &lt;/span&gt;posts.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The same thing as before, we can create a &lt;code&gt;posts.js&lt;/code&gt; file inside the &lt;code&gt;gatsby-theme-blog&lt;/code&gt; directory to shadow the existing Posts component included in the theme.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight diff"&gt;&lt;code&gt;&lt;span class="p"&gt;import React, { Fragment } from "react"
import { Link } from "gatsby"
&lt;/span&gt;&lt;span class="gd"&gt;- import { Styled, css } from "theme-ui"
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="p"&gt;import Layout from "../components/layout"
import SEO from "../components/seo"
&lt;/span&gt;&lt;span class="gd"&gt;- import Footer from "../components/home-footer"
&lt;/span&gt;&lt;span class="gi"&gt;+ import Section from "../components/Section"
+ import { Container } from "../components/Container"
+ import { Card } from "../../components/Card"
+ import Header from "../../components/Header"
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="p"&gt;const Posts = ({ location, posts, siteTitle, socialLinks }) =&amp;gt; (
&lt;/span&gt; &amp;lt;Layout location={location} title={siteTitle}&amp;gt;
&lt;span class="gd"&gt;-  &amp;lt;main&amp;gt;
&lt;/span&gt;&lt;span class="gi"&gt;+    &amp;lt;Section bgColor="#419d78"&amp;gt;
+      &amp;lt;Container&amp;gt;
+        &amp;lt;Header size="2xl" align="center" fontWeight="light-bold" shadow&amp;gt;
+          Blog Posts
+        &amp;lt;/Header&amp;gt;
&lt;/span&gt;           {posts.map(({ node }) =&amp;gt; {
             const title = node.title || node.slug
             const keywords = node.keywords || []
             return (
               &amp;lt;Fragment key={node.slug}&amp;gt;
&lt;span class="gi"&gt;+                &amp;lt;SEO title="Blog" keywords={keywords} /&amp;gt;
&lt;/span&gt;&lt;span class="gd"&gt;-                &amp;lt;div&amp;gt;
-                  &amp;lt;Styled.h2
-                    css={css({
-                      mb: 1,
-                    })}
-                  &amp;gt;
-                    &amp;lt;Styled.a
-                      as={Link}
-                      css={css({
-                        textDecoration: `none`,
-                      })}
-                      to={node.slug}
-                    &amp;gt;
-                      {title}
-                    &amp;lt;/Styled.a&amp;gt;
-                  &amp;lt;/Styled.h2&amp;gt;
-                  &amp;lt;small&amp;gt;{node.date}&amp;lt;/small&amp;gt;
-                  &amp;lt;Styled.p&amp;gt;{node.excerpt}&amp;lt;/Styled.p&amp;gt;
-                &amp;lt;/div&amp;gt;
&lt;/span&gt;&lt;span class="gi"&gt;+                &amp;lt;Link to={node.slug}&amp;gt;
+                    &amp;lt;Card 
+                      key={node.slug} 
+                      title={title} 
+                      header={node.date} 
+                      text={node.excerpt}
+                    /&amp;gt;
+                &amp;lt;/Link&amp;gt;
&lt;/span&gt;               &amp;lt;/Fragment&amp;gt;
             )
           })}
&lt;span class="gi"&gt;+      &amp;lt;/Container&amp;gt;
+    &amp;lt;/Section&amp;gt;
&lt;/span&gt;&lt;span class="gd"&gt;-   &amp;lt;/main&amp;gt;
-   &amp;lt;Footer socialLinks={socialLinks} /&amp;gt;
&lt;/span&gt;  &amp;lt;/Layout&amp;gt;
)
&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="p"&gt;export default Posts
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;There isn't a whole lot going on in the themes posts file and because I only want to mostly update the styles and use our own components I decided to use trusty ol' copy-paste. I then took things I didn't need out and some of my own stuff I wanted to use.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fcxgxojauzedwj33cj783.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fcxgxojauzedwj33cj783.png" alt="Screenshot of the new blog page with changes made with the shadowed posts file we created"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 5 - Override the Post
&lt;/h3&gt;

&lt;p&gt;we'll also want to shadow the post component which will be the same process.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;gatsby-theme-blog/components
&lt;span class="nb"&gt;touch &lt;/span&gt;post.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight diff"&gt;&lt;code&gt;&lt;span class="p"&gt;import React from "react"
&lt;/span&gt;&lt;span class="gd"&gt;- import { Styled, css } from "theme-ui"
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="gd"&gt;- import PostFooter from "../components/post-footer"
- import Layout from "../components/layout"
&lt;/span&gt;&lt;span class="gi"&gt;+ import Layout from "./layout"
&lt;/span&gt;&lt;span class="p"&gt;import SEO from "../components/seo"
import { MDXRenderer } from "gatsby-plugin-mdx"
&lt;/span&gt;&lt;span class="gi"&gt;+ import { Container } from "../../components/Container"
+ import { Card } from "../../components/Card"
+ import Header from "../../components/Header"
+ import Section from "../../components/Section"
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="p"&gt;const Post = ({
&lt;/span&gt;  data: {
    post,
    site: {
      siteMetadata: { title },
    },
  },
  location,
  previous,
  next,
}) =&amp;gt; (
  &amp;lt;Layout location={location} title={title}&amp;gt;
&lt;span class="gd"&gt;-   &amp;lt;SEO title={post.title} description={post.excerpt} /&amp;gt;
-   &amp;lt;main&amp;gt;
-     &amp;lt;Styled.h1&amp;gt;{post.title}&amp;lt;/Styled.h1&amp;gt;
-     &amp;lt;Styled.p
-       css={css({
-         fontSize: 1,
-         mt: -3,
-         mb: 3,
-       })}
-     &amp;gt;
-       {post.date}
-     &amp;lt;/Styled.p&amp;gt;
&lt;/span&gt;&lt;span class="gi"&gt;+    &amp;lt;Section bgColor="#419d78"&amp;gt;
+     &amp;lt;Container&amp;gt;
+       &amp;lt;SEO title={post.title} description={post.excerpt} /&amp;gt;
+       &amp;lt;PostCard&amp;gt;
+         &amp;lt;Header
+           color="black"
+           size="2xl"
+           align="center"
+           fontWeight="light-bold"
+         &amp;gt;
+           {post.title}
+         &amp;lt;/Header&amp;gt;
&lt;/span&gt;          &amp;lt;MDXRenderer&amp;gt;{post.body}&amp;lt;/MDXRenderer&amp;gt;
&lt;span class="gi"&gt;+         &amp;lt;PostFooter {...{ previous, next }} /&amp;gt;
+       &amp;lt;/PostCard&amp;gt;
+     &amp;lt;/Container&amp;gt;
+   &amp;lt;/Section&amp;gt;
&lt;/span&gt;&lt;span class="gd"&gt;-   &amp;lt;/main&amp;gt;
-   &amp;lt;PostFooter {...{ previous, next }} /&amp;gt;
&lt;/span&gt;  &amp;lt;/Layout&amp;gt;
)
&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="p"&gt;export default Post
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0gu1upn6k8ouo864aj5u.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0gu1upn6k8ouo864aj5u.png" alt="Screenshot of shadowed post page with placeholder content still appearing in the post footer"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 6 - Investigate the placeholder content in the post footer
&lt;/h3&gt;

&lt;p&gt;We're getting closer, however, the small post footer still contains placeholder content so we'll have to dig into some of the source code for the blog theme to see what we need to do. We at least know that it's something in the &lt;code&gt;&amp;lt;PostFooter /&amp;gt;&lt;/code&gt; component since that's under the rendered post content.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="c1"&gt;// node_modules/gatsby-theme-blog/src/components/post-footer.js&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;React&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;react&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;Link&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;gatsby&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;css&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;Styled&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;Flex&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;theme-ui&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;

&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;Bio&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;../components/bio&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;Footer&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="nx"&gt;previous&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;next&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;footer&lt;/span&gt;
    &lt;span class="na"&gt;css&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;css&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
      &lt;span class="na"&gt;mt&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="na"&gt;pt&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;
    &lt;span class="p"&gt;})&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
  &lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Styled&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nt"&gt;hr&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Bio&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt; &lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="c1"&gt;// &amp;lt;---------------- Dive in}&lt;/span&gt;
    &lt;span class="p"&gt;{(&lt;/span&gt;&lt;span class="nx"&gt;previous&lt;/span&gt; &lt;span class="o"&gt;||&lt;/span&gt; &lt;span class="nx"&gt;next&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
      &lt;span class="p"&gt;...&lt;/span&gt; &lt;span class="c1"&gt;// next &amp;amp; prev logic&lt;/span&gt;
    &lt;span class="p"&gt;)}&lt;/span&gt;
  &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="na"&gt;footer&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
)

export default Footer

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="c1"&gt;// node_modules/gatsby-theme-blog/src/components/bio.js&lt;/span&gt;


&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;React&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;react&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;useStaticQuery&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;graphql&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;gatsby&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;Image&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;gatsby-image&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;Styled&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;css&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;Flex&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;theme-ui&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;BioContent&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;./bio-content&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;

&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;Bio&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;useStaticQuery&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;bioQuery&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="na"&gt;site&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="na"&gt;siteMetadata&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;author&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="nx"&gt;avatar&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
  &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt;

  &lt;span class="k"&gt;return &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Flex&lt;/span&gt; &lt;span class="na"&gt;css&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;css&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt; &lt;span class="na"&gt;mb&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="na"&gt;alignItems&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;`center`&lt;/span&gt; &lt;span class="p"&gt;})&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;avatar&lt;/span&gt; &lt;span class="p"&gt;?&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt; &lt;span class="c1"&gt;// &amp;lt;------ Keep note of this&lt;/span&gt;
        &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Image&lt;/span&gt;
          &lt;span class="na"&gt;fixed&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;avatar&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;childImageSharp&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;fixed&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
          &lt;span class="na"&gt;alt&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;author&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
          &lt;span class="na"&gt;css&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;css&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
            &lt;span class="na"&gt;mr&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;mb&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;48&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;minWidth&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;48&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;borderRadius&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;99999&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
          &lt;span class="p"&gt;})&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
        &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
        &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;div&lt;/span&gt;
          &lt;span class="na"&gt;css&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="nf"&gt;css&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
            &lt;span class="na"&gt;mr&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;mb&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;0&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;48&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;minWidth&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;48&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="na"&gt;borderRadius&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;99999&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
          &lt;span class="p"&gt;})&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
          &lt;span class="na"&gt;role&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"presentation"&lt;/span&gt;
        &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
      &lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Styled&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nt"&gt;div&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;BioContent&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt; &lt;span class="si"&gt;{&lt;/span&gt;&lt;span class="c1"&gt;// &amp;lt;------------ Dive in}&lt;/span&gt;
      &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="err"&gt;/&lt;/span&gt;&lt;span class="na"&gt;Styled&lt;/span&gt;&lt;span class="err"&gt;.&lt;/span&gt;&lt;span class="na"&gt;div&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Flex&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
  &lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="si"&gt;}&lt;/span&gt;

const bioQuery = graphql`
  query BioQuery &lt;span class="si"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;site&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="nx"&gt;siteMetadata&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="nx"&gt;author&lt;/span&gt;
      &lt;span class="p"&gt;}&lt;/span&gt;
    &lt;span class="si"&gt;}&lt;/span&gt;
    avatar: file(absolutePath: &lt;span class="si"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;regex&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;/avatar.(jpeg|jpg|gif|png)/&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt; &lt;span class="si"&gt;}&lt;/span&gt;) &lt;span class="si"&gt;{&lt;/span&gt;
      &lt;span class="nx"&gt;childImageSharp&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="nf"&gt;fixed&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;48&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="mi"&gt;48&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
          &lt;span class="p"&gt;...&lt;/span&gt;&lt;span class="nx"&gt;GatsbyImageSharpFixed&lt;/span&gt;
        &lt;span class="p"&gt;}&lt;/span&gt;
      &lt;span class="si"&gt;}&lt;/span&gt;
    }
  }
`

export default Bio

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight jsx"&gt;&lt;code&gt;&lt;span class="c1"&gt;// node_modules/gatsby-theme-blog/src/components/bio-content.js&lt;/span&gt;

&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;React&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;Fragment&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;react&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;
&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nx"&gt;Styled&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;theme-ui&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;

&lt;span class="cm"&gt;/**
 * Shadow me to add your own bio content
 */&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default &lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
  &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Fragment&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
    Words by &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nc"&gt;Styled&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="p"&gt;=&lt;/span&gt;&lt;span class="s"&gt;"http://example.com/"&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;Jane Doe&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Styled&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nt"&gt;a&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;.
    &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;br&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
    Change me. This is all quite default.
  &lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nc"&gt;Fragment&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="p"&gt;)&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Bingo! Turns out the &lt;code&gt;&amp;lt;BioContent /&amp;gt;&lt;/code&gt; component is not only statically rendering the placeholder content but is currently an actionable example to override with shadowing for your own content.&lt;/p&gt;

&lt;p&gt;We also found a condition in the &lt;code&gt;&amp;lt;Bio /&amp;gt;&lt;/code&gt; component that looks like we can actually have a little image next to our &lt;code&gt;&amp;lt;BioContent /&amp;gt;&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;Summarizing the two things we need to do next.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add an image called &lt;code&gt;avatar&lt;/code&gt; in our assets directory for &lt;code&gt;&amp;lt;Bio /&amp;gt;&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Shadow &lt;code&gt;&amp;lt;BioContent /&amp;gt;&lt;/code&gt; with our own content (It's asking for it)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Step 7 - Add the avatar image to the assets directory
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fex2zu1lqy07yx0esgiwu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fex2zu1lqy07yx0esgiwu.png" alt="Sceenshot of the newly added avatar.png in our assets directory"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now thanks to the plugins used in the &lt;code&gt;gatsby-theme-blog&lt;/code&gt;, Gatsby will take that image at build time and populate the GraphQL data layer with the images it's created. Then, the condition in the &lt;code&gt;&amp;lt;Bio /&amp;gt;&lt;/code&gt; component will be able to successfully query the &lt;code&gt;avatar&lt;/code&gt; image and render it.&lt;/p&gt;

&lt;p&gt;Just like in part 1 when we came across a pain point for something we didn't know, I'm going to open an issue and pull request to the gatsby repository thanks to open source magic!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fl3nevrr3w6my4ll5fx4y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fl3nevrr3w6my4ll5fx4y.png" alt="Screenshot of an opened issue on Gatsby's github about instructions for using the avatar image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fhwzy3ru2utmg4cachznf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fhwzy3ru2utmg4cachznf.png" alt="Screenshot of an opened pull request on Gatsby's github adding instructions for using the avatar image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Step 8 - Override the Bio-Content
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;gatsby-theme-blog/components

&lt;span class="nb"&gt;touch &lt;/span&gt;bio-content.js
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight diff"&gt;&lt;code&gt;&lt;span class="p"&gt;import React, { Fragment } from "react"
&lt;/span&gt;&lt;span class="gd"&gt;- import { Styled } from "theme-ui"
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="gi"&gt;+import Header from "../../components/Header"
&lt;/span&gt;&lt;span class="gd"&gt;-/**
- * Shadow me to add your own bio content
- */
&lt;/span&gt;&lt;span class="err"&gt;
&lt;/span&gt;&lt;span class="p"&gt;export default () =&amp;gt; (
&lt;/span&gt;  &amp;lt;Fragment&amp;gt;
&lt;span class="gd"&gt;-    Words by &amp;lt;Styled.a href="http://example.com/"&amp;gt;Jane Doe&amp;lt;/Styled.a&amp;gt;.
-    &amp;lt;br /&amp;gt;
-    Change me. This is all quite default.
&lt;/span&gt;&lt;span class="gi"&gt;+    &amp;lt;Header color="#232129"&amp;gt;Written by Keith Brewster.&amp;lt;/Header&amp;gt;
&lt;/span&gt;  &amp;lt;/Fragment&amp;gt;
)
&lt;span class="err"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqtm24fzw2l3dujleol99.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqtm24fzw2l3dujleol99.png" alt="screenshot of new post page with fully shadowed PostFooter"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Wrap up
&lt;/h2&gt;

&lt;p&gt;After all that shadowing we did it! It may need a little bit of extra tweaking with styling but some of that is specific to how we've built and styled out the site.&lt;/p&gt;

&lt;p&gt;Ideally, I would have liked to just have used the &lt;code&gt;gatsby-theme-blog-core&lt;/code&gt; package because the &lt;code&gt;gatsby-theme-blog&lt;/code&gt; comes with some extra stuff we didn't &lt;em&gt;need&lt;/em&gt; like &lt;code&gt;theme-ui&lt;/code&gt;. For the sake of this post, our use case, and my laziness I decided to go with shadowing because I had a feeling shadowing was actually going to be less work to do with a low impact if any. This will naturally vary depending on the complexity or specific architecture of the theme and your existing gatsby site.&lt;/p&gt;

&lt;p&gt;I would heavily recommend using the &lt;code&gt;gatsby-theme-blog-core&lt;/code&gt; theme if you are creating your own blog theme!&lt;/p&gt;

&lt;h3&gt;
  
  
  Things I feel good about :)
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;We successfully integrated a gatsby blog theme into our site.&lt;/li&gt;
&lt;li&gt;We only shadowed 4 components to do it.&lt;/li&gt;
&lt;li&gt;Components were small enough that we didn't have to recreate much in our shadowing.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Things I didn't feel good about :(
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;We had no prior knowledge we needed an avatar image for the functionality in the ` component.&lt;/li&gt;
&lt;li&gt;I was a little bummed out the "Written by" was static in the &lt;code&gt;&amp;lt;BioContent /&amp;gt;&lt;/code&gt; component. It's a good actionable example of shadowing a component to have your own content there, however in my opinion, this should be something either included in the theme config or an author should be specified in each post to enable more than 1 author. That's also easier said than done.&lt;/li&gt;
&lt;li&gt;Having to dig into the source code of a theme to hunt down components to shadow can be tedious at times. (upcoming tooling for this is hinted in the docs)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Things to say
&lt;/h3&gt;

&lt;p&gt;I continue to like a lot of things with Gatsby and what they're doing. I think there are really cool things coming down the pipeline from the various teams and the whole Gatsby project is open source! They're a really cool team and community; making contributions is very smooth with their GitHub setup.&lt;/p&gt;

&lt;p&gt;That's it for this little mini-series of installing the &lt;code&gt;gatsby-theme-blog&lt;/code&gt; into our existing devplebs gatsby site so Keith can post some extra quality content.&lt;/p&gt;

&lt;p&gt;I hope you all enjoyed this, it took me longer than expected with lots of things happening between podcasting, doing talks at meetups, and looking into other forms of content!&lt;/p&gt;

&lt;h2&gt;
  
  
  Time For The Plug!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F6tbhmfy28hrx9ut71rs1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F6tbhmfy28hrx9ut71rs1.png" alt="Friday Night Deploys Podcast by The Devplebs"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  We Have a Podcast!
&lt;/h3&gt;

&lt;p&gt;Keith Brewster and Phil Tietjen are 2 Canadian Web Developers and friends who decided to start what may be best described as a web development-focused and personality-driven podcast show called "Friday Night Deploys". It's a weekly show aimed to release every Friday where we share our experiences and stories about related topics and we typically like to go off the rails here and there.&lt;/p&gt;

&lt;h3&gt;
  
  
  Where To Listen
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Spotify:&lt;/strong&gt; &lt;a href="https://open.spotify.com/show/7oXdJ5aETg5GBSNC6jZSNq" rel="noopener noreferrer"&gt;https://open.spotify.com/show/7oXdJ5aETg5GBSNC6jZSNq&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Itunes:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/ca/podcast/friday-night-deploys/id1485252900" rel="noopener noreferrer"&gt;https://podcasts.apple.com/ca/podcast/friday-night-deploys/id1485252900&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Google Play Music:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/I54hbbplhdmovo2so6cxsctkcaq?t=Friday_Night_Deploys" rel="noopener noreferrer"&gt;https://play.google.com/music/m/I54hbbplhdmovo2so6cxsctkcaq?t=Friday_Night_Deploys&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://devplebs.tech" rel="noopener noreferrer"&gt;https://devplebs.tech&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;PodBean:&lt;/strong&gt; &lt;a href="https://devplebs.podbean.com/" rel="noopener noreferrer"&gt;https://devplebs.podbean.com/&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Where To Reach Us
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs" rel="noopener noreferrer"&gt;https://twitter.com/DevPlebs&lt;/a&gt; (DM's or Mentions welcome)&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We hope you have fun listening and hope to hear from you!&lt;/p&gt;

</description>
      <category>gatsby</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>react</category>
    </item>
    <item>
      <title>Friday Night Deploys: #13 Sorry, Your Friends Make More Money Than You (#KnowYourWorth)</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Tue, 03 Mar 2020 14:36:25 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-13-sorry-your-friends-make-more-money-than-you-knowyourworth-4nla</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-13-sorry-your-friends-make-more-money-than-you-knowyourworth-4nla</guid>
      <description>&lt;p&gt;Am I still playing catch up promoting our podcast episodes? I like to think of it like the notifications that go out when you follow us are like the Manga of Friday Night Deploys where our hardcore fans like Andreas and Erica experience, and these posts are like the anime where we mess everything up and gain a separate following that the hardcore followers can evolve into true early adopters or even ascend to hipster levels. What am I doing again?&lt;/p&gt;

&lt;p&gt;(Sorry Keith, I brought up anime again.)&lt;/p&gt;

&lt;p&gt;Last time the DevPlebs talk about: React portfolios! Matt Hoffman! Ned's Declassified School Survival Guide on Nickelodian! Phil not being able to ride a bike! Deep dish pizzas! Phil betraying the trust of his family! Overeating! Stealing toilet paper from the college! Phil missing the train! Jason Momoa being in Toronto! Hakata Shoryuken Ramen! $3 for a 20 oz pint of Sapporo! Keith's terrible time skiing! Shallow hips! The movie Shallow Hal for some reason? The bullshit of negotiating your salary! Using self-deprecating humour as a defense mechanism! The true meaning behind "The Six"! Barrie Wrestling! Getting paid way too much! Whether or not people like lakes! Reverse osmosis water filtering! Eddie Guerrero (RIP)! Starting an OnlyFans! Keith's alcoholism! Criss Angel Mind Freak! Adorkable misogyny! Salaries n' stuff!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/3rVt3D1Gia3NLe9MYDEg0h"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/tt/podcast/13-sorry-your-friends-make-more-money-than-you-knowyourworth/id1485252900?i=1000466306923"&gt;https://podcasts.apple.com/tt/podcast/13-sorry-your-friends-make-more-money-than-you-knowyourworth/id1485252900?i=1000466306923&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dq2ervgscrq6fvsthuijoladjyy?t=13_Sorry_Your_Friends_Make_More_Money_Than_You_KnowYourWorth-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dq2ervgscrq6fvsthuijoladjyy?t=13_Sorry_Your_Friends_Make_More_Money_Than_You_KnowYourWorth-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/13-sorry-your-friends-make-more-money-than-you-knowyourworth/"&gt;https://www.devplebs.tech/friday-night-deploys/13-sorry-your-friends-make-more-money-than-you-knowyourworth/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;If you would like to share some feelings about the know your worth hashtag you want us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>webdev</category>
      <category>career</category>
      <category>jokes</category>
    </item>
    <item>
      <title>Friday Night Deploys: #12 The Incredibly Peculiar World Of Job Titles In Tech</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Fri, 21 Feb 2020 16:06:02 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-12-the-incredibly-peculiar-world-of-job-titles-in-tech-285a</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-12-the-incredibly-peculiar-world-of-job-titles-in-tech-285a</guid>
      <description>&lt;p&gt;It's Friday which means a new episode of Friday Night Deploys! It also means it's time for Phil to promote last weeks episode because Phil has been behind in promoting these episodes! Whoops!&lt;/p&gt;

&lt;p&gt;It does mean that if you finish listening to this episode and for some reason want more, you can jump to this weeks episode right away. That was definitely 100% my intentions from the start so don't get it twisted.&lt;/p&gt;

&lt;p&gt;Last week the DevPlebs talk about: Our 22 followers on Spotify! Our terrible financial situations! What we would do if we woke up beside a strange, large sack of cash! The Canadian $1000 bill! Drug money! Our awful podcast hosting service! Iceland's government selling the country's DNA! Being taller than 5'8"! Being tech adjacent! Not bothering to compete with technical podcasts! Thousands of people listening to this episode! The time Phil was a Lead E-Commerce Developer! EXTREME PROGRAMMING! The new Star Wars trilogy killing the Jedi job title! Large amounts of cringe! Becoming an alchemist! Phil actually being Star Wars kid! Phil almost throwing a metal pole like a javelin through the skull of a customer! Thomas Hobbes being kind of a dick! Phil becoming a Magento Solutions Architect! A lot (I mean a LOT) of hate for Magento 2!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/0c2Ga52by1ZO4TPNeSjfrY%20"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/12-the-incredibly-peculiar-world-of-job-titles-in-tech/id1485252900?i=1000465600697"&gt;https://podcasts.apple.com/us/podcast/12-the-incredibly-peculiar-world-of-job-titles-in-tech/id1485252900?i=1000465600697&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dmvzgaiqnitzdruen4hhnactn5a?t=12_The_Incredibly_Peculiar_World_Of_Job_Titles_In_Tech-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dmvzgaiqnitzdruen4hhnactn5a?t=12_The_Incredibly_Peculiar_World_Of_Job_Titles_In_Tech-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/12-the-incredibly-peculiar-world-of-job-titles-in-tech/"&gt;https://www.devplebs.tech/friday-night-deploys/12-the-incredibly-peculiar-world-of-job-titles-in-tech/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;If you would like to share some wacky tech job titles you've come across that you want us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>jokes</category>
      <category>webdev</category>
      <category>career</category>
    </item>
    <item>
      <title>Friday Night Deploys: #11 Maybe It's Legacy Code, Maybe It's Just S**t</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Wed, 19 Feb 2020 17:42:03 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-11-maybe-it-s-legacy-code-maybe-it-s-just-s-t-2fnj</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-11-maybe-it-s-legacy-code-maybe-it-s-just-s-t-2fnj</guid>
      <description>&lt;p&gt;This week the DevPlebs talk about: Using the podcast to get dates! The weird and mysterious world of fake martial arts! That one time Keith and Phil took a Muay Thai class! Knife fights! Jump Rope For Heart! Keith's grade 8 obesity! The Superbowl! Why Jenga sucks! Fighting people who write bad code! Hooligans! How new code can be just as bad as old code! Phil sabotaging future developers at his old job! The current state of Yahoo! Jamming things into ViewBags! Toothpick and marshmallow bridges! Jake Paul? Udemy's shady business practice! Vanilla Ice signing over the rights to Ice Ice Baby to Suge Knight after being held by his ankles over a hotel balcony! Lot lizards! Scott Stapp not being worth $500! Chris Hansen opening up our YouTube channel!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/67T8hx8U4pH32KXa3eX7Xk%20"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/11-maybe-its-legacy-code-maybe-its-just-shit/id1485252900?i=1000464995062"&gt;https://podcasts.apple.com/us/podcast/11-maybe-its-legacy-code-maybe-its-just-shit/id1485252900?i=1000464995062&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dptsll2ppywblfwetqwehmmktya?t=11_Maybe_Its_Legacy_Code_Maybe_Its_Just_Shit-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dptsll2ppywblfwetqwehmmktya?t=11_Maybe_Its_Legacy_Code_Maybe_Its_Just_Shit-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/11-maybe-its-legacy-code-maybe-its-just-shit/"&gt;https://www.devplebs.tech/friday-night-deploys/11-maybe-its-legacy-code-maybe-its-just-shit/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;If you would like to share your legacy code opinions or stories that you want us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>jokes</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Friday Night Deploys: #10 The Startup From Hell Part 2</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Mon, 27 Jan 2020 16:30:09 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-10-the-startup-from-hell-part-2-f6n</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-10-the-startup-from-hell-part-2-f6n</guid>
      <description>&lt;p&gt;Last week the DevPlebs talk about: Getting slapped with a DMCA notice! Calling out Joshua Fluke! Debating if every Brad is terrible! George Lucas's jowl! A small amount of web development content! Filler episodes! A cattle of interns! ActionScript being the new Star Wars! Working your way up the corporate ladder by driving your boss to work! Watching online chess! Comically deflating like a cartoon character! Giving your opponent your biggest weak points! A devastatingly will-crushing Kickstarter! A BILLION USERS! Missing the mark on Facebook games! Cheating on your spouse! Centipede camp! An actual fan email!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/6qW1oIP9KPDJwm7QIt4Fwv%20"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/friday-night-deploys/id1485252900"&gt;https://podcasts.apple.com/us/podcast/friday-night-deploys/id1485252900&lt;/a&gt; (Episode may not be up on their site because apple podcasts are slow, usually shows up in their app)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dtvyj6xmcttel6gk6mhwunsm53q?t=10_The_Startup_From_Hell_Part_2-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dtvyj6xmcttel6gk6mhwunsm53q?t=10_The_Startup_From_Hell_Part_2-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/10-the-startup-from-hell-part-2/"&gt;https://www.devplebs.tech/friday-night-deploys/10-the-startup-from-hell-part-2/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;If you would like to share your crappy startup stories that you want us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>jokes</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Friday Night Deploys: #9 The Startup From Hell Part 1</title>
      <dc:creator>Phil Tietjen</dc:creator>
      <pubDate>Fri, 24 Jan 2020 19:57:00 +0000</pubDate>
      <link>https://dev.to/devplebs/friday-night-deploys-9-the-startup-from-hell-part-1-hjg</link>
      <guid>https://dev.to/devplebs/friday-night-deploys-9-the-startup-from-hell-part-1-hjg</guid>
      <description>&lt;p&gt;Last week the DevPlebs talk about: Keith's old band names! Attempting to pronounce Harry Potter spells! Microphone windscreens! Tuxedo shirts! Wearing pajama pants to your job interview! How Phil got his job at Forever 21! The woes of minimum wage! Getting paid in theoretical dollars! 2 chains (not the rapper)! Motivating unhappy workers with a pizza party! Costco trail mix! Building an app on sad, old technology! Feeling bitchy! Emotional baggage! Our eventual Raid: Shadow Legends sponsorship! A really bad startup!&lt;/p&gt;

&lt;h2&gt;
  
  
  Listen to The Full Episode!
&lt;/h2&gt;

&lt;p&gt;&lt;iframe width="100%" height="232px" src="https://open.spotify.com/embed/episode/3bdO2M7sjYhajiDW6Wxfbq%20"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;We're also on...&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;Apple Podcasts:&lt;/strong&gt; &lt;a href="https://podcasts.apple.com/us/podcast/9-the-startup-from-hell-part-1/id1485252900?i=1000462941041"&gt;https://podcasts.apple.com/us/podcast/9-the-startup-from-hell-part-1/id1485252900?i=1000462941041&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Google Music Podcasts:&lt;/strong&gt; &lt;a href="https://play.google.com/music/m/Dfqdfjnyzk66gm456wms6nq6rhy?t=9_The_Startup_From_Hell_Part_1-Friday_Night_Deploys"&gt;https://play.google.com/music/m/Dfqdfjnyzk66gm456wms6nq6rhy?t=9_The_Startup_From_Hell_Part_1-Friday_Night_Deploys&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Our Website:&lt;/strong&gt; &lt;a href="https://www.devplebs.tech/friday-night-deploys/9-the-startup-from-hell-part-1/"&gt;https://www.devplebs.tech/friday-night-deploys/9-the-startup-from-hell-part-1/&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Get In Touch With Us!
&lt;/h2&gt;

&lt;p&gt;If you would like to share your crappy startup stories that you want us to read out in the next episode you can reach us at the following...&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Twitter:&lt;/strong&gt; &lt;a href="https://twitter.com/DevPlebs"&gt;@DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;strong&gt;Email:&lt;/strong&gt; &lt;a href="mailto:deadbeats@devplebs.tech"&gt;deadbeats@devplebs.tech&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Follow Our Twitters... If You Want!
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://twitter.com/DevPlebs"&gt;DevPlebs&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/brewsterbhg"&gt;Keith Brewster&lt;/a&gt;.&lt;br&gt;
&lt;a href="https://twitter.com/phizzard"&gt;Phil Tietjen&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;You can also ask questions or give us some feedback about the show!&lt;/p&gt;

</description>
      <category>podcast</category>
      <category>jokes</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
