From eeced4bf3354555ce867293973d05732115a8c84 Mon Sep 17 00:00:00 2001 From: foo-dogsquared Date: Mon, 28 Oct 2024 07:21:39 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20foo-dogs?= =?UTF-8?q?quared/hugo-theme-more-contentful@d67d2d3bc40fb2f2066e306f29287?= =?UTF-8?q?1c9c73dc399=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- about/index.html | 34 +++-- archives/index.html | 6 +- .../asciidoctor-article-template/index.html | 76 +++++++--- .../index.html | 32 +++- articles/asciidoctor-syntax-guide/index.html | 53 +++++-- articles/emoji-support/index.html | 6 +- articles/feed.atom | 2 +- articles/feed.json | 2 +- articles/feed.rss | 2 +- articles/hidden-post-test/index.html | 21 ++- articles/index.html | 7 +- articles/markdown-syntax-guide/index.html | 142 +++++++++--------- .../index.html | 50 ++++-- .../mathjax-support-for-markdown/index.html | 14 +- .../rss-atom-and-json-feed-support/index.html | 29 ++-- categories/asciidoctor/feed.rss | 2 +- categories/asciidoctor/index.html | 7 +- categories/category1/feed.rss | 2 +- categories/category1/index.html | 7 +- categories/feed.rss | 2 +- categories/guide/feed.rss | 2 +- categories/guide/index.html | 7 +- categories/index.html | 7 +- categories/markdown/feed.rss | 2 +- categories/markdown/index.html | 7 +- categories/recipe/feed.rss | 2 +- categories/recipe/index.html | 7 +- feed.atom | 2 +- feed.json | 2 +- feed.rss | 2 +- icons/brand/twitter.svg | 1 - icons/brand/x.svg | 1 + icons/generic/calendar.svg | 4 +- icons/generic/pencil.svg | 4 +- icons/generic/swatch.svg | 6 +- index.html | 7 +- .../configurable-list-of-contacts/index.html | 52 +++++-- recipes/creating-an-archive-page/index.html | 55 +++++-- recipes/customizing-your-head/index.html | 26 ++-- recipes/feed.atom | 2 +- recipes/feed.json | 2 +- recipes/feed.rss | 2 +- recipes/index.html | 18 ++- recipes/open-graph-protocol/index.html | 36 +++-- recipes/twitter-cards/index.html | 34 +++-- tags/asciidoctor/feed.rss | 2 +- tags/asciidoctor/index.html | 7 +- tags/emoji/feed.rss | 2 +- tags/emoji/index.html | 7 +- tags/extending/feed.rss | 2 +- tags/extending/index.html | 7 +- tags/feed.rss | 2 +- tags/guide/feed.rss | 2 +- tags/guide/index.html | 7 +- tags/index.html | 7 +- tags/markdown/feed.rss | 2 +- tags/markdown/index.html | 7 +- tags/mathjax/feed.rss | 2 +- tags/mathjax/index.html | 7 +- tags/seo/feed.rss | 2 +- tags/seo/index.html | 7 +- tags/social-media/feed.rss | 2 +- tags/social-media/index.html | 7 +- tags/tag1/feed.rss | 2 +- tags/tag1/index.html | 7 +- tags/tag2/feed.rss | 2 +- tags/tag2/index.html | 7 +- tags/theme/feed.rss | 2 +- tags/theme/index.html | 7 +- tags/this-is-a-test-tag/feed.rss | 2 +- tags/this-is-a-test-tag/index.html | 7 +- tags/twitter/feed.rss | 2 +- tags/twitter/index.html | 7 +- tl/about/index.html | 26 ++-- tl/archives/index.html | 6 +- tl/articles/feed.atom | 2 +- tl/articles/feed.json | 2 +- tl/articles/feed.rss | 2 +- tl/articles/hidden-post-test/index.html | 21 ++- tl/articles/index.html | 7 +- .../rss-atom-and-json-feed-support/index.html | 34 ++++- tl/categories/category1/feed.rss | 2 +- tl/categories/category1/index.html | 7 +- tl/categories/feed.rss | 2 +- tl/categories/guide/feed.rss | 2 +- tl/categories/guide/index.html | 7 +- tl/categories/index.html | 7 +- tl/feed.atom | 2 +- tl/feed.json | 2 +- tl/feed.rss | 2 +- tl/index.html | 7 +- tl/tags/feed.rss | 2 +- tl/tags/index.html | 7 +- tl/tags/tag1/feed.rss | 2 +- tl/tags/tag1/index.html | 7 +- tl/tags/tag2/feed.rss | 2 +- tl/tags/tag2/index.html | 7 +- tl/tags/this-is-a-test-tag/feed.rss | 2 +- tl/tags/this-is-a-test-tag/index.html | 7 +- 99 files changed, 694 insertions(+), 394 deletions(-) delete mode 100644 icons/brand/twitter.svg create mode 100644 icons/brand/x.svg diff --git a/about/index.html b/about/index.html index a38667a..8728d85 100644 --- a/about/index.html +++ b/about/index.html @@ -14,29 +14,41 @@ - + - + - + - + - + @@ -304,9 +316,9 @@ Oh, the creative side of making content and themes!

