From 7121a3d58b9c85871e0c41ab0e051d494c6ecd26 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Mon, 6 Jun 2022 12:48:11 -0700 Subject: [PATCH] add support for responsive youtube embeds in posts --- data/blog/coronary-evidence-video.mdx | 12 ++++++++ data/blog/new-merch-available.md | 14 +++++++++ layouts/PostLayout.tsx | 28 +++++++++++------- next.config.js | 4 +-- .../images/news/merch-parallel-biospheres.jpg | Bin 0 -> 157075 bytes types/PostFrontMatter.ts | 1 + 6 files changed, 47 insertions(+), 12 deletions(-) create mode 100644 data/blog/coronary-evidence-video.mdx create mode 100644 data/blog/new-merch-available.md create mode 100644 public/static/images/news/merch-parallel-biospheres.jpg diff --git a/data/blog/coronary-evidence-video.mdx b/data/blog/coronary-evidence-video.mdx new file mode 100644 index 0000000..fb24ac3 --- /dev/null +++ b/data/blog/coronary-evidence-video.mdx @@ -0,0 +1,12 @@ +--- +title: Coronary Evidence Tour video +date: '2016-04-04' +tags: ['video', 'tour'] +video: ZZFlhe_I4kI +draft: false +summary: We just toured with Aborted on the Coronary Evidence Tour! +--- + +We just toured with Aborted on the Coronary Evidence Tour! + +Check out video from the road here! diff --git a/data/blog/new-merch-available.md b/data/blog/new-merch-available.md new file mode 100644 index 0000000..cedac5b --- /dev/null +++ b/data/blog/new-merch-available.md @@ -0,0 +1,14 @@ +--- +title: New merch available +date: '2016-04-04' +tags: ['merch'] +draft: false +summary: New merch artwork made by Sam Haglund at Double Jaw Designs. +images: ['/static/images/news/iga.jpg'] +--- + +New merch artwork made by Sam Haglund at Double Jaw Designs. + +[facebook.com/doublejawdesigns](http://www.facebook.com/doublejawdesigns) + +![Parallel Biosphers](/static/images/news/merch-parallel-biospheres.jpg) diff --git a/layouts/PostLayout.tsx b/layouts/PostLayout.tsx index b86e8fd..e69df09 100644 --- a/layouts/PostLayout.tsx +++ b/layouts/PostLayout.tsx @@ -11,12 +11,6 @@ import { ReactNode } from 'react' import { PostFrontMatter } from 'types/PostFrontMatter' import { AuthorFrontMatter } from 'types/AuthorFrontMatter' -const editUrl = (fileName) => `${siteMetadata.siteRepo}/blob/master/data/blog/${fileName}` -const discussUrl = (slug) => - `https://mobile.twitter.com/search?q=${encodeURIComponent( - `${siteMetadata.siteUrl}/blog/${slug}` - )}` - const postDateTemplate: Intl.DateTimeFormatOptions = { weekday: 'long', year: 'numeric', @@ -33,7 +27,7 @@ interface Props { } export default function PostLayout({ frontMatter, authorDetails, next, prev, children }: Props) { - const { slug, fileName, date, title, tags } = frontMatter + const { slug, fileName, date, title, tags, video } = frontMatter return ( @@ -75,8 +69,8 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi {author.avatar && ( avatar @@ -102,7 +96,21 @@ export default function PostLayout({ frontMatter, authorDetails, next, prev, chi
-
{children}
+
+ {children} + {video ? ( +
+