Add more Preview Images for Blog Posts

Content/posts/building-apps-for-everyone.md

@@ -2,6 +2,7 @@
 date: 2019-05-16 09:00
 description: Is it really important to build mobile apps with accessibility features and who needs them? Deep down, everyone of us knows that when we don’t support accessibility features in our products, we leave users behind. But in reality, we all find tons of excuses for not going that extra mile …
 tags: post, accessibility, iOS
+image: images/building-apps-for-everyone/preview.jpg
 ---
 
 # Building Apps for Everyone?!

Content/posts/github-actions.md

@@ -2,6 +2,7 @@
 date: 2020-01-12 10:00
 description: The last days, I migrated some of my open source repositories from Travis CI to GitHub Actions. I only used Travis for running tests or linter, nothing too complicated.
 tags: post, github-actions, open-source, CI
+image: images/github-actions/preview.jpg
 ---
 # Migration from Travis CI to GitHub Actions
 

Content/posts/sketchnotes-on-online-conferences.md

@@ -2,6 +2,7 @@
 date: 2020-05-20 20:00
 description: I love visiting conferences! But two days full of conference talks are hard! It's hard for your brain to stay focused and to process the things you've heard. It's hard for your back when you sit on your chair all the time, not only during the talks but also during the little breaks when you join sessions to meet others. It's hard for your fingers when you make sketchnotes two days long.
 tags: post, sketchnotes, online-conference
+image: images/sketchnotes-on-online-conferences/preview.jpg
 ---
 
 # Sketchnoting on online conferences

Content/posts/thoughts-about-2019.md

@@ -2,6 +2,7 @@
 date: 2019-12-30 22:10
 description: "If you loved it, you should write a blog post on it." Following this motto, I decided to write down some thoughts about 2019.
 tags: post, recap-2019
+image: images/thoughts-about-2019/preview.jpg
 ---
 # Thoughts about 2019
 

Content/posts/welcome-sketchnotes.md

@@ -2,6 +2,7 @@
 date: 2020-03-28 10:00
 description: When I released my website in January 2020, I was a hundred percent sure, that I wanted to add my sketchnotes in it as well... but I needed more time to think about how to implement it and I was also unsure about how the layout and navigation should look like.
 tags: post, website, sketchnotes
+image: images/welcome-sketchnotes/preview.jpg
 ---
 
 # Welcome, Sketchnotes!

Output/posts/building-apps-for-everyone/index.html

@@ -12,11 +12,13 @@
 				<meta name="description" content="Is it really important to build mobile apps with accessibility features and who needs them? Deep down, everyone of us knows that when we don’t support accessibility features in our products, we leave users behind. But in reality, we all find tons of excuses for not going that extra mile …"/>
 				<meta name="twitter:description" content="Is it really important to build mobile apps with accessibility features and who needs them? Deep down, everyone of us knows that when we don’t support accessibility features in our products, we leave users behind. But in reality, we all find tons of excuses for not going that extra mile …"/>
 				<meta name="og:description" content="Is it really important to build mobile apps with accessibility features and who needs them? Deep down, everyone of us knows that when we don’t support accessibility features in our products, we leave users behind. But in reality, we all find tons of excuses for not going that extra mile …"/>
-				<meta name="twitter:card" content="summary"/>
+				<meta name="twitter:card" content="summary_large_image"/>
 				<link rel="stylesheet" href="/styles.css" type="text/css"/>
 				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
 				<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to #diehimmels&shy;traeumerin"/>
+				<meta name="twitter:image" content="https://fbernutz.github.io/images/building-apps-for-everyone/preview.jpg"/>
+				<meta name="og:image" content="https://fbernutz.github.io/images/building-apps-for-everyone/preview.jpg"/>
 		</head>
 		<body class="item-page">
 				<header>

Output/posts/github-actions/index.html

@@ -12,11 +12,13 @@
 				<meta name="description" content="The last days, I migrated some of my open source repositories from Travis CI to GitHub Actions. I only used Travis for running tests or linter, nothing too complicated."/>
 				<meta name="twitter:description" content="The last days, I migrated some of my open source repositories from Travis CI to GitHub Actions. I only used Travis for running tests or linter, nothing too complicated."/>
 				<meta name="og:description" content="The last days, I migrated some of my open source repositories from Travis CI to GitHub Actions. I only used Travis for running tests or linter, nothing too complicated."/>
-				<meta name="twitter:card" content="summary"/>
+				<meta name="twitter:card" content="summary_large_image"/>
 				<link rel="stylesheet" href="/styles.css" type="text/css"/>
 				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
 				<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to #diehimmels&shy;traeumerin"/>
