diff --git a/components/css/styles.css b/components/css/styles.css
index bcd0030..3e941c4 100755
--- a/components/css/styles.css
+++ b/components/css/styles.css
@@ -263,7 +263,12 @@
   .page_body {
     text-align: justify;
   }
-
+  
   h1 {
-    font-size: 4rem
+    font-size: 3rem;
+  }
+
+  h2 {
+    font-size: 2rem;
+    font-weight: bold;
   }
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
index 9f0129c..adf67af 100755
--- a/pages/index.js
+++ b/pages/index.js
@@ -59,7 +59,7 @@ function HomePage (props) {
           ))}
           <div className="card col-sm-3">
             <h3>Latest Tech And Disability Post</h3>
-            {props.tadfirstitem.title}
+            <a href={props.tadfirstitem.link} target="_blank">{props.tadfirstitem.title}</a>
           </div>
           <div className="card col-sm-3">
             <h3>Latest Photo</h3>
diff --git a/pages/podcasts.js b/pages/podcasts.js
index a8df3ed..b39cda5 100755
--- a/pages/podcasts.js
+++ b/pages/podcasts.js
@@ -9,20 +9,48 @@ export async function getServerSideProps(context) {
     const secres = await fetch(serverRuntimeConfig.base_path + `/api/sections`)
     const secdata = await secres.json()
 
-    const podcastres = await fetch(serverRuntimeConfig.base_path + `/api/podcasts/bystatus/1`)
-    const podcastdata = await podcastres.json()
+    const currpodcastres = await fetch(serverRuntimeConfig.base_path + `/api/podcasts/bystatus/1`)
+    const currpodcastdata = await currpodcastres.json()
+
+    const archpodcastres = await fetch(serverRuntimeConfig.base_path + `/api/podcasts/bystatus/0`)
+    const archpodcastdata = await archpodcastres.json()
 
     const episodedata = "hi there"
 
     const pagedata = {'title': 'Angry Beanie - Current Podcast Projects'}
 
     return {
-        props: { sections : secdata, podcastdata, episodedata, pagedata }, // will be passed to the page component as props
+        props: { sections : secdata, currpodcastdata, archpodcastdata, episodedata, pagedata, serverRuntimeConfig }, // will be passed to the page component as props
     }
 }
 
-const Podcasts = ({sections, podcastdata, episodedata, pagedata}) =>  (
-    <Layout sections={sections} episodedata={episodedata} pagedata={pagedata}></Layout>
+const Podcasts = ({sections, currpodcastdata, archpodcastdata, episodedata, pagedata, serverRuntimeConfig}) =>  (
+    <Layout sections={sections} episodedata={episodedata} pagedata={pagedata} serverRuntimeConfig>
+        <h1>Podcasts</h1>
+        <div className="page_body">Over the years I have made a number of podcasts.</div>
+        <div className="row">
+        <div className="col-sm-6">
+            <h2>Current Podcasts</h2>
+            {currpodcastdata.shows.map((podcast) => (
+            <div><Image
+                src={serverRuntimeConfig.base_path + "/" + podcast.logo.src}
+                height={podcast.logo.height}
+                width={podcast.logo.width}
+                ></Image><Link href={"/podcasts/shows/" + podcast.slug}>{podcast.title}</Link></div>
+            ))}
+        </div>
+        <div className="col-sm-6">
+            <h2>Archived Podcasts</h2>
+            {archpodcastdata.shows.map((podcast) => (
+            <div><Image
+                src={serverRuntimeConfig.base_path + "/" + podcast.logo.src}
+                height={podcast.logo.height}
+                width={podcast.logo.width}
+                ></Image><Link href={"/podcasts/shows/" + podcast.slug}>{podcast.title}</Link></div>
+            ))}
+        </div>
+        </div>
+    </Layout>
 )
 
 export default Podcasts
\ No newline at end of file