From 6752fb185e4ae9b87d90adaa70c8f81af43cdbdf Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Fri, 18 Sep 2020 09:12:30 +0100
Subject: [PATCH] Revert "Revert "Merge branch 'post-thumbnail' of
 https://github.com/LucasVadilho/anatole into pr/72""

This reverts commit 7ffa9a639787cb517e83a919bb9240356f869399.
---
 assets/css/style.css                        | 9 +++++++++
 exampleSite/content/post/emoji-support.md   | 4 +++-
 exampleSite/content/post/markdown-syntax.md | 4 +++-
 exampleSite/content/post/rich-content.md    | 4 +++-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index adf8eefc..97097494 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -952,6 +952,15 @@ a.btn {
     .theme-switch-item {
         float: none;
     }
+
+    .preview {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .preview .thumbnail {
+        order: var(--thumbnail-position);
+    }
 }
 
 /* Medium zoom */
diff --git a/exampleSite/content/post/emoji-support.md b/exampleSite/content/post/emoji-support.md
index 0a8510af..8c2cadeb 100644
--- a/exampleSite/content/post/emoji-support.md
+++ b/exampleSite/content/post/emoji-support.md
@@ -6,7 +6,9 @@ description = "Guide to emoji usage in Hugo"
 tags = [
     "emoji",
 ]
-thumbnail = "http://placeimg.com/150/150/any?2"
+[thumbnail]
+	src = "http://placeimg.com/150/150/any?2"
+	alt = "Thumbnail image"
 +++
 
 Emoji can be enabled in a Hugo project in a number of ways. 
diff --git a/exampleSite/content/post/markdown-syntax.md b/exampleSite/content/post/markdown-syntax.md
index 2d4b210c..995aa795 100644
--- a/exampleSite/content/post/markdown-syntax.md
+++ b/exampleSite/content/post/markdown-syntax.md
@@ -15,7 +15,9 @@ categories = [
 ]
 series = ["Themes Guide"]
 aliases = ["migrate-from-jekyl"]
-thumbnail = "http://placeimg.com/150/150/any?1"
+[thumbnail]
+  src = "http://placeimg.com/150/150/any?1"
+  alt = "Thumbnail image"
 +++
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
diff --git a/exampleSite/content/post/rich-content.md b/exampleSite/content/post/rich-content.md
index ba30e12f..f1cc692a 100644
--- a/exampleSite/content/post/rich-content.md
+++ b/exampleSite/content/post/rich-content.md
@@ -7,7 +7,9 @@ tags = [
     "shortcodes",
     "privacy",
 ]
-thumbnail = "http://placeimg.com/150/150/any?3"
+[thumbnail]
+    src = "http://placeimg.com/150/150/any?3"
+    alt = "Thumbnail image"
 +++
 
 Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.