+				<meta name="twitter:image" content="https://fbernutz.github.io/images/github-actions/preview.jpg"/>
+				<meta name="og:image" content="https://fbernutz.github.io/images/github-actions/preview.jpg"/>
 		</head>
 		<body class="item-page">
 				<header>

Output/posts/sketchnotes-on-online-conferences/index.html

@@ -12,11 +12,13 @@
 				<meta name="description" content="I love visiting conferences! But two days full of conference talks are hard! It's hard for your brain to stay focused and to process the things you've heard. It's hard for your back when you sit on your chair all the time, not only during the talks but also during the little breaks when you join sessions to meet others. It's hard for your fingers when you make sketchnotes two days long."/>
 				<meta name="twitter:description" content="I love visiting conferences! But two days full of conference talks are hard! It's hard for your brain to stay focused and to process the things you've heard. It's hard for your back when you sit on your chair all the time, not only during the talks but also during the little breaks when you join sessions to meet others. It's hard for your fingers when you make sketchnotes two days long."/>
 				<meta name="og:description" content="I love visiting conferences! But two days full of conference talks are hard! It's hard for your brain to stay focused and to process the things you've heard. It's hard for your back when you sit on your chair all the time, not only during the talks but also during the little breaks when you join sessions to meet others. It's hard for your fingers when you make sketchnotes two days long."/>
-				<meta name="twitter:card" content="summary"/>
+				<meta name="twitter:card" content="summary_large_image"/>
 				<link rel="stylesheet" href="/styles.css" type="text/css"/>
 				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
 				<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to #diehimmels&shy;traeumerin"/>
+				<meta name="twitter:image" content="https://fbernutz.github.io/images/sketchnotes-on-online-conferences/preview.jpg"/>
+				<meta name="og:image" content="https://fbernutz.github.io/images/sketchnotes-on-online-conferences/preview.jpg"/>
 		</head>
 		<body class="item-page">
 				<header>

Output/posts/thoughts-about-2019/index.html

@@ -12,11 +12,13 @@
 				<meta name="description" content=""If you loved it, you should write a blog post on it." Following this motto, I decided to write down some thoughts about 2019."/>
 				<meta name="twitter:description" content=""If you loved it, you should write a blog post on it." Following this motto, I decided to write down some thoughts about 2019."/>
 				<meta name="og:description" content=""If you loved it, you should write a blog post on it." Following this motto, I decided to write down some thoughts about 2019."/>
-				<meta name="twitter:card" content="summary"/>
+				<meta name="twitter:card" content="summary_large_image"/>
 				<link rel="stylesheet" href="/styles.css" type="text/css"/>
 				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
 				<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to #diehimmels&shy;traeumerin"/>
+				<meta name="twitter:image" content="https://fbernutz.github.io/images/thoughts-about-2019/preview.jpg"/>
+				<meta name="og:image" content="https://fbernutz.github.io/images/thoughts-about-2019/preview.jpg"/>
 		</head>
 		<body class="item-page">
 				<header>

Output/posts/welcome-sketchnotes/index.html

@@ -12,11 +12,13 @@
 				<meta name="description" content="When I released my website in January 2020, I was a hundred percent sure, that I wanted to add my sketchnotes in it as well... but I needed more time to think about how to implement it and I was also unsure about how the layout and navigation should look like."/>
 				<meta name="twitter:description" content="When I released my website in January 2020, I was a hundred percent sure, that I wanted to add my sketchnotes in it as well... but I needed more time to think about how to implement it and I was also unsure about how the layout and navigation should look like."/>
 				<meta name="og:description" content="When I released my website in January 2020, I was a hundred percent sure, that I wanted to add my sketchnotes in it as well... but I needed more time to think about how to implement it and I was also unsure about how the layout and navigation should look like."/>
-				<meta name="twitter:card" content="summary"/>
+				<meta name="twitter:card" content="summary_large_image"/>
 				<link rel="stylesheet" href="/styles.css" type="text/css"/>
 				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<link rel="shortcut icon" href="/images/favicon.png" type="image/png"/>
 				<link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to #diehimmels&shy;traeumerin"/>
+				<meta name="twitter:image" content="https://fbernutz.github.io/images/welcome-sketchnotes/preview.jpg"/>
+				<meta name="og:image" content="https://fbernutz.github.io/images/welcome-sketchnotes/preview.jpg"/>
 		</head>
 		<body class="item-page">
 				<header>