diff --git a/src/components/Archive/episode.js b/src/components/Archive/episode.js index b877bc0..602df1a 100644 --- a/src/components/Archive/episode.js +++ b/src/components/Archive/episode.js @@ -39,6 +39,7 @@ const ContentContainer = styled.div` padding: 25px; flex: 1; overflow-y: auto; + display: flex; ` const EpisodeActionButton = styled.a` @@ -67,13 +68,25 @@ const Heading = styled.h1` width: 100%; ` -const EpisodeContent = styled.div` +const EpisodeImageDiv = styled.div` + width: 40%; + margin-right: 25px; +` +const EpisodeImage = styled.img` + box-shadow: 0 0 10px #000; + width: 100%; ` +const EpisodeContentDiv = styled.div` + flex: 1; +` + +const EpisodeContent = styled.div`` + const EpisodeDate = styled.span` font-weight: 600; - color: ${({ theme }) => theme.textV2} + color: ${({ theme }) => theme.textV2}; ` function getDownloadLink(link) { @@ -85,11 +98,13 @@ const Episode = ({ episode }) => ( - - {episode.isoDate} - - {episode.title} - {/* + + + + {episode.isoDate} + {episode.title} + {/* @@ -98,11 +113,12 @@ const Episode = ({ episode }) => ( 💾 */} - + + ) diff --git a/src/templates/archive.js b/src/templates/archive.js index 9c6a1b2..02c4b44 100644 --- a/src/templates/archive.js +++ b/src/templates/archive.js @@ -66,6 +66,9 @@ export const query = graphql` enclosure { url } + itunes { + image + } } } `