From e20a38a46eec8c873ffacb113f02413ccfaeb156 Mon Sep 17 00:00:00 2001
From: Shaye Ulman <shayaulman@gmail.com>
Date: Sun, 10 Jan 2021 00:50:12 +0200
Subject: [PATCH] data: Add podcasts #46

---
 data/podcasts.js       | 31 ++++++++++++++++++++++++++-----
 src/pages/podcasts.vue |  2 +-
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/data/podcasts.js b/data/podcasts.js
index bce7aa4..eaa2159 100644
--- a/data/podcasts.js
+++ b/data/podcasts.js
@@ -41,12 +41,33 @@ module.exports = [
     link: "https://www.programmingthrowdown.com/",
     image:
       "https://3.bp.blogspot.com/-rM9WWDxF9Oo/V2Aq6xitPNI/AAAAAAAAOgM/DJ32nsyJxrQqjFARXKs3LR0Q09hCCbiQACK4B/s758/PTLogoWithTitleAndBorder256.png",
-    color: "#ff2600",
+    color: "#068808",
+  },
+  {
+    name: "הייטק בפקקים",
+    description: "האנשים שעושים את ההייטק הישראלי",
+    link: "https://www.startupstadium.com/hitech-bapkakim/",
+    image: "https://www.startupstadium.com/wp-content/uploads/Logo-300-300.jpg",
+    color: "#2f7155",
   },
   {
-    name: "Real Python",
-    description: "Python Tips, Interviews, and More",
-    link: "https://realpython.com/podcasts/rpp/",
-    color: "#18354c",
+    name: "Devchat",
+    description: "Podcasts on various topics & technologies",
+    link: "https://devchat.tv/",
+    image: "https://devchat.tv/wp-content/uploads/2020/06/Logo-web.png",
+    color: "#2acaea",
   },
+  {
+    name: "Style Guide",
+    description: "A small batch series of interviews on Style Guides",
+    link: "http://styleguides.io/podcast/",
+    color: "#6cbcca",
+  },
+  {
+    name: "InfoQ",
+    description: "Intended for architects and senior developers.",
+    link: "https://www.infoq.com/podcasts/",
+    image: "https://www.infoq.com/styles/static/images/podcast/podcast-infoq.png",
+    color: "#1d8d44",
+  }
 ];
diff --git a/src/pages/podcasts.vue b/src/pages/podcasts.vue
index 173f28a..644c51d 100644
--- a/src/pages/podcasts.vue
+++ b/src/pages/podcasts.vue
@@ -1,7 +1,7 @@
 <template>
   <Layout>
     <div class="my-8 flex justify-center"><podcast-icon /></div>
-    <section class="mx-auto my-16 flex flex-col items-center">
+    <section class="mx-auto max-w-4xl flex-wrap my-16 flex items-center">
       <podcast-card
         v-for="(podcast, i) in $page.podcast.edges"
         :key="i"