+
diff --git a/articles/feed.atom b/articles/feed.atom
index 31cd3dd..112b751 100644
--- a/articles/feed.atom
+++ b/articles/feed.atom
@@ -18,7 +18,7 @@
Jane Doe2019-09-04T17:22:44+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2019-09-04T17:22:44+08:00<div class="paragraph">
<p>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 <a href="https://www.rssboard.org/rss-2-0-1">RSS</a> and <a href="https://www.jsonfeed.org/">JSON</a> feeds where they are just plain text files describing the content.</p>
@@ -83,7 +83,7 @@ For this demo, we’ll use the <a href="https://github.com/foo-dogsquared
Asciidoctor Extended Syntax Guide2019-08-29T22:09:16+08:00
- 2023-02-27T13:27:15+08:00
+ 2019-08-29T22:09:16+08:00
<div id="preamble">
<div class="sectionbody">
<div class="paragraph">
diff --git a/articles/feed.json b/articles/feed.json
index 031fe38..bb6c7c8 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":"2023-02-27T13:27:15+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.\n The 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":"2023-02-27T13:27:15+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.\n Admonition 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":"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.\n The 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.\n Admonition 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/"}]}
diff --git a/articles/hidden-post-test/index.html b/articles/hidden-post-test/index.html
index 0cf5a88..3230e2a 100644
--- a/articles/hidden-post-test/index.html
+++ b/articles/hidden-post-test/index.html
@@ -5,7 +5,7 @@
-
+
@@ -27,13 +27,13 @@
-
+
-
+
@@ -186,27 +186,17 @@
diff --git a/css/main.min.85ddc633b4f68ad033aa710fea7167bff46ae99acd60ec28e906e30f3393de3c.css b/css/main.min.85ddc633b4f68ad033aa710fea7167bff46ae99acd60ec28e906e30f3393de3c.css
new file mode 100644
index 0000000..9d1ae2d
--- /dev/null
+++ b/css/main.min.85ddc633b4f68ad033aa710fea7167bff46ae99acd60ec28e906e30f3393de3c.css
@@ -0,0 +1 @@
+@media(prefers-color-scheme:dark){:root{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Dark"]:root{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}@media(prefers-color-scheme:light){:root{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Light"]:root{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}[data-theme=Dracula]:root{--base00:#282936;--base01:#3a3c4e;--base02:#4d4f68;--base03:#626483;--base04:#62d6e8;--base05:#e9e9f4;--base06:#f1f2f8;--base07:#f7f7fb;--base08:#ea51b2;--base09:#b45bcf;--base0A:#00f769;--base0B:#ebff87;--base0C:#a1efe4;--base0D:#62d6e8;--base0E:#b45bcf;--base0F:#00f769}[data-theme="Gruvbox dark, hard"]:root{--base00:#1d2021;--base01:#3c3836;--base02:#504945;--base03:#665c54;--base04:#bdae93;--base05:#d5c4a1;--base06:#ebdbb2;--base07:#fbf1c7;--base08:#fb4934;--base09:#fe8019;--base0A:#fabd2f;--base0B:#b8bb26;--base0C:#8ec07c;--base0D:#83a598;--base0E:#d3869b;--base0F:#d65d0e}[data-theme="Gruvbox light, hard"]:root{--base00:#f9f5d7;--base01:#ebdbb2;--base02:#d5c4a1;--base03:#bdae93;--base04:#665c54;--base05:#504945;--base06:#3c3836;--base07:#282828;--base08:#9d0006;--base09:#af3a03;--base0A:#b57614;--base0B:#79740e;--base0C:#427b58;--base0D:#076678;--base0E:#8f3f71;--base0F:#d65d0e}[data-theme=Nord]:root{--base00:#2E3440;--base01:#3B4252;--base02:#434C5E;--base03:#4C566A;--base04:#D8DEE9;--base05:#E5E9F0;--base06:#ECEFF4;--base07:#8FBCBB;--base08:#88C0D0;--base09:#81A1C1;--base0A:#5E81AC;--base0B:#BF616A;--base0C:#D08770;--base0D:#EBCB8B;--base0E:#A3BE8C;--base0F:#B48EAD}[data-theme="Solarized Dark"]:root{--base00:#002b36;--base01:#073642;--base02:#586e75;--base03:#657b83;--base04:#839496;--base05:#93a1a1;--base06:#eee8d5;--base07:#fdf6e3;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}[data-theme="Solarized Light"]:root{--base00:#fdf6e3;--base01:#eee8d5;--base02:#93a1a1;--base03:#839496;--base04:#657b83;--base05:#586e75;--base06:#073642;--base07:#002b36;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}:root{--body-family:serif;--header-family:sans-serif;--mono-family:monospace;--font-size:20px;--mono-font-size:0.9em;--vertical-rhythm:calc(1.25 * var(--font-size));--content-width:max(750px, 75ch);--code-block-size:50vh;--border-style:var(--base05) solid 1px;--background:var(--base00);--foreground:var(--base05);--accent-color:var(--base09);--selection-color:var(--base02)}:root{font-family:var(--body-family);font-size:clamp(var(--font-size),1.4vw,calc(var(--font-size) * 3));background:var(--background);color:var(--foreground);line-height:var(--vertical-rhythm);margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}*:target{animation:target-fade 3s 1}@keyframes target-fade{0%{background:var(--accent-color)}100%{background:unset}}body{margin:0 auto;max-width:var(--content-width);padding:1rem}nav{margin:1rem auto}h1{margin:1rem auto}article h1{margin:1rem auto}article h2{margin-top:3rem}article h3{margin-top:2rem}article h1,article h2,article h3{margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--header-family);line-height:1.25}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--base0C);text-decoration:underline}dd,li,p,td{line-height:1.45}p{margin-top:1rem}dd{margin-top:.5rem;margin-bottom:1.5rem}kbd{border:var(--border-style);font-size:.8em;font-weight:700;padding:0 .25em}code,pre{font-family:var(--mono-family)}code{background:var(--base01);font-size:.9em}pre{color:var(--base05);border:var(--border-style);font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:1rem;max-height:var(--code-block-size);padding:.5rem;overflow:auto}pre code{background:unset}mark{background:var(--foreground);color:var(--background)}hr{border-color:var(--accent-color);margin:1em 0}img,video,audio,iframe{display:block;height:auto;max-width:100%;margin:auto}table{border-collapse:collapse;border-spacing:.5em;margin:auto;overflow:auto;width:100%;border:var(--border-style);margin:var(--vertical-rhythm)auto}table caption{margin:unset}table thead tr{background:var(--base05);color:var(--base00)}table tbody tr+tr,table tbody tr:first-child{border-top:var(--border-style)}table tbody tr:hover{background:var(--selection-color)}table th,table td{padding:.5em}table tr td>p{margin:0}thead{font-weight:700}thead tr th{text-align:left}tbody tr td{text-align:left}ol,ul{line-height:1.5}figure{margin:2rem auto}figure>*{margin:1rem auto}figcaption{text-align:center;font-size:1rem}blockquote{margin:2rem 1rem}blockquote footer{display:block;width:100%}button{background:unset;border:var(--base05)solid 1px;color:var(--base05);cursor:pointer;font-size:1rem;padding:.5rem}aside{--vertical-rhythm-reduction:0.2;color:var(--base03);border:1px solid var(--base03);border-left:3px solid var(--base03);font-size:calc(1rem * (1 - var(--vertical-rhythm-reduction)));font-family:var(--header-family);line-height:calc(1rem * (1 + var(--vertical-rhythm-reduction)));margin:1rem 0;padding:.5rem;width:100%}header a[href]::after,footer a[href]::after{content:unset}footer{align-items:center;display:flex;flex-flow:column wrap;justify-content:space-evenly;text-align:center}@media print{html{overflow:auto}p{orphans:3}pre{max-height:unset}}header[aria-label="Site header"]{position:relative}header[aria-label="Site header"] a{color:var(--base06)}header[aria-label="Site header"] a:hover{color:var(--accent-color);text-decoration:unset}footer[aria-label="Site footer"]>*{margin-top:1em;margin-bottom:0}.icon{height:1rem;width:1rem;fill:currentColor}.list{display:inline-flex;flex-flow:row wrap;list-style:none;margin:0;padding:0}.list>*:not(:last-child){border-right:1px solid var(--base02);margin-right:.5em;padding-right:.5em}.site__title{--size:2rem;display:inline-block;font-size:var(--size);margin-bottom:unset;margin-right:.5rem}.site__links>*:hover{color:var(--accent-color);text-decoration:none}.site__languages{margin:0 .5em}.site__socials{font-style:unset}.site__socials>*:hover{color:var(--accent-color);text-decoration:none}.site__social-icon svg{--size:1.25em;height:var(--size);width:var(--size)}.site__theme-btn{padding:.5em;position:absolute;top:0;right:0}.site__theme-btn:hover{color:unset!important}.site__theme-btn:hover .site__theme-dropdown{display:unset}.site__theme-dropdown{background:var(--background);border:var(--border-style);display:none;padding:.5em;position:absolute;right:0;top:1.5em;width:max-content}.site__theme-dropdown-list{display:flex;flex-flow:column}.site__theme-item{padding:0 .5em}.site__theme-item[data-theme-light]{order:-1}.site__theme-item[data-theme-dark]{order:-1}.site__theme-item[data-theme-system]{order:-2}.site__theme-dropdown .site__theme-item:hover{background:var(--selection-color);cursor:pointer}.site__theme-item--selected{background:var(--base05);color:var(--background)}.site__theme-item--selected:hover{color:var(--base05)}.pagination{display:flex;font-size:1rem;list-style:none;justify-content:center;margin:1.2rem 0;padding:.8rem}.pagination>*{margin:0 .25em;text-decoration:none}.page-link,.page-link--active{background:var(--base01);color:var(--accent-color);text-decoration:none;padding:.5em}.page-link:hover,.page-link--active:hover{background:var(--base0B);color:var(--background);text-decoration:none}.page-link--active{background:var(--foreground);color:var(--background);font-weight:bolder;padding:.5em}.post{background:var(--base01);margin-top:1rem;padding:.5em}.post h1{margin:0 auto}.post--single .post__meta{margin:0}.post__meta{color:var(--foreground);font-size:.9em;margin-top:.5em}.post__meta>*{display:inline-flex;align-items:center}.post--single .post__meta{background:var(--base01);color:var(--foreground);font-size:.9em;padding:0 .5em}.post__meta--single{background:var(--base01);color:var(--foreground);font-size:.9em;margin:.5em auto;padding:.5em 1em}.post__meta--single>*{margin:.5em auto}.posts--list{list-style:none;padding-left:1em;margin:1em auto}.post--list{display:flex}.post--list>*{margin-right:.5em}.post--list__date{white-space:nowrap}.taxonomy__header{display:flex;align-items:center;justify-content:start}.taxonomy__header>*{margin:0;margin-right:.25em}#TableOfContents{background:var(--base01);font-size:.9em;padding:1em}#TableOfContents>ul{margin-bottom:unset}#TableOfContents ul{list-style:disc;padding-left:1em}
\ No newline at end of file
diff --git a/css/main.min.f1121c040b0aa510fb90a5e6ff2389d0944483dd2515d61c36d0b599f873b72b.css b/css/main.min.f1121c040b0aa510fb90a5e6ff2389d0944483dd2515d61c36d0b599f873b72b.css
deleted file mode 100644
index de695e5..0000000
--- a/css/main.min.f1121c040b0aa510fb90a5e6ff2389d0944483dd2515d61c36d0b599f873b72b.css
+++ /dev/null
@@ -1 +0,0 @@
-@media(prefers-color-scheme:dark){:root{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Dark"]:root{--base00:#181818;--base01:#282828;--base02:#383838;--base03:#585858;--base04:#b8b8b8;--base05:#d8d8d8;--base06:#e8e8e8;--base07:#f8f8f8;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}@media(prefers-color-scheme:light){:root{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}}[data-theme="Default Light"]:root{--base00:#f8f8f8;--base01:#e8e8e8;--base02:#d8d8d8;--base03:#b8b8b8;--base04:#585858;--base05:#383838;--base06:#282828;--base07:#181818;--base08:#ab4642;--base09:#dc9656;--base0A:#f7ca88;--base0B:#a1b56c;--base0C:#86c1b9;--base0D:#7cafc2;--base0E:#ba8baf;--base0F:#a16946}[data-theme=Dracula]:root{--base00:#282936;--base01:#3a3c4e;--base02:#4d4f68;--base03:#626483;--base04:#62d6e8;--base05:#e9e9f4;--base06:#f1f2f8;--base07:#f7f7fb;--base08:#ea51b2;--base09:#b45bcf;--base0A:#00f769;--base0B:#ebff87;--base0C:#a1efe4;--base0D:#62d6e8;--base0E:#b45bcf;--base0F:#00f769}[data-theme="Gruvbox dark, hard"]:root{--base00:#1d2021;--base01:#3c3836;--base02:#504945;--base03:#665c54;--base04:#bdae93;--base05:#d5c4a1;--base06:#ebdbb2;--base07:#fbf1c7;--base08:#fb4934;--base09:#fe8019;--base0A:#fabd2f;--base0B:#b8bb26;--base0C:#8ec07c;--base0D:#83a598;--base0E:#d3869b;--base0F:#d65d0e}[data-theme="Gruvbox light, hard"]:root{--base00:#f9f5d7;--base01:#ebdbb2;--base02:#d5c4a1;--base03:#bdae93;--base04:#665c54;--base05:#504945;--base06:#3c3836;--base07:#282828;--base08:#9d0006;--base09:#af3a03;--base0A:#b57614;--base0B:#79740e;--base0C:#427b58;--base0D:#076678;--base0E:#8f3f71;--base0F:#d65d0e}[data-theme=Nord]:root{--base00:#2E3440;--base01:#3B4252;--base02:#434C5E;--base03:#4C566A;--base04:#D8DEE9;--base05:#E5E9F0;--base06:#ECEFF4;--base07:#8FBCBB;--base08:#88C0D0;--base09:#81A1C1;--base0A:#5E81AC;--base0B:#BF616A;--base0C:#D08770;--base0D:#EBCB8B;--base0E:#A3BE8C;--base0F:#B48EAD}[data-theme="Solarized Dark"]:root{--base00:#002b36;--base01:#073642;--base02:#586e75;--base03:#657b83;--base04:#839496;--base05:#93a1a1;--base06:#eee8d5;--base07:#fdf6e3;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}[data-theme="Solarized Light"]:root{--base00:#fdf6e3;--base01:#eee8d5;--base02:#93a1a1;--base03:#839496;--base04:#657b83;--base05:#586e75;--base06:#073642;--base07:#002b36;--base08:#dc322f;--base09:#cb4b16;--base0A:#b58900;--base0B:#859900;--base0C:#2aa198;--base0D:#268bd2;--base0E:#6c71c4;--base0F:#d33682}@charset "UTF-8";article>main{}article>main a[href]:not(:where( a[href^="#"],a[href^="./"],a[href^="../"],a[href^="/"]:not(a[href^="//"]),))::after,article>main a[rel~=external]::after{color:var(--base05);font-size:.5em;content:" [🡕]";vertical-align:super}article>main a[href]:where( a[href^="http://foo-dogsquared.github.io"],a[href^="https://foo-dogsquared.github.io"],a[href$="foo-dogsquared.github.io"],a[href$="foo-dogsquared.github.io/"],a[href^="https://foo-dogsquared.github.io/hugo-theme-more-contentful"],)::after{content:unset}:root{--body-family:serif;--header-family:sans-serif;--mono-family:monospace;--font-size:20px;--mono-font-size:0.9em;--vertical-rhythm:24px;--content-width:750px;--code-block-size:50vh;--border-style:var(--base05) solid 1px;--background:var(--base00);--foreground:var(--base05);--accent-color:var(--base0C);--selection-color:var(--base02)}:root{font-family:var(--body-family);font-size:clamp(var(--font-size),1.4vw,calc(var(--font-size) * 3));background:var(--background);color:var(--foreground);line-height:var(--vertical-rhythm);margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}*:target{animation:target-fade 3s 1}@keyframes target-fade{0%{background:var(--accent-color)}100%{background:unset}}body{margin:0 auto;max-width:var(--content-width);padding:1rem}nav{margin:1rem auto}h1{margin:1rem auto}article h1{margin:1rem auto}article h2{margin-top:3rem}article h3{margin-top:2rem}article h1,article h2,article h3{margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--header-family);line-height:1.25}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--base0B);text-decoration:underline}dd,li,p,td{line-height:1.45}p{margin-top:1rem}dd{margin-top:.5rem;margin-bottom:1.5rem}kbd{border:var(--border-style);font-size:.8em;font-weight:700;padding:0 .25em}code,pre{font-family:var(--mono-family)}code{background:var(--base01);font-family:var(--mono-family);font-size:.9em}pre{color:var(--base05);border:var(--border-style);font-family:var(--mono-family);font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:1rem;max-height:var(--code-block-size);padding:.5rem;overflow:auto}pre code{background:unset}mark{background:var(--foreground);color:var(--background)}hr{border-color:var(--accent-color);margin:1em 0}img,video,audio,iframe{display:block;height:auto;max-width:100%;margin:auto}table{border-collapse:collapse;border-spacing:.5em;margin:auto;overflow:auto;width:100%;border:var(--border-style);margin:var(--vertical-rhythm)auto}table caption{margin:unset}table thead tr{background:var(--base05);color:var(--base00)}table tbody tr+tr,table tbody tr:first-child{border-top:var(--border-style)}table tbody tr:hover{background:var(--selection-color)}table th,table td{padding:.5em}table tr td>p{margin:0}thead{font-weight:700}thead tr th{text-align:left}tbody tr td{text-align:left}ol,ul{line-height:1.5}figure{margin:2rem auto}figure>*{margin:1rem auto}figcaption{text-align:center;font-size:1rem}blockquote{margin:2rem 1rem}blockquote footer{display:block;width:100%}button{background:unset;border:var(--base05)solid 1px;color:var(--base05);cursor:pointer;font-size:1rem;padding:.5rem}aside{--vertical-rhythm-reduction:0.2;color:var(--base03);border:1px solid var(--base03);border-left:3px solid var(--base03);font-size:calc(1rem * (1 - var(--vertical-rhythm-reduction)));font-family:var(--header-family);line-height:calc(1rem * (1 + var(--vertical-rhythm-reduction)));margin:1rem 0;padding:.5rem;width:100%}header a[href]::after,footer a[href]::after{content:unset}footer{align-items:center;display:flex;flex-flow:column wrap;justify-content:space-evenly;text-align:center}@media print{html{overflow:auto}p{orphans:3}pre{max-height:unset}}header[aria-label="Site header"]{position:relative}header[aria-label="Site header"] a{color:var(--base06)}header[aria-label="Site header"] a:hover{color:var(--base0C);text-decoration:unset}footer[aria-label="Site footer"]>*{margin-top:1em;margin-bottom:0}.icon{height:1rem;width:1rem;fill:currentColor}.list{display:inline-flex;flex-flow:row wrap;list-style:none;margin:0;padding:0}.list>*:not(:last-child){border-right:1px solid var(--base02);margin-right:.5em;padding-right:.5em}.site__title{--size:2rem;display:inline-block;font-size:var(--size);margin-bottom:unset;margin-right:.5rem}.site__links>*:hover{color:var(--accent-color);text-decoration:none}.site__languages{margin:0 .5em}.site__socials{font-style:unset}.site__socials>*:hover{color:var(--accent-color);text-decoration:none}.site__social-icon svg{--size:1.25em;height:var(--size);width:var(--size)}.site__theme-btn{padding:.5em;position:absolute;top:0;right:0}.site__theme-btn:hover{color:unset!important}.site__theme-btn:hover .site__theme-dropdown{display:unset}.site__theme-dropdown{background:var(--background);border:var(--border-style);display:none;padding:.5em;position:absolute;right:0;top:1.5em;width:max-content}.site__theme-dropdown-list{display:flex;flex-flow:column}.site__theme-item{padding:0 .5em}.site__theme-item[data-theme-light]{order:-1}.site__theme-item[data-theme-dark]{order:-1}.site__theme-item[data-theme-system]{order:-2}.site__theme-dropdown .site__theme-item:hover{background:var(--selection-color);cursor:pointer}.site__theme-item--selected{background:var(--base05);color:var(--background)}.site__theme-item--selected:hover{color:var(--base05)}.pagination{display:flex;font-size:1rem;list-style:none;justify-content:center;margin:1.2rem 0;padding:.8rem}.pagination>*{margin:0 .25em;text-decoration:none}.page-link,.page-link--active{background:var(--base01);color:var(--accent-color);text-decoration:none;padding:.5em}.page-link:hover,.page-link--active:hover{background:var(--base0B);color:var(--background);text-decoration:none}.page-link--active{background:var(--foreground);color:var(--background);font-weight:bolder;padding:.5em}.post{background:var(--base01);margin-top:1rem;padding:.5em}.post h1{margin:0 auto}.post--single .post__meta{margin:0}.post__meta{color:var(--foreground);font-size:.9em;margin-top:.5em}.post__meta>*{display:inline-flex;align-items:center}.post--single .post__meta{background:var(--base01);color:var(--foreground);font-size:.9em;padding:0 .5em}.post__meta--single{background:var(--base01);color:var(--foreground);font-size:.9em;margin:.5em auto;padding:.5em 1em}.post__meta--single>*{margin:.5em auto}.posts--list{list-style:none;padding-left:1em;margin:1em auto}.post--list{display:flex}.post--list>*{margin-right:.5em}.post--list__date{white-space:nowrap}.taxonomy__header{display:flex;align-items:center;justify-content:start}.taxonomy__header>*{margin:0;margin-right:.25em}#TableOfContents{background:var(--base01);font-size:.9em;padding:1em}#TableOfContents>ul{padding-left:1rem}#TableOfContents ul{list-style:disc;padding-left:1em}
\ No newline at end of file
diff --git a/en/sitemap.xml b/en/sitemap.xml
index d833522..05cb809 100644
--- a/en/sitemap.xml
+++ b/en/sitemap.xml
@@ -3,7 +3,7 @@
xmlns:xhtml="http://www.w3.org/1999/xhtml">
https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:38:24+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:38:24+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:38:24+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/recipe/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:38:24+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:36:55+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/open-graph-protocol/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:35:39+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/seo/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:35:39+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/social-media/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:35:39+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:35:39+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/twitter/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:31:32+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/twitter-cards/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:31:32+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/customizing-your-head/
- 2023-02-27T13:27:15+08:00
+ 2020-10-20T20:29:42+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T21:29:52+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/category1/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T21:29:52+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/tag1/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T21:29:52+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/tag2/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T21:29:52+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/extending/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T17:25:55+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/guide/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T17:25:55+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T17:25:55+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/theme/
- 2023-02-27T13:27:15+08:00
+ 2020-05-12T17:25:55+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/rss-atom-and-json-feed-support/
- 2023-02-27T13:27:15+08:00
+ 2019-09-04T17:22:44+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/this-is-a-test-tag/
- 2023-02-27T13:27:15+08:00
+ 2019-09-04T17:22:44+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/asciidoctor/
- 2023-02-27T13:27:15+08:00
+ 2019-08-29T22:09:16+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/asciidoctor/
- 2023-02-27T13:27:15+08:00
+ 2019-08-29T22:09:16+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-extended-syntax-guide/
- 2023-02-27T13:27:15+08:00
+ 2019-08-29T22:09:16+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/guide/
- 2023-02-27T13:27:15+08:00
+ 2019-08-29T22:09:16+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/emoji/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T12:11:22+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/emoji-support/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T12:11:22+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/mathjax/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T01:47:02+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-asciidoctor/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T01:47:02+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/tags/markdown/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T00:09:56+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/categories/markdown/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T00:09:56+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/mathjax-support-for-markdown/
- 2023-02-27T13:27:15+08:00
+ 2019-08-28T00:09:56+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-syntax-guide/
- 2023-02-27T13:27:15+08:00
+ 2019-08-27T01:03:09+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/markdown-syntax-guide/
- 2023-02-27T13:27:15+08:00
+ 2019-08-26T00:08:27+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/articles/asciidoctor-article-template/
- 2023-02-27T13:27:15+08:00
+ 2019-08-25T21:06:56+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/about/
- 2023-02-27T13:27:15+08:00https://foo-dogsquared.github.io/hugo-theme-more-contentful/archives/
- 2023-02-27T13:27:15+08:00Jane Doe
2019-09-04T17:22:44+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2019-09-04T17:22:44+08:00<div class="paragraph">
<p>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 <a href="https://www.rssboard.org/rss-2-0-1">RSS</a> and <a href="https://www.jsonfeed.org/">JSON</a> feeds where they are just plain text files describing the content.</p>
@@ -83,7 +83,7 @@ For this demo, we’ll use the <a href="https://github.com/foo-dogsquared
Asciidoctor Extended Syntax Guide2019-08-29T22:09:16+08:00
- 2023-02-27T13:27:15+08:00
+ 2019-08-29T22:09:16+08:00
<div id="preamble">
<div class="sectionbody">
<div class="paragraph">
diff --git a/feed.json b/feed.json
index d24484e..ae43dd7 100644
--- a/feed.json
+++ b/feed.json
@@ -8,4 +8,4 @@
"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":"2023-02-27T13:27:15+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.\n The 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":"2023-02-27T13:27:15+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.\n Admonition 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":"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.\n The 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.\n Admonition 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/"}]}
diff --git a/icons/generic/arrow-path.svg b/icons/generic/arrow-path.svg
deleted file mode 100644
index 2a553aa..0000000
--- a/icons/generic/arrow-path.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/index.html b/index.html
index f7e77a6..529a305 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
-
+
@@ -171,220 +171,139 @@
@@ -269,18 +259,19 @@ Though, you have to set it as the default Markdown parser.
-
-
-
+
+
+
+
-
-
Created:
+
+
Created:
-
-
Updated:
+
-
-
+
+
+
diff --git a/recipes/feed.atom b/recipes/feed.atom
index fc37ae2..a2feb7e 100644
--- a/recipes/feed.atom
+++ b/recipes/feed.atom
@@ -14,7 +14,7 @@
Configurable list of contacts2020-10-20T20:38:24+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2020-10-20T20:38:24+08:00<div class="paragraph">
<p>Most themes offer quick social media links with site configuration.
However, it is only limited to popular media sites such as Facebook, Twitter, Instagram, GitHub, etc.</p>
</div>
@@ -90,7 +90,7 @@ The <code>name</code> would now be the image alternative text.</p
Creating an archive page2020-10-20T20:36:55+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2020-10-20T20:36:55+08:00<div class="paragraph">
<p>This will add an archive page similar to archive pages <a href="https://davidtranscend.com/archives/">like</a> <a href="https://lukesmith.xyz/blogindex.html">these</a>.</p>
</div>
<div class="listingblock">
diff --git a/recipes/feed.json b/recipes/feed.json
index e5f1a56..22a3534 100644
--- a/recipes/feed.json
+++ b/recipes/feed.json
@@ -6,4 +6,4 @@
"description": "Recent content in Recipes on More Contentful",
"authors":[{"name":"John Doe"}],
"items":
- [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eMost themes offer quick social media links with site configuration.\nHowever, it is only limited to popular media sites such as Facebook, Twitter, Instagram, GitHub, etc.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eTo get around this, we’ll make use of \u003ca href=\"https://gohugo.io/templates/data-templates/\"\u003edata templates\u003c/a\u003e.\nLet’s create a quick game plan how does it work.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe data is a top-level dictionary/object with each key contains an object with the following fields.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eurl\u003c/code\u003e is the… contact link itself and it is required to have it.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003ename\u003c/code\u003e is the text to appear in the output.\nAlso required to have.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eweight\u003c/code\u003e is an integer similar to how Hugo sorts the pages with the lower weight having high precedence;\nif this key is absent, it will be interpreted as 0.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAnd here’s the data example in TOML which is placed in \u003ccode\u003edata/contact.toml\u003c/code\u003e.\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[github]\n name = \u0026#34;GitHub\u0026#34;\n url = \u0026#34;https://github.com/foo-dogsquared\u0026#34;\n\n[gitlab]\n name = \u0026#34;Gitlab\u0026#34;\n url = \u0026#34;https://gitlab.com/foo-dogsquared\u0026#34;\n\n[keybase]\n name = \u0026#34;Keybase\u0026#34;\n url = \u0026#34;https://keybase.io/foo_dogsquared\u0026#34;\n weight = -1\n\n[twitter]\n name = \u0026#34;Twitter\u0026#34;\n url = \u0026#34;https://twitter.com/foo_dogsquared\u0026#34;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eI want my Keybase profile to appear first than anything else for whatever reason so the \u003ccode\u003eweight\u003c/code\u003e key is set to -1.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWith this data, we can then create a template out of it.\nI’ve put the following template in a partial named \u003ccode\u003econtacts\u003c/code\u003e (i.e., \u003ccode\u003elayouts/partials/contacts\u003c/code\u003e).\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-go\" data-lang=\"go\"\u003e\u0026lt;address\u0026gt;\n{{- range (sort $.Site.Data.contacts \u0026#34;weight\u0026#34; \u0026#34;asc\u0026#34;) -}}\n| \u0026lt;a rel=\u0026#34;me\u0026#34; href=\u0026#34;{{ .url }}\u0026#34;\u0026gt;{{- .name -}}\u0026lt;/a\u0026gt; |\n{{- end -}}\n\u0026lt;/address\u0026gt;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eA suggestion (and an exercise) for extending this is to create image links.\nMaybe add another key named \u003ccode\u003eimage\u003c/code\u003e that accepts either URL.\nThe \u003ccode\u003ename\u003c/code\u003e would now be the image alternative text.\u003c/p\u003e\n\u003c/div\u003e\n","date_modified":"2023-02-27T13:27:15+08:00","date_published":"2020-10-20T20:38:24+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/","summary":"Most themes offer quick social media links with site configuration. However, it is only limited to popular media sites such as Facebook, Twitter, Instagram, GitHub, etc.\n To get around this, we’ll make use of data templates. Let’s create a quick game plan how does it work.\n The data is a top-level dictionary/object with each key contains an object with the following fields.\n url is the… contact link itself and it is required to have it.","tags":null,"title":"Configurable list of contacts","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/"},{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThis will add an archive page similar to archive pages \u003ca href=\"https://davidtranscend.com/archives/\"\u003elike\u003c/a\u003e \u003ca href=\"https://lukesmith.xyz/blogindex.html\"\u003ethese\u003c/a\u003e.\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-go\" data-lang=\"go\"\u003e{{- define \u0026#34;main\u0026#34; -}}\n\n\u0026lt;h1\u0026gt;{{ .Title }}\u0026lt;/h1\u0026gt;\n\n{{ .Content }}\n\n\u0026lt;hr\u0026gt;\n\n{{- /* Creating a section that lists out regular pages by year */ -}}\n{{ range $.Site.RegularPages.GroupByPublishDate \u0026#34;2006\u0026#34; }}\n {{- /* Skip regular pages with an invalid creation date string. */ -}}\n {{- /* This is convenient if we want to exclude certain posts to be listed by giving no value to `date` in the frontmatter. */ -}}\n {{- /* We will also exclude hidden pages. */ -}}\n {{ if ne .Key \u0026#34;0001\u0026#34; }}\n \u0026lt;section data-year=\u0026#34;{{ .Key }}\u0026#34;\u0026gt;\n \u0026lt;h2 id=\u0026#34;{{ .Key }}\u0026#34;\u0026gt;{{ .Key }}\u0026lt;/h2\u0026gt;\n \u0026lt;ul\u0026gt;\n {{- range where .Pages \u0026#34;Params.hidden\u0026#34; \u0026#34;!=\u0026#34; true -}}\n \u0026lt;li\u0026gt;\n \u0026lt;date\u0026gt;{{ .Date.Format \u0026#34;2006-01-02\u0026#34; }}\u0026lt;/date\u0026gt; -\n \u0026lt;a aria-label=\u0026#34;{{ .Title }}\u0026#34; href=\u0026#34;{{ .Permalink }}\u0026#34;\u0026gt;{{ .Title }}\u0026lt;/a\u0026gt;\n \u0026lt;/li\u0026gt;\n {{- end -}}\n \u0026lt;/ul\u0026gt;\n \u0026lt;/section\u0026gt;\n {{- end }}\n{{ end }}\n\n{{- end -}}\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWe will simply add this as a layout in our customized theme.\nLet’s call it \u003ccode\u003earchives\u003c/code\u003e so we have to add a file in \u003ccode\u003elayouts/_default/archives.html\u003c/code\u003e then set a page of our project with the \u003ccode\u003elayout\u003c/code\u003e key in the frontmatter.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWe want the archives page to be accessed at \u003ccode\u003e$.Site.BaseURL/archives\u003c/code\u003e so we’ll simply create \u003ccode\u003earchives.adoc\u003c/code\u003e (\u003ca href=\"https://gohugo.io/content-management/formats/#list-of-content-formats\"\u003eany valid content files with certain file extensions can do\u003c/a\u003e, I’m using \u003ca href=\"https://asciidoctor.org/\"\u003eAsciidoctor\u003c/a\u003e) with the following example content.\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---\ntitle: \u0026#34;Archives\u0026#34;\nlayout: \u0026#34;archive\u0026#34;\n---\n\n= Archives\n\nThis is the archives of the century.\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","date_modified":"2023-02-27T13:27:15+08:00","date_published":"2020-10-20T20:36:55+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/","summary":"This will add an archive page similar to archive pages like these.\n {{- define \u0026#34;main\u0026#34; -}} \u0026lt;h1\u0026gt;{{ .Title }}\u0026lt;/h1\u0026gt; {{ .Content }} \u0026lt;hr\u0026gt; {{- /* Creating a section that lists out regular pages by year */ -}} {{ range $.Site.RegularPages.GroupByPublishDate \u0026#34;2006\u0026#34; }} {{- /* Skip regular pages with an invalid creation date string. */ -}} {{- /* This is convenient if we want to exclude certain posts to be listed by giving no value to `date` in the frontmatter.","tags":null,"title":"Creating an archive page","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/"}]}
+ [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eMost themes offer quick social media links with site configuration.\nHowever, it is only limited to popular media sites such as Facebook, Twitter, Instagram, GitHub, etc.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eTo get around this, we’ll make use of \u003ca href=\"https://gohugo.io/templates/data-templates/\"\u003edata templates\u003c/a\u003e.\nLet’s create a quick game plan how does it work.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThe data is a top-level dictionary/object with each key contains an object with the following fields.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eurl\u003c/code\u003e is the… contact link itself and it is required to have it.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003ename\u003c/code\u003e is the text to appear in the output.\nAlso required to have.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ccode\u003eweight\u003c/code\u003e is an integer similar to how Hugo sorts the pages with the lower weight having high precedence;\nif this key is absent, it will be interpreted as 0.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAnd here’s the data example in TOML which is placed in \u003ccode\u003edata/contact.toml\u003c/code\u003e.\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[github]\n name = \u0026#34;GitHub\u0026#34;\n url = \u0026#34;https://github.com/foo-dogsquared\u0026#34;\n\n[gitlab]\n name = \u0026#34;Gitlab\u0026#34;\n url = \u0026#34;https://gitlab.com/foo-dogsquared\u0026#34;\n\n[keybase]\n name = \u0026#34;Keybase\u0026#34;\n url = \u0026#34;https://keybase.io/foo_dogsquared\u0026#34;\n weight = -1\n\n[twitter]\n name = \u0026#34;Twitter\u0026#34;\n url = \u0026#34;https://twitter.com/foo_dogsquared\u0026#34;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eI want my Keybase profile to appear first than anything else for whatever reason so the \u003ccode\u003eweight\u003c/code\u003e key is set to -1.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWith this data, we can then create a template out of it.\nI’ve put the following template in a partial named \u003ccode\u003econtacts\u003c/code\u003e (i.e., \u003ccode\u003elayouts/partials/contacts\u003c/code\u003e).\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-go\" data-lang=\"go\"\u003e\u0026lt;address\u0026gt;\n{{- range (sort $.Site.Data.contacts \u0026#34;weight\u0026#34; \u0026#34;asc\u0026#34;) -}}\n| \u0026lt;a rel=\u0026#34;me\u0026#34; href=\u0026#34;{{ .url }}\u0026#34;\u0026gt;{{- .name -}}\u0026lt;/a\u0026gt; |\n{{- end -}}\n\u0026lt;/address\u0026gt;\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eA suggestion (and an exercise) for extending this is to create image links.\nMaybe add another key named \u003ccode\u003eimage\u003c/code\u003e that accepts either URL.\nThe \u003ccode\u003ename\u003c/code\u003e would now be the image alternative text.\u003c/p\u003e\n\u003c/div\u003e\n","date_modified":"2020-10-20T20:38:24+08:00","date_published":"2020-10-20T20:38:24+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/","summary":"Most themes offer quick social media links with site configuration. However, it is only limited to popular media sites such as Facebook, Twitter, Instagram, GitHub, etc.\n To get around this, we’ll make use of data templates. Let’s create a quick game plan how does it work.\n The data is a top-level dictionary/object with each key contains an object with the following fields.\n url is the… contact link itself and it is required to have it.","tags":null,"title":"Configurable list of contacts","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/configurable-list-of-contacts/"},{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eThis will add an archive page similar to archive pages \u003ca href=\"https://davidtranscend.com/archives/\"\u003elike\u003c/a\u003e \u003ca href=\"https://lukesmith.xyz/blogindex.html\"\u003ethese\u003c/a\u003e.\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-go\" data-lang=\"go\"\u003e{{- define \u0026#34;main\u0026#34; -}}\n\n\u0026lt;h1\u0026gt;{{ .Title }}\u0026lt;/h1\u0026gt;\n\n{{ .Content }}\n\n\u0026lt;hr\u0026gt;\n\n{{- /* Creating a section that lists out regular pages by year */ -}}\n{{ range $.Site.RegularPages.GroupByPublishDate \u0026#34;2006\u0026#34; }}\n {{- /* Skip regular pages with an invalid creation date string. */ -}}\n {{- /* This is convenient if we want to exclude certain posts to be listed by giving no value to `date` in the frontmatter. */ -}}\n {{- /* We will also exclude hidden pages. */ -}}\n {{ if ne .Key \u0026#34;0001\u0026#34; }}\n \u0026lt;section data-year=\u0026#34;{{ .Key }}\u0026#34;\u0026gt;\n \u0026lt;h2 id=\u0026#34;{{ .Key }}\u0026#34;\u0026gt;{{ .Key }}\u0026lt;/h2\u0026gt;\n \u0026lt;ul\u0026gt;\n {{- range where .Pages \u0026#34;Params.hidden\u0026#34; \u0026#34;!=\u0026#34; true -}}\n \u0026lt;li\u0026gt;\n \u0026lt;date\u0026gt;{{ .Date.Format \u0026#34;2006-01-02\u0026#34; }}\u0026lt;/date\u0026gt; -\n \u0026lt;a aria-label=\u0026#34;{{ .Title }}\u0026#34; href=\u0026#34;{{ .Permalink }}\u0026#34;\u0026gt;{{ .Title }}\u0026lt;/a\u0026gt;\n \u0026lt;/li\u0026gt;\n {{- end -}}\n \u0026lt;/ul\u0026gt;\n \u0026lt;/section\u0026gt;\n {{- end }}\n{{ end }}\n\n{{- end -}}\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWe will simply add this as a layout in our customized theme.\nLet’s call it \u003ccode\u003earchives\u003c/code\u003e so we have to add a file in \u003ccode\u003elayouts/_default/archives.html\u003c/code\u003e then set a page of our project with the \u003ccode\u003elayout\u003c/code\u003e key in the frontmatter.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eWe want the archives page to be accessed at \u003ccode\u003e$.Site.BaseURL/archives\u003c/code\u003e so we’ll simply create \u003ccode\u003earchives.adoc\u003c/code\u003e (\u003ca href=\"https://gohugo.io/content-management/formats/#list-of-content-formats\"\u003eany valid content files with certain file extensions can do\u003c/a\u003e, I’m using \u003ca href=\"https://asciidoctor.org/\"\u003eAsciidoctor\u003c/a\u003e) with the following example content.\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---\ntitle: \u0026#34;Archives\u0026#34;\nlayout: \u0026#34;archive\u0026#34;\n---\n\n= Archives\n\nThis is the archives of the century.\u003c/code\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","date_modified":"2020-10-20T20:36:55+08:00","date_published":"2020-10-20T20:36:55+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/","summary":"This will add an archive page similar to archive pages like these.\n {{- define \u0026#34;main\u0026#34; -}} \u0026lt;h1\u0026gt;{{ .Title }}\u0026lt;/h1\u0026gt; {{ .Content }} \u0026lt;hr\u0026gt; {{- /* Creating a section that lists out regular pages by year */ -}} {{ range $.Site.RegularPages.GroupByPublishDate \u0026#34;2006\u0026#34; }} {{- /* Skip regular pages with an invalid creation date string. */ -}} {{- /* This is convenient if we want to exclude certain posts to be listed by giving no value to `date` in the frontmatter.","tags":null,"title":"Creating an archive page","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/recipes/creating-an-archive-page/"}]}
diff --git a/recipes/index.html b/recipes/index.html
index 4ad4408..a768756 100644
--- a/recipes/index.html
+++ b/recipes/index.html
@@ -5,7 +5,7 @@
-
+
@@ -177,131 +177,81 @@ Though this only applies specifically to Contentful and may need some tweaking w
+
diff --git a/tl/articles/feed.atom b/tl/articles/feed.atom
index 40e8438..823abd2 100644
--- a/tl/articles/feed.atom
+++ b/tl/articles/feed.atom
@@ -14,7 +14,7 @@
Isang hidden post test2020-05-12T21:28:27+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2020-05-12T21:28:27+08:00<div class="paragraph">
<p>Kamusta!
At papano mo nahanap to?!</p>
</div>
@@ -33,7 +33,7 @@ At papano mo nahanap to?!</p>
Mang Kanor2019-09-04T17:22:44+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2019-09-04T17:22:44+08:00<div class="paragraph">
<p>Ang Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds.
Ito ay nakatutulong para sa madaling pag-publish ng iyong mga gawa.
Ang mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.</p>
diff --git a/tl/articles/feed.json b/tl/articles/feed.json
index 478332d..d47de61 100644
--- a/tl/articles/feed.json
+++ b/tl/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\u003eKamusta!\nAt papano mo nahanap to?!\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIsang test ito para sa hidden post feature ng Hugo Contentful.\u003c/p\u003e\n\u003c/div\u003e\n","date_modified":"2023-02-27T13:27:15+08:00","date_published":"2020-05-12T21:28:27+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/","summary":"Kamusta! At papano mo nahanap to?!\n Isang test ito para sa hidden post feature ng Hugo Contentful.\n ","tags":["tag1","tag2"],"title":"Isang hidden post test","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/"},{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds.\nIto ay nakatutulong para sa madaling pag-publish ng iyong mga gawa.\nAng mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIto ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://tools.ietf.org/html/rfc4287\"\u003eAtom 1.0 - IETF RFC4287\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://jsonfeed.org/version/1\"\u003eJSON Feed version 1 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://cyber.harvard.edu/rss/rss.html\"\u003eRSS 2.0 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eNaka-activate ang mga web feeds at maaaring mo makita ang mga iyon sa sumusunod na weblinks:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRSS\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.rss\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAtom\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.atom\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eJSON\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.json\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003ePara i-enable ang mga web feeds, kailangan mong gumamit ng \u003ca href=\"https://gohugo.io/templates/output-formats\"\u003eoutput formats\u003c/a\u003e sa iyong site configuration.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng sumusunod ay ang parte ng site configuration para sa web feeds ng demo.\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# 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\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/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":"2023-02-27T13:27:15+08:00","date_published":"2019-09-04T17:22:44+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/","summary":"Ang Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds. Ito ay nakatutulong para sa madaling pag-publish ng iyong mga gawa. Ang mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\n Ito ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\n Atom 1.0 - IETF RFC4287\n JSON Feed version 1 specifications","tags":["this is a test tag","tag2"],"title":"Supporta para sa RSS, Atom, at JSON feeds","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/"}]}
+ [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eKamusta!\nAt papano mo nahanap to?!\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIsang test ito para sa hidden post feature ng Hugo Contentful.\u003c/p\u003e\n\u003c/div\u003e\n","date_modified":"2020-05-12T21:28:27+08:00","date_published":"2020-05-12T21:28:27+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/","summary":"Kamusta! At papano mo nahanap to?!\n Isang test ito para sa hidden post feature ng Hugo Contentful.\n ","tags":["tag1","tag2"],"title":"Isang hidden post test","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/"},{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds.\nIto ay nakatutulong para sa madaling pag-publish ng iyong mga gawa.\nAng mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIto ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://tools.ietf.org/html/rfc4287\"\u003eAtom 1.0 - IETF RFC4287\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://jsonfeed.org/version/1\"\u003eJSON Feed version 1 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://cyber.harvard.edu/rss/rss.html\"\u003eRSS 2.0 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eNaka-activate ang mga web feeds at maaaring mo makita ang mga iyon sa sumusunod na weblinks:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRSS\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.rss\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAtom\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.atom\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eJSON\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.json\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003ePara i-enable ang mga web feeds, kailangan mong gumamit ng \u003ca href=\"https://gohugo.io/templates/output-formats\"\u003eoutput formats\u003c/a\u003e sa iyong site configuration.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng sumusunod ay ang parte ng site configuration para sa web feeds ng demo.\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# 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\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/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/tl/articles/rss-atom-and-json-feed-support/","summary":"Ang Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds. Ito ay nakatutulong para sa madaling pag-publish ng iyong mga gawa. Ang mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\n Ito ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\n Atom 1.0 - IETF RFC4287\n JSON Feed version 1 specifications","tags":["this is a test tag","tag2"],"title":"Supporta para sa RSS, Atom, at JSON feeds","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/"}]}
diff --git a/tl/articles/hidden-post-test/index.html b/tl/articles/hidden-post-test/index.html
index 9f80134..4d7af9d 100644
--- a/tl/articles/hidden-post-test/index.html
+++ b/tl/articles/hidden-post-test/index.html
@@ -5,7 +5,7 @@
-
+
@@ -27,13 +27,13 @@
-
+
-
+
@@ -185,27 +185,17 @@
Isang hidden post test
-
-
+
+
-
-
-
-
-
-
-
-
-
+
+
+
@@ -223,21 +213,22 @@ At papano mo nahanap to?!
-
-
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-
- Juan dela Cruz, et al.
+
+ Juan dela Cruz, et al.
+
-
-
-
+
diff --git a/tl/categories/index.html b/tl/categories/index.html
index 83da09a..9e1d765 100644
--- a/tl/categories/index.html
+++ b/tl/categories/index.html
@@ -5,7 +5,7 @@
-
+
diff --git a/tl/feed.atom b/tl/feed.atom
index 8c20652..4c84390 100644
--- a/tl/feed.atom
+++ b/tl/feed.atom
@@ -14,7 +14,7 @@
Isang hidden post test2020-05-12T21:28:27+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2020-05-12T21:28:27+08:00<div class="paragraph">
<p>Kamusta!
At papano mo nahanap to?!</p>
</div>
@@ -33,7 +33,7 @@ At papano mo nahanap to?!</p>
Mang Kanor2019-09-04T17:22:44+08:00
- 2023-02-27T13:27:15+08:00<div class="paragraph">
+ 2019-09-04T17:22:44+08:00<div class="paragraph">
<p>Ang Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds.
Ito ay nakatutulong para sa madaling pag-publish ng iyong mga gawa.
Ang mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.</p>
diff --git a/tl/feed.json b/tl/feed.json
index 33fcbeb..4c91dd8 100644
--- a/tl/feed.json
+++ b/tl/feed.json
@@ -8,4 +8,4 @@
"items":
- [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eKamusta!\nAt papano mo nahanap to?!\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIsang test ito para sa hidden post feature ng Hugo Contentful.\u003c/p\u003e\n\u003c/div\u003e\n","date_modified":"2023-02-27T13:27:15+08:00","date_published":"2020-05-12T21:28:27+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/","summary":"Kamusta! At papano mo nahanap to?!\n Isang test ito para sa hidden post feature ng Hugo Contentful.\n ","tags":["tag1","tag2"],"title":"Isang hidden post test","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/"},{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds.\nIto ay nakatutulong para sa madaling pag-publish ng iyong mga gawa.\nAng mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIto ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://tools.ietf.org/html/rfc4287\"\u003eAtom 1.0 - IETF RFC4287\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://jsonfeed.org/version/1\"\u003eJSON Feed version 1 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://cyber.harvard.edu/rss/rss.html\"\u003eRSS 2.0 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eNaka-activate ang mga web feeds at maaaring mo makita ang mga iyon sa sumusunod na weblinks:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRSS\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.rss\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAtom\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.atom\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eJSON\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.json\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003ePara i-enable ang mga web feeds, kailangan mong gumamit ng \u003ca href=\"https://gohugo.io/templates/output-formats\"\u003eoutput formats\u003c/a\u003e sa iyong site configuration.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng sumusunod ay ang parte ng site configuration para sa web feeds ng demo.\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# 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\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/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":"2023-02-27T13:27:15+08:00","date_published":"2019-09-04T17:22:44+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/","summary":"Ang Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds. Ito ay nakatutulong para sa madaling pag-publish ng iyong mga gawa. Ang mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\n Ito ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\n Atom 1.0 - IETF RFC4287\n JSON Feed version 1 specifications","tags":["this is a test tag","tag2"],"title":"Supporta para sa RSS, Atom, at JSON feeds","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/"}]}
+ [{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eKamusta!\nAt papano mo nahanap to?!\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIsang test ito para sa hidden post feature ng Hugo Contentful.\u003c/p\u003e\n\u003c/div\u003e\n","date_modified":"2020-05-12T21:28:27+08:00","date_published":"2020-05-12T21:28:27+08:00","id":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/","summary":"Kamusta! At papano mo nahanap to?!\n Isang test ito para sa hidden post feature ng Hugo Contentful.\n ","tags":["tag1","tag2"],"title":"Isang hidden post test","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/hidden-post-test/"},{"content_html":"\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds.\nIto ay nakatutulong para sa madaling pag-publish ng iyong mga gawa.\nAng mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eIto ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://tools.ietf.org/html/rfc4287\"\u003eAtom 1.0 - IETF RFC4287\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://jsonfeed.org/version/1\"\u003eJSON Feed version 1 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003ca href=\"https://cyber.harvard.edu/rss/rss.html\"\u003eRSS 2.0 specifications\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eNaka-activate ang mga web feeds at maaaring mo makita ang mga iyon sa sumusunod na weblinks:\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"ulist\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eRSS\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.rss\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eAtom\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.atom\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eJSON\u003c/strong\u003e: \u003ccode\u003e$HUGO_URL/feed.json\u003c/code\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003ePara i-enable ang mga web feeds, kailangan mong gumamit ng \u003ca href=\"https://gohugo.io/templates/output-formats\"\u003eoutput formats\u003c/a\u003e sa iyong site configuration.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv class=\"paragraph\"\u003e\n\u003cp\u003eAng sumusunod ay ang parte ng site configuration para sa web feeds ng demo.\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# 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\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/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/tl/articles/rss-atom-and-json-feed-support/","summary":"Ang Hugo theme na ito ay mayroon mga templates para sa RSS, Atom, and JSON feeds. Ito ay nakatutulong para sa madaling pag-publish ng iyong mga gawa. Ang mga output ng mga templates ay napatunayan laban sa mga validator na may wastong marka.\n Ito ang mga sanggunian ng ginamit upang maisagawa ang mga templates.\n Atom 1.0 - IETF RFC4287\n JSON Feed version 1 specifications","tags":["this is a test tag","tag2"],"title":"Supporta para sa RSS, Atom, at JSON feeds","url":"https://foo-dogsquared.github.io/hugo-theme-more-contentful/tl/articles/rss-atom-and-json-feed-support/"}]}
diff --git a/tl/index.html b/tl/index.html
index beaf8ca..3f4a5b8 100644
--- a/tl/index.html
+++ b/tl/index.html
@@ -5,7 +5,7 @@
-
+
@@ -170,64 +170,43 @@