Revert "Revert "Merge branch 'post-thumbnail' of https://github.com/L…

…ucasVadilho/anatole into pr/72"" This reverts commit 7ffa9a6.
lxndrblz · Sep 18, 2020 · 6752fb1 · 6752fb1
1 parent 1306bb7
commit 6752fb1
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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.