- + - + diff --git a/archives/index.html b/archives/index.html index 80ef97a..a125a09 100644 --- a/archives/index.html +++ b/archives/index.html @@ -14,7 +14,7 @@ - + @@ -269,9 +269,9 @@ - + - + diff --git a/articles/asciidoctor-article-template/index.html b/articles/asciidoctor-article-template/index.html index f25978e..5d3fa60 100644 --- a/articles/asciidoctor-article-template/index.html +++ b/articles/asciidoctor-article-template/index.html @@ -14,25 +14,70 @@ - + - +" /> - +This is a paragraph."> - +This is a paragraph."> @@ -64,7 +107,7 @@ Example 1."> - +This is a paragraph."> @@ -598,9 +640,9 @@ This is an attribute reference - + - + diff --git a/articles/asciidoctor-extended-syntax-guide/index.html b/articles/asciidoctor-extended-syntax-guide/index.html index a1a58ea..ff62c9c 100644 --- a/articles/asciidoctor-extended-syntax-guide/index.html +++ b/articles/asciidoctor-extended-syntax-guide/index.html @@ -14,22 +14,38 @@ - + - + - - @@ -40,7 +56,7 @@ Admonition blocks Admonition blocks contain content that are not a part of the m - @@ -580,9 +596,9 @@ let example_sketch = new p5(sketchuuuuu, "example-sketch") - + - + diff --git a/articles/asciidoctor-syntax-guide/index.html b/articles/asciidoctor-syntax-guide/index.html index 04cb570..e831e5e 100644 --- a/articles/asciidoctor-syntax-guide/index.html +++ b/articles/asciidoctor-syntax-guide/index.html @@ -14,26 +14,55 @@ - + - + - +Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 "> - +Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 "> @@ -43,9 +72,9 @@ Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Paragraph According to the HTM - +Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 "> @@ -688,9 +717,9 @@ You can use the built-in Hugo shortcode instead.

- + - + diff --git a/articles/emoji-support/index.html b/articles/emoji-support/index.html index 177fe53..abd0ac9 100644 --- a/articles/emoji-support/index.html +++ b/articles/emoji-support/index.html @@ -14,7 +14,7 @@ - + @@ -313,9 +313,9 @@ - + - + diff --git a/articles/feed.atom b/articles/feed.atom index 0c9b27c..3328a99 100644 --- a/articles/feed.atom +++ b/articles/feed.atom @@ -3,7 +3,7 @@ Articles on More Contentful © 2024 - Hugo + Hugo 2020-05-12T21:29:52+08:00 https://foo-dogsquared.github.io/hugo-theme-more-contentful/https://foo-dogsquared.github.io/hugo-theme-more-contentful/icon.png diff --git a/articles/feed.json b/articles/feed.json index 5efc49e..6ecee15 100644 --- a/articles/feed.json +++ b/articles/feed.json @@ -6,4 +6,4 @@ "description": "Recent content in Articles on More Contentful", "authors":[{"name":"John Doe"}], "items": - [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWeb feeds are one of the most common ways for a visitor to keep up with someone who creates content.\nNowadays, most social media has that feature such as the subscribing YouTube channels, following Twitter accounts, and watching Deviantart artists.\nOutside of those, we have simpler things like \u003ca href=\"https://www.rssboard.org/rss-2-0-1\"\u003eRSS\u003c/a\u003e and \u003ca href=\"https://www.jsonfeed.org/\"\u003eJSON\u003c/a\u003e feeds where they are just plain text files describing the content.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe Contentful theme doesn’t have a web feed export but we can have it with \u003ca href=\"https://gohugo.io/hugo-modules/theme-components/\"\u003etheme components\u003c/a\u003e.\nFor this demo, we’ll use the \u003ca href=\"https://github.com/foo-dogsquared/hugo-web-feeds\"\u003eweb feed component\u003c/a\u003e created by \u003ca href=\"https://foo-dogsquared.github.io/\"\u003efoo-dogsquared\u003c/a\u003e.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIf you’re settling with this option, here’s an example template for installing the web feed module and exporting all of the feed formats all in one fell swoop.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e[[module.imports]]\n path = \u0026#34;github.com/foo-dogsquared/hugo-web-feeds\u0026#34;\n\n# Visit the following for more information:\n# https://gohugo.io/templates/output-formats\n\n# Defining the media type of the output formats\n# For JSON format, it doesn\u0026#39;t need to be since it\u0026#39;s already built-in into Hugo\n[mediaTypes]\n [mediaTypes.\u0026#34;application/atom+xml\u0026#34;]\n suffixes = [\u0026#34;atom\u0026#34;, \u0026#34;atom.xml\u0026#34;] # You can remove the \u0026#34;atom.xml\u0026#34; if you want\n\n # Redefining RSS media type for the additional suffix\n [mediaTypes.\u0026#34;application/rss+xml\u0026#34;]\n suffixes = [\u0026#34;rss\u0026#34;, \u0026#34;rss.xml\u0026#34;] # You can remove the \u0026#34;rss.xml\u0026#34; if you want\n\n [mediaTypes.\u0026#34;application/feed+json\u0026#34;]\n suffixes = [\u0026#34;json\u0026#34;] # You can remove the \u0026#34;rss.xml\u0026#34; if you want\n\n\n# Including all of the feed output formats in the build\n[outputFormats]\n [outputFormats.Rss]\n mediaType = \u0026#34;application/rss+xml\u0026#34;\n baseName = \u0026#34;feed\u0026#34;\n\n [outputFormats.Atom]\n mediaType = \u0026#34;application/atom+xml\u0026#34;\n baseName = \u0026#34;feed\u0026#34;\n\n [outputFormats.Json]\n mediaType = \u0026#34;application/feed+json\u0026#34;\n baseName = \u0026#34;feed\u0026#34;\n\n\n# Indicating what output formats shall be included\n# for the following kinds\n[outputs]\n # .Site.BaseURL/index.* is available\n home = [\u0026#34;HTML\u0026#34;, \u0026#34;JSON\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;ATOM\u0026#34;]\n\n # .Site.BaseURL/$section/index.* is available\n section = [\u0026#34;HTML\u0026#34;, \u0026#34;JSON\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;ATOM\u0026#34;]\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","date_modified":"2019-09-04T17:22:44+08:00","date_published":"2019-09-04T17:22:44+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/","summary":"Web feeds are one of the most common ways for a visitor to keep up with someone who creates content. Nowadays, most social media has that feature such as the subscribing YouTube channels, following Twitter accounts, and watching Deviantart artists. Outside of those, we have simpler things like RSS and JSON feeds where they are just plain text files describing the content.\nThe Contentful theme doesn’t have a web feed export but we can have it with theme components.","tags":["this is a test tag","tag2"],"title":"RSS, Atom, and JSON Feed Support","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/"},{"content_html":"\n\u003cdiv id=\"preamble\"\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe purpose of this article to make sure not-so-common features of\nAsciidoctor (i.e. admonition blocks, callouts) are styled and\nfit to the theme.\nIt also serves as a quick introduction to more Asciidoctor as well.\nFeel free to steal this if you want a template for this.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_admonition_blocks\"\u003eAdmonition blocks\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAdmonition blocks contain content that are not a part of the main\ncontent but you’ll want to draw attention to the audience anyways.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eBy default, Asciidoctor provides five labels for admonitions:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eTIP\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eNOTE\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eIMPORTANT\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eCAUTION\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eWARNING\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sidebarblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"title\"\u003e\u003ccode\u003eCAUTION\u003c/code\u003e vs \u003ccode\u003eWARNING\u003c/code\u003e\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAs the \u003ca href=\"https://asciidoctor.org/docs/user-manual/#admonition\"\u003euser manual\u003c/a\u003e\nhas said, \u003ccode\u003eCAUTION\u003c/code\u003e and \u003ccode\u003eWARNING\u003c/code\u003e should be used with different semantics.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003e\u003ccode\u003eCAUTION\u003c/code\u003e basically advises the user to observe care.\n\u003ccode\u003eWARNING\u003c/code\u003e warns the user about the dangers or consequences that’ll exist.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWriting an admonition is intuitively easy, simply write the label\nin all uppercase and append with a colon.\nThen write the content after.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-asciidoc\" data-lang=\"asciidoc\"\u003eTIP: Lorem ipsum dolor sit amet consectetur adipiscing elit varius cursus\norci nulla, fames nisl sodales scelerisque eu consequat sem imperdiet ac mi\nvivamus tempor, accumsan ad justo odio viverra praesent senectus class egestas duis.\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIt’ll render as this:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock tip\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eTip\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nLorem ipsum dolor sit amet consectetur adipiscing elit varius cursus\norci nulla, fames nisl sodales scelerisque eu consequat sem imperdiet ac mi\nvivamus tempor, accumsan ad justo odio viverra praesent senectus class egestas duis.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIn case you want to style the labels differently such as assigning\nappropriate colors or an icon to the rest of the labels,\nhere’s the rest of them:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock note\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eNote\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nMalesuada mattis aenean ultrices netus cursus viverra vivamus ultricies,\nvelit molestie penatibus phasellus in ante luctus, habitant suspendisse eros\nturpis taciti risus himenaeos.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock important\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eImportant\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nVelit fringilla feugiat nibh id faucibus scelerisque facilisis ac,\nsuscipit quisque odio libero ullamcorper curabitur fames nascetur, elementum\ntristique hac nisl etiam dictumst dapibus.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock caution\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eCaution\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nTempus dui aptent tempor torquent lacinia sem cursus porta cras semper\naccumsan feugiat, himenaeos mi ullamcorper pharetra enim class eget auctor conubia\nmetus curabitur.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock warning\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eWarning\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nAliquet ut maecenas mollis id enim nibh suscipit quisque posuere cum fusce,\ndignissim ad curabitur odio ac diam pharetra platea vivamus eleifend.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_callouts\"\u003eCallouts\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eCallouts are used to add annotations within a verbatim block.\nThis is especially useful for code listings in order to effectively explain what\nis going on within the code.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eHere’s an example of using callouts.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-asciidoc\" data-lang=\"asciidoc\"\u003e[source,python]\n----\nfrom pathlib import Path\nfrom re import compile, match\n\ncurrent_directory = Path(\u0026#34;.\u0026#34;) \u0026lt;1\u0026gt;\nnotes_directory = current_directory / \u0026#34;notes/\u0026#34; \u0026lt;2\u0026gt;\n----\n\u0026lt;1\u0026gt; Created a Path object\n\u0026lt;2\u0026gt; Appending a Path object with \u0026#34;/\u0026#34;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAnd it’ll render as:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-python\" data-lang=\"python\"\u003efrom pathlib import Path\nfrom re import compile, match\n\ncurrent_directory = Path(\u0026#34;.\u0026#34;) # \u003cb class=\"conum\"\u003e(1)\u003c/b\u003e\nnotes_directory = current_directory / \u0026#34;notes/\u0026#34; # \u003cb class=\"conum\"\u003e(2)\u003c/b\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"colist arabic\"\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003eCreated a \u003ccode\u003ePath\u003c/code\u003e object\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eAppending a \u003ccode\u003ePath\u003c/code\u003e object with \u0026#34;/\u0026#34;\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eOne of the most important you should style is the callout number\non the code listings block.\nNormally, when a user wants to copy-paste (even though I don’t personally\nencourage it), the callout number gets in the way and they have to\nmanually remove them which can be annoying.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eEither attach the property \u003ccode\u003euser-select\u003c/code\u003e with it or take a part from the\ndefault Asciidoctor stylesheet and include it in your own stylesheet.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_passthroughs\"\u003ePassthroughs\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eA \u003ca href=\"https://asciidoctor.org/docs/user-manual/#passthroughs\"\u003epassthrough\u003c/a\u003e passes the input as it is on the final output.\nThis is useful for web-based outputs, for example passing raw HTML for interactive scripts or to create a live result.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eBelow is a very simple example with a \u003ca href=\"https://p5js.org/\"\u003ep5.js\u003c/a\u003e sketch.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv id=\"example-sketch\"\u003e\u003c/div\u003e\n\u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\nconst sketchuuuuu = ( sketch ) =\u003e {\n let x = 100;\n let y = 100;\n\n sketch.setup = () =\u003e {\n sketch.createCanvas(300, 380);\n };\n\n sketch.draw = () =\u003e {\n sketch.background(0);\n sketch.fill(255);\n sketch.rect(x,y,50,50);\n sketch.ellipse(sketch[\"mouseX\"], sketch[\"mouseY\"], 20);\n };\n};\n\nlet example_sketch = new p5(sketchuuuuu, \"example-sketch\")\n\u003c/script\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eHere is the input from the source code of this document.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-asciidoctor\" data-lang=\"asciidoctor\"\u003e++++\n\u0026lt;div id=\u0026#34;example-sketch\u0026#34;\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;script src=\u0026#34;https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js\u0026#34;\u0026gt;\u0026lt;/script\u0026gt;\n\u0026lt;script\u0026gt;\nconst sketchuuuuu = ( sketch ) =\u0026gt; {\n let x = 100;\n let y = 100;\n\n sketch.setup = () =\u0026gt; {\n sketch.createCanvas(300, 380);\n };\n\n sketch.draw = () =\u0026gt; {\n sketch.background(0);\n sketch.fill(255);\n sketch.rect(x,y,50,50);\n sketch.ellipse(sketch[\u0026#34;mouseX\u0026#34;], sketch[\u0026#34;mouseY\u0026#34;], 20);\n };\n};\n\nlet example_sketch = new p5(sketchuuuuu, \u0026#34;example-sketch\u0026#34;)\n\u0026lt;/script\u0026gt;\n++++\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThis is the closest instance of \u003ca href=\"https://en.wikipedia.org/wiki/Literate_programming\"\u003eliterate programming\u003c/a\u003e in the web when using Asciidoctor.\n(Sadly, not as flexible or cool as \u003ca href=\"https://orgmode.org/\"\u003eOrg-Mode\u003c/a\u003e or \u003ca href=\"https://jupyter.org/\"\u003eJupyter Notebooks\u003c/a\u003e.)\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","date_modified":"2019-08-29T22:09:16+08:00","date_published":"2019-08-29T22:09:16+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/","summary":"The purpose of this article to make sure not-so-common features of Asciidoctor (i.e. admonition blocks, callouts) are styled and fit to the theme. It also serves as a quick introduction to more Asciidoctor as well. Feel free to steal this if you want a template for this.\nAdmonition blocks Admonition blocks contain content that are not a part of the main content but you’ll want to draw attention to the audience anyways.","tags":["asciidoctor","guide"],"title":"Asciidoctor Extended Syntax Guide","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/"}]} + [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWeb feeds are one of the most common ways for a visitor to keep up with someone who creates content.\nNowadays, most social media has that feature such as the subscribing YouTube channels, following Twitter accounts, and watching Deviantart artists.\nOutside of those, we have simpler things like \u003ca href=\"https://www.rssboard.org/rss-2-0-1\"\u003eRSS\u003c/a\u003e and \u003ca href=\"https://www.jsonfeed.org/\"\u003eJSON\u003c/a\u003e feeds where they are just plain text files describing the content.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe Contentful theme doesn’t have a web feed export but we can have it with \u003ca href=\"https://gohugo.io/hugo-modules/theme-components/\"\u003etheme components\u003c/a\u003e.\nFor this demo, we’ll use the \u003ca href=\"https://github.com/foo-dogsquared/hugo-web-feeds\"\u003eweb feed component\u003c/a\u003e created by \u003ca href=\"https://foo-dogsquared.github.io/\"\u003efoo-dogsquared\u003c/a\u003e.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIf you’re settling with this option, here’s an example template for installing the web feed module and exporting all of the feed formats all in one fell swoop.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e[[module.imports]]\n path = \u0026#34;github.com/foo-dogsquared/hugo-web-feeds\u0026#34;\n\n# Visit the following for more information:\n# https://gohugo.io/templates/output-formats\n\n# Defining the media type of the output formats\n# For JSON format, it doesn\u0026#39;t need to be since it\u0026#39;s already built-in into Hugo\n[mediaTypes]\n [mediaTypes.\u0026#34;application/atom+xml\u0026#34;]\n suffixes = [\u0026#34;atom\u0026#34;, \u0026#34;atom.xml\u0026#34;] # You can remove the \u0026#34;atom.xml\u0026#34; if you want\n\n # Redefining RSS media type for the additional suffix\n [mediaTypes.\u0026#34;application/rss+xml\u0026#34;]\n suffixes = [\u0026#34;rss\u0026#34;, \u0026#34;rss.xml\u0026#34;] # You can remove the \u0026#34;rss.xml\u0026#34; if you want\n\n [mediaTypes.\u0026#34;application/feed+json\u0026#34;]\n suffixes = [\u0026#34;json\u0026#34;] # You can remove the \u0026#34;rss.xml\u0026#34; if you want\n\n\n# Including all of the feed output formats in the build\n[outputFormats]\n [outputFormats.Rss]\n mediaType = \u0026#34;application/rss+xml\u0026#34;\n baseName = \u0026#34;feed\u0026#34;\n\n [outputFormats.Atom]\n mediaType = \u0026#34;application/atom+xml\u0026#34;\n baseName = \u0026#34;feed\u0026#34;\n\n [outputFormats.Json]\n mediaType = \u0026#34;application/feed+json\u0026#34;\n baseName = \u0026#34;feed\u0026#34;\n\n\n# Indicating what output formats shall be included\n# for the following kinds\n[outputs]\n # .Site.BaseURL/index.* is available\n home = [\u0026#34;HTML\u0026#34;, \u0026#34;JSON\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;ATOM\u0026#34;]\n\n # .Site.BaseURL/$section/index.* is available\n section = [\u0026#34;HTML\u0026#34;, \u0026#34;JSON\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;ATOM\u0026#34;]\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","date_modified":"2019-09-04T17:22:44+08:00","date_published":"2019-09-04T17:22:44+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/","summary":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWeb feeds are one of the most common ways for a visitor to keep up with someone who creates content.\nNowadays, most social media has that feature such as the subscribing YouTube channels, following Twitter accounts, and watching Deviantart artists.\nOutside of those, we have simpler things like \u003ca href=\"https://www.rssboard.org/rss-2-0-1\"\u003eRSS\u003c/a\u003e and \u003ca href=\"https://www.jsonfeed.org/\"\u003eJSON\u003c/a\u003e feeds where they are just plain text files describing the content.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe Contentful theme doesn’t have a web feed export but we can have it with \u003ca href=\"https://gohugo.io/hugo-modules/theme-components/\"\u003etheme components\u003c/a\u003e.\nFor this demo, we’ll use the \u003ca href=\"https://github.com/foo-dogsquared/hugo-web-feeds\"\u003eweb feed component\u003c/a\u003e created by \u003ca href=\"https://foo-dogsquared.github.io/\"\u003efoo-dogsquared\u003c/a\u003e.\u003c/p\u003e\n\u003c/div\u003e","tags":["this is a test tag","tag2"],"title":"RSS, Atom, and JSON Feed Support","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/"},{"content_html":"\n\u003cdiv id=\"preamble\"\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe purpose of this article to make sure not-so-common features of\nAsciidoctor (i.e. admonition blocks, callouts) are styled and\nfit to the theme.\nIt also serves as a quick introduction to more Asciidoctor as well.\nFeel free to steal this if you want a template for this.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_admonition_blocks\"\u003eAdmonition blocks\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAdmonition blocks contain content that are not a part of the main\ncontent but you’ll want to draw attention to the audience anyways.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eBy default, Asciidoctor provides five labels for admonitions:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eTIP\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eNOTE\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eIMPORTANT\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eCAUTION\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eWARNING\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sidebarblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"title\"\u003e\u003ccode\u003eCAUTION\u003c/code\u003e vs \u003ccode\u003eWARNING\u003c/code\u003e\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAs the \u003ca href=\"https://asciidoctor.org/docs/user-manual/#admonition\"\u003euser manual\u003c/a\u003e\nhas said, \u003ccode\u003eCAUTION\u003c/code\u003e and \u003ccode\u003eWARNING\u003c/code\u003e should be used with different semantics.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003e\u003ccode\u003eCAUTION\u003c/code\u003e basically advises the user to observe care.\n\u003ccode\u003eWARNING\u003c/code\u003e warns the user about the dangers or consequences that’ll exist.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWriting an admonition is intuitively easy, simply write the label\nin all uppercase and append with a colon.\nThen write the content after.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-asciidoc\" data-lang=\"asciidoc\"\u003eTIP: Lorem ipsum dolor sit amet consectetur adipiscing elit varius cursus\norci nulla, fames nisl sodales scelerisque eu consequat sem imperdiet ac mi\nvivamus tempor, accumsan ad justo odio viverra praesent senectus class egestas duis.\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIt’ll render as this:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock tip\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eTip\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nLorem ipsum dolor sit amet consectetur adipiscing elit varius cursus\norci nulla, fames nisl sodales scelerisque eu consequat sem imperdiet ac mi\nvivamus tempor, accumsan ad justo odio viverra praesent senectus class egestas duis.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIn case you want to style the labels differently such as assigning\nappropriate colors or an icon to the rest of the labels,\nhere’s the rest of them:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock note\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eNote\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nMalesuada mattis aenean ultrices netus cursus viverra vivamus ultricies,\nvelit molestie penatibus phasellus in ante luctus, habitant suspendisse eros\nturpis taciti risus himenaeos.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock important\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eImportant\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nVelit fringilla feugiat nibh id faucibus scelerisque facilisis ac,\nsuscipit quisque odio libero ullamcorper curabitur fames nascetur, elementum\ntristique hac nisl etiam dictumst dapibus.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock caution\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eCaution\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nTempus dui aptent tempor torquent lacinia sem cursus porta cras semper\naccumsan feugiat, himenaeos mi ullamcorper pharetra enim class eget auctor conubia\nmetus curabitur.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003cdiv class=\"admonitionblock warning\"\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\u003ctr\u003e\n\u003ctd class=\"icon\"\u003e\n\u003cdiv class=\"title\"\u003eWarning\u003c/div\u003e\n\u003c/td\u003e\n\u003ctd class=\"content\"\u003e\nAliquet ut maecenas mollis id enim nibh suscipit quisque posuere cum fusce,\ndignissim ad curabitur odio ac diam pharetra platea vivamus eleifend.\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_callouts\"\u003eCallouts\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eCallouts are used to add annotations within a verbatim block.\nThis is especially useful for code listings in order to effectively explain what\nis going on within the code.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eHere’s an example of using callouts.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-asciidoc\" data-lang=\"asciidoc\"\u003e[source,python]\n----\nfrom pathlib import Path\nfrom re import compile, match\n\ncurrent_directory = Path(\u0026#34;.\u0026#34;) \u0026lt;1\u0026gt;\nnotes_directory = current_directory / \u0026#34;notes/\u0026#34; \u0026lt;2\u0026gt;\n----\n\u0026lt;1\u0026gt; Created a Path object\n\u0026lt;2\u0026gt; Appending a Path object with \u0026#34;/\u0026#34;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAnd it’ll render as:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-python\" data-lang=\"python\"\u003efrom pathlib import Path\nfrom re import compile, match\n\ncurrent_directory = Path(\u0026#34;.\u0026#34;) # \u003cb class=\"conum\"\u003e(1)\u003c/b\u003e\nnotes_directory = current_directory / \u0026#34;notes/\u0026#34; # \u003cb class=\"conum\"\u003e(2)\u003c/b\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"colist arabic\"\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003eCreated a \u003ccode\u003ePath\u003c/code\u003e object\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eAppending a \u003ccode\u003ePath\u003c/code\u003e object with \u0026#34;/\u0026#34;\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eOne of the most important you should style is the callout number\non the code listings block.\nNormally, when a user wants to copy-paste (even though I don’t personally\nencourage it), the callout number gets in the way and they have to\nmanually remove them which can be annoying.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eEither attach the property \u003ccode\u003euser-select\u003c/code\u003e with it or take a part from the\ndefault Asciidoctor stylesheet and include it in your own stylesheet.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_passthroughs\"\u003ePassthroughs\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eA \u003ca href=\"https://asciidoctor.org/docs/user-manual/#passthroughs\"\u003epassthrough\u003c/a\u003e passes the input as it is on the final output.\nThis is useful for web-based outputs, for example passing raw HTML for interactive scripts or to create a live result.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eBelow is a very simple example with a \u003ca href=\"https://p5js.org/\"\u003ep5.js\u003c/a\u003e sketch.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv id=\"example-sketch\"\u003e\u003c/div\u003e\n\u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\nconst sketchuuuuu = ( sketch ) =\u003e {\n let x = 100;\n let y = 100;\n\n sketch.setup = () =\u003e {\n sketch.createCanvas(300, 380);\n };\n\n sketch.draw = () =\u003e {\n sketch.background(0);\n sketch.fill(255);\n sketch.rect(x,y,50,50);\n sketch.ellipse(sketch[\"mouseX\"], sketch[\"mouseY\"], 20);\n };\n};\n\nlet example_sketch = new p5(sketchuuuuu, \"example-sketch\")\n\u003c/script\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eHere is the input from the source code of this document.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"listingblock\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cpre class=\"highlight\"\u003e\u003ccode class=\"language-asciidoctor\" data-lang=\"asciidoctor\"\u003e++++\n\u0026lt;div id=\u0026#34;example-sketch\u0026#34;\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;script src=\u0026#34;https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js\u0026#34;\u0026gt;\u0026lt;/script\u0026gt;\n\u0026lt;script\u0026gt;\nconst sketchuuuuu = ( sketch ) =\u0026gt; {\n let x = 100;\n let y = 100;\n\n sketch.setup = () =\u0026gt; {\n sketch.createCanvas(300, 380);\n };\n\n sketch.draw = () =\u0026gt; {\n sketch.background(0);\n sketch.fill(255);\n sketch.rect(x,y,50,50);\n sketch.ellipse(sketch[\u0026#34;mouseX\u0026#34;], sketch[\u0026#34;mouseY\u0026#34;], 20);\n };\n};\n\nlet example_sketch = new p5(sketchuuuuu, \u0026#34;example-sketch\u0026#34;)\n\u0026lt;/script\u0026gt;\n++++\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThis is the closest instance of \u003ca href=\"https://en.wikipedia.org/wiki/Literate_programming\"\u003eliterate programming\u003c/a\u003e in the web when using Asciidoctor.\n(Sadly, not as flexible or cool as \u003ca href=\"https://orgmode.org/\"\u003eOrg-Mode\u003c/a\u003e or \u003ca href=\"https://jupyter.org/\"\u003eJupyter Notebooks\u003c/a\u003e.)\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","date_modified":"2019-08-29T22:09:16+08:00","date_published":"2019-08-29T22:09:16+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/","summary":"\u003cdiv id=\"preamble\"\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe purpose of this article to make sure not-so-common features of\nAsciidoctor (i.e. admonition blocks, callouts) are styled and\nfit to the theme.\nIt also serves as a quick introduction to more Asciidoctor as well.\nFeel free to steal this if you want a template for this.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"sect1\"\u003e\n\u003ch2 id=\"_admonition_blocks\"\u003eAdmonition blocks\u003c/h2\u003e\n\u003cdiv class=\"sectionbody\"\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAdmonition blocks contain content that are not a part of the main\ncontent but you’ll want to draw attention to the audience anyways.\u003c/p\u003e\n\u003c/div\u003e","tags":["asciidoctor","guide"],"title":"Asciidoctor Extended Syntax Guide","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/"}]} diff --git a/articles/feed.rss b/articles/feed.rss index 4a7756b..bc788ea 100644 --- a/articles/feed.rss +++ b/articles/feed.rss @@ -4,7 +4,7 @@ Articles on More Contentful https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/ Recent content in Articles on More Contentful - Hugo v0.126.1 -- gohugo.ioen-us© 2024 to the author(s) behind More Contentful + Hugo v0.135.0 -- gohugo.ioen-us© 2024 to the author(s) behind More Contentful Tue, 12 May 2020 21:29:52 +0800 https://www.rssboard.org/rss-2-0-1 diff --git a/articles/hidden-post-test/index.html b/articles/hidden-post-test/index.html index aa311cc..42e611c 100644 --- a/articles/hidden-post-test/index.html +++ b/articles/hidden-post-test/index.html @@ -14,22 +14,27 @@ - + - + - - @@ -40,7 +45,7 @@ Anyways, this is a test post for the hidden posts feature in Hugo Contentful."> - @@ -304,9 +309,9 @@ How did you find this?!

- + - + diff --git a/articles/index.html b/articles/index.html index 5934f46..435c741 100644 --- a/articles/index.html +++ b/articles/index.html @@ -14,7 +14,7 @@ - + @@ -30,6 +30,7 @@ + @@ -379,9 +380,9 @@ - + - + diff --git a/articles/markdown-syntax-guide/index.html b/articles/markdown-syntax-guide/index.html index 60427bc..9a3584f 100644 --- a/articles/markdown-syntax-guide/index.html +++ b/articles/markdown-syntax-guide/index.html @@ -14,7 +14,7 @@ - + @@ -315,80 +315,80 @@ Also you can put Markdown into a blockquote.

Tables

Tables aren’t part of the core Markdown spec, but Hugo supports them.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDMakeModelYear
1HondaAccord2009
2ToyotaCamry2012
3HyundaiElantra2010
IDMakeModelYear
1HondaAccord2009
2ToyotaCamry2012
3HyundaiElantra2010

Colons can be used to align columns.

- - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
TablesAreCool
align: leftalign: centeralign: right
align: leftalign: centeralign: right
align: leftalign: centeralign: right
TablesAreCool
align: leftalign: centeralign: right
align: leftalign: centeralign: right
align: leftalign: centeralign: right

You can also use inline Markdown.

- - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + +
InlineMarkdownInTable
italicsboldstrikethroughcode
InlineMarkdownInTable
italicsboldstrikethroughcode

Code


     
   
-