From b8d7aa01ec507594ef4399d21ac00027e8deecb4 Mon Sep 17 00:00:00 2001 From: GitHub Actions Date: Thu, 18 Jul 2024 08:55:35 +0000 Subject: [PATCH] Deploy cydave/zola-theme-papermod to cydave/zola-theme-papermod:gh-pages --- 404.html | 1 + archive/index.html | 1 + atom.xml | 259 +++++ css/override.css | 32 + css/styles.css | 1225 ++++++++++++++++++++++++ index.html | 1 + js/search.js | 96 ++ page/1/index.html | 1 + page/2/index.html | 1 + posts/atom.xml | 246 +++++ posts/example-post-2/index.html | 1 + posts/example-post/index.html | 1 + posts/index.html | 1 + posts/markdown-example/index.html | 34 + posts/page/1/index.html | 1 + posts/papermod-installation/index.html | 1 + posts/syntax-highlighting/index.html | 50 + robots.txt | 4 + search/index.html | 1 + sitemap.xml | 60 ++ tags/index.html | 1 + tags/page/1/index.html | 1 + tags/papermod/atom.xml | 32 + tags/papermod/index.html | 1 + tags/showcase/atom.xml | 208 ++++ tags/showcase/index.html | 1 + tags/theme/atom.xml | 180 ++++ tags/theme/index.html | 1 + tags/zola/atom.xml | 180 ++++ tags/zola/index.html | 1 + 30 files changed, 2623 insertions(+) create mode 100644 404.html create mode 100644 archive/index.html create mode 100644 atom.xml create mode 100644 css/override.css create mode 100644 css/styles.css create mode 100644 index.html create mode 100644 js/search.js create mode 100644 page/1/index.html create mode 100644 page/2/index.html create mode 100644 posts/atom.xml create mode 100644 posts/example-post-2/index.html create mode 100644 posts/example-post/index.html create mode 100644 posts/index.html create mode 100644 posts/markdown-example/index.html create mode 100644 posts/page/1/index.html create mode 100644 posts/papermod-installation/index.html create mode 100644 posts/syntax-highlighting/index.html create mode 100644 robots.txt create mode 100644 search/index.html create mode 100644 sitemap.xml create mode 100644 tags/index.html create mode 100644 tags/page/1/index.html create mode 100644 tags/papermod/atom.xml create mode 100644 tags/papermod/index.html create mode 100644 tags/showcase/atom.xml create mode 100644 tags/showcase/index.html create mode 100644 tags/theme/atom.xml create mode 100644 tags/theme/index.html create mode 100644 tags/zola/atom.xml create mode 100644 tags/zola/index.html diff --git a/404.html b/404.html new file mode 100644 index 0000000..5c8304a --- /dev/null +++ b/404.html @@ -0,0 +1 @@ +PaperMod
404
\ No newline at end of file diff --git a/archive/index.html b/archive/index.html new file mode 100644 index 0000000..1ecc2e9 --- /dev/null +++ b/archive/index.html @@ -0,0 +1 @@ +PaperMod

Archive

2023  4

April  3

Syntax highlighting

2023-04-21 · 1 min · cydave

Example post 2

2023-04-07 · 1 min · cydave

Example post 1

2023-04-07 · 1 min · cydave

February  1

Markdown Examples

2023-02-04 · 3 min · cydave

2019  1

February  1

Installation | Update

2019-02-04 · 1 min · cydave
\ No newline at end of file diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..aaebd25 --- /dev/null +++ b/atom.xml @@ -0,0 +1,259 @@ + + + PaperMod + + + Zola + 2024-02-27T00:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/atom.xml + + Search + 2024-02-27T00:00:00+00:00 + 2024-02-27T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/search/ + + + + + + Syntax highlighting + 2023-04-21T00:00:00+00:00 + 2023-04-21T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/syntax-highlighting/ + + <p>This is a page summary, it should show up in the main posts area and provide +readers with a preview.</p> + + + + + Example post 2 + 2023-04-07T00:00:00+00:00 + 2023-04-07T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/example-post-2/ + + <p>Consectetur eos similique exercitationem facere magni Sit ullam molestias.</p> + + + + + Example post 1 + 2023-04-07T00:00:00+00:00 + 2023-04-07T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/example-post/ + + <p>Consectetur eos similique exercitationem facere magni Sit ullam molestias.</p> + + + + + Markdown Examples + 2023-02-04T15:00:00+00:00 + 2023-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/markdown-example/ + + <p>This article offers a sample of basic Markdown syntax that can be used in <del>Hugo</del> Zola content files, also it shows whether basic HTML elements are decorated with CSS in a <del>Hugo</del> Zola theme.</p> +<!--more--> +<h1 id="headings">Headings<a class="anchor" aria-hidden="true" href="#headings" hidden="">#</a> +</h1> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1<a class="anchor" aria-hidden="true" href="#h1" hidden="">#</a> +</h1> +<h2 id="h2">H2<a class="anchor" aria-hidden="true" href="#h2" hidden="">#</a> +</h2> +<h3 id="h3">H3<a class="anchor" aria-hidden="true" href="#h3" hidden="">#</a> +</h3> +<h4 id="h4">H4<a class="anchor" aria-hidden="true" href="#h4" hidden="">#</a> +</h4> +<h5 id="h5">H5<a class="anchor" aria-hidden="true" href="#h5" hidden="">#</a> +</h5> +<h6 id="h6">H6<a class="anchor" aria-hidden="true" href="#h6" hidden="">#</a> +</h6> +<h1 id="paragraph">Paragraph<a class="anchor" aria-hidden="true" href="#paragraph" hidden="">#</a> +</h1> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h1 id="blockquotes">Blockquotes<a class="anchor" aria-hidden="true" href="#blockquotes" hidden="">#</a> +</h1> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h3 id="blockquote-without-attribution">Blockquote without attribution<a class="anchor" aria-hidden="true" href="#blockquote-without-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h3 id="blockquote-with-attribution">Blockquote with attribution<a class="anchor" aria-hidden="true" href="#blockquote-with-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Don't communicate by sharing memory, share memory by communicating.</p> +<p>— <cite>Rob Pike<sup class="footnote-reference"><a href="#1">1</a></sup></cite></p> +</blockquote> +<div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> +<p>The above quote is excerpted from Rob Pike's <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.</p> +</div> +<h1 id="tables">Tables<a class="anchor" aria-hidden="true" href="#tables" hidden="">#</a> +</h1> +<p>Tables aren't part of the core Markdown spec, but <del>Hugo</del> Zola supports them out-of-the-box.</p> +<table><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody> +<tr><td>Bob</td><td>27</td></tr> +<tr><td>Alice</td><td>23</td></tr> +</tbody></table> +<h3 id="inline-markdown-within-tables">Inline Markdown within tables<a class="anchor" aria-hidden="true" href="#inline-markdown-within-tables" hidden="">#</a> +</h3> +<table><thead><tr><th>Italics</th><th>Bold</th><th>Code</th></tr></thead><tbody> +<tr><td><em>italics</em></td><td><strong>bold</strong></td><td><code>code</code></td></tr> +</tbody></table> +<h1 id="code-blocks">Code Blocks<a class="anchor" aria-hidden="true" href="#code-blocks" hidden="">#</a> +</h1> +<h3 id="inline-code">Inline Code<a class="anchor" aria-hidden="true" href="#inline-code" hidden="">#</a> +</h3> +<p><code>This is Inline Code</code></p> +<h3 id="only-pre">Only <code>pre</code><a class="anchor" aria-hidden="true" href="#only-pre" hidden="">#</a> +</h3> +<pre> +This is pre text +</pre> +<h3 id="code-block-with-backticks">Code block with backticks<a class="anchor" aria-hidden="true" href="#code-block-with-backticks" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!DOCTYPE html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span> &lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot; /&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span> &lt;/head&gt; +</span><span> &lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span> &lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-backticks-and-language-specified">Code block with backticks and language specified<a class="anchor" aria-hidden="true" href="#code-block-with-backticks-and-language-specified" hidden="">#</a> +</h3> +<pre data-linenos data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><table><tbody><tr><td>1</td><td><span>&lt;!</span><span style="color:#b48ead;">DOCTYPE </span><span style="color:#d08770;">html</span><span>&gt; +</span></td></tr><tr><td>2</td><td><span>&lt;</span><span style="color:#bf616a;">html </span><span style="color:#d08770;">lang</span><span>=&quot;</span><span style="color:#a3be8c;">en</span><span>&quot;&gt; +</span></td></tr><tr><td>3</td><td><span> &lt;</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>4</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">charset</span><span>=&quot;</span><span style="color:#a3be8c;">utf-8</span><span>&quot; /&gt; +</span></td></tr><tr><td>5</td><td><span> &lt;</span><span style="color:#bf616a;">title</span><span>&gt;Example HTML5 Document&lt;/</span><span style="color:#bf616a;">title</span><span>&gt; +</span></td></tr><tr><td>6</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">name</span><span>=&quot;</span><span style="color:#a3be8c;">description</span><span>&quot; </span><span style="color:#d08770;">content</span><span>=&quot;</span><span style="color:#a3be8c;">Sample article showcasing basic Markdown syntax and formatting for HTML elements.</span><span>&quot;&gt; +</span></td></tr><tr><td>7</td><td><span> &lt;/</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>8</td><td><span> &lt;</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>9</td><td><span> &lt;</span><span style="color:#bf616a;">p</span><span>&gt;Test&lt;/</span><span style="color:#bf616a;">p</span><span>&gt; +</span></td></tr><tr><td>10</td><td><span> &lt;/</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>11</td><td><span>&lt;/</span><span style="color:#bf616a;">html</span><span>&gt; +</span></td></tr></tbody></table></code></pre> +<h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces<a class="anchor" aria-hidden="true" href="#code-block-indented-with-four-spaces" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!doctype html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span>&lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot;&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span>&lt;/head&gt; +</span><span>&lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span>&lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo's internal highlight shortcode<a class="anchor" aria-hidden="true" href="#code-block-with-hugo-s-internal-highlight-shortcode" hidden="">#</a> +</h3> +<p>{{&lt; highlight html &gt;}}</p> +<p>&lt;!doctype html&gt;</p> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> +</head> +<body> + <p>Test</p> +</body> +</html> +{{< /highlight >}} +<h3 id="gist">Gist<a class="anchor" aria-hidden="true" href="#gist" hidden="">#</a> +</h3> +<p>{{&lt; gist spf13 7896402 &gt;}}</p> +<h2 id="list-types">List Types<a class="anchor" aria-hidden="true" href="#list-types" hidden="">#</a> +</h2> +<h3 id="ordered-list">Ordered List<a class="anchor" aria-hidden="true" href="#ordered-list" hidden="">#</a> +</h3> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h3 id="unordered-list">Unordered List<a class="anchor" aria-hidden="true" href="#unordered-list" hidden="">#</a> +</h3> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h3 id="nested-list">Nested list<a class="anchor" aria-hidden="true" href="#nested-list" hidden="">#</a> +</h3> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h1 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark<a class="anchor" aria-hidden="true" href="#other-elements-abbr-sub-sup-kbd-mark" hidden="">#</a> +</h1> +<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p> +<p>H<sub>2</sub>O</p> +<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p> +<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p> +<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p> + + + + + Installation | Update + 2019-02-04T15:00:00+00:00 + 2019-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/papermod-installation/ + + <h1 id="intro">Intro<a class="anchor" aria-hidden="true" href="#intro" hidden="">#</a> +</h1> +<h1 id="guide">Guide<a class="anchor" aria-hidden="true" href="#guide" hidden="">#</a> +</h1> +<h2 id="method-1">Method 1<a class="anchor" aria-hidden="true" href="#method-1" hidden="">#</a> +</h2> +<h2 id="method-2">Method 2<a class="anchor" aria-hidden="true" href="#method-2" hidden="">#</a> +</h2> +<h2 id="method-3">Method 3<a class="anchor" aria-hidden="true" href="#method-3" hidden="">#</a> +</h2> + + + + diff --git a/css/override.css b/css/override.css new file mode 100644 index 0000000..2dbb9cc --- /dev/null +++ b/css/override.css @@ -0,0 +1,32 @@ +.post-content pre, +.post-content pre code { + border-radius: var(--radius); +} +.post-content pre code > table { + display: table; + margin: 10px auto; + border-radius: var(--radius); + border-spacing: 0; + border-collapse: collapse; + table-layout: fixed; + width: 100%; +} +.post-content pre code > table td { + vertical-align: top; + padding: 0; + margin: 0; + border: 0; +} +.post-content pre code > table td:first-child { + white-space: pre; + user-select: none; + margin: 0; + padding: 0 1em 0 0; + color: #7f7f7f; + text-align: right; + display: table-cell; + max-width: 10%; +} +.post-content pre code > table td:nth-child(2) { + width: 92%; +} diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..0aa04b6 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,1225 @@ +/* + PaperMod v7 + License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE + Copyright (c) 2020 nanxiaobei and adityatelange + Copyright (c) 2021-2023 adityatelange +*/ +:root { + --gap: 24px; + --content-gap: 20px; + --nav-width: 1024px; + --main-width: 720px; + --header-height: 60px; + --footer-height: 60px; + --radius: 8px; + --theme: rgb(255, 255, 255); + --entry: rgb(255, 255, 255); + --primary: rgb(30, 30, 30); + --secondary: rgb(108, 108, 108); + --tertiary: rgb(214, 214, 214); + --content: rgb(31, 31, 31); + --hljs-bg: rgb(28, 29, 33); + --code-bg: rgb(245, 245, 245); + --border: rgb(238, 238, 238); +} +.dark { + --theme: rgb(29, 30, 32); + --entry: rgb(46, 46, 51); + --primary: rgb(218, 218, 219); + --secondary: rgb(155, 156, 157); + --tertiary: rgb(65, 66, 68); + --content: rgb(196, 196, 197); + --hljs-bg: rgb(46, 46, 51); + --code-bg: rgb(55, 56, 62); + --border: rgb(51, 51, 51); +} +.list { + background: var(--code-bg); +} +.dark.list { + background: var(--theme); +} +*, +::after, +::before { + box-sizing: border-box; +} +html { + -webkit-tap-highlight-color: transparent; + overflow-y: scroll; +} +a, +button, +body, +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--primary); +} +body { + font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Oxygen, + Ubuntu, Cantarell, open sans, helvetica neue, sans-serif; + font-size: 18px; + line-height: 1.6; + word-break: break-word; + background: var(--theme); +} +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +table { + display: block; +} +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.2; +} +h1, +h2, +h3, +h4, +h5, +h6, +p { + margin-top: 0; + margin-bottom: 0; +} +ul { + padding: 0; +} +a { + text-decoration: none; +} +body, +figure, +ul { + margin: 0; +} +table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + overflow-x: auto; + word-break: keep-all; +} +button, +input, +textarea { + padding: 0; + font: inherit; + background: 0 0; + border: 0; +} +input, +textarea { + outline: 0; +} +button, +input[type="button"], +input[type="submit"] { + cursor: pointer; +} +input:-webkit-autofill, +textarea:-webkit-autofill { + box-shadow: 0 0 0 50px var(--theme) inset; +} +img { + display: block; + max-width: 100%; +} +.not-found { + position: absolute; + left: 0; + right: 0; + display: flex; + align-items: center; + justify-content: center; + height: 80%; + font-size: 160px; + font-weight: 700; +} +.archive-posts { + width: 100%; + font-size: 16px; +} +.archive-year { + margin-top: 40px; +} +.archive-year:not(:last-of-type) { + border-bottom: 2px solid var(--border); +} +.archive-month { + display: flex; + align-items: flex-start; + padding: 10px 0; +} +.archive-month-header { + margin: 25px 0; + width: 200px; +} +.archive-month:not(:last-of-type) { + border-bottom: 1px solid var(--border); +} +.archive-entry { + position: relative; + padding: 5px; + margin: 10px 0; +} +.archive-entry-title { + margin: 5px 0; + font-weight: 400; +} +.archive-count, +.archive-meta { + color: var(--secondary); + font-size: 14px; +} +.footer, +.top-link { + font-size: 12px; + color: var(--secondary); +} +.footer { + max-width: calc(var(--main-width) + var(--gap) * 2); + margin: auto; + padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap); + text-align: center; + line-height: 24px; +} +.footer span { + margin-inline-start: 1px; + margin-inline-end: 1px; +} +.footer span:last-child { + white-space: nowrap; +} +.footer a { + color: inherit; + border-bottom: 1px solid var(--secondary); +} +.footer a:hover { + border-bottom: 1px solid var(--primary); +} +.top-link { + visibility: hidden; + position: fixed; + bottom: 60px; + right: 30px; + z-index: 99; + background: var(--tertiary); + width: 42px; + height: 42px; + padding: 12px; + border-radius: 64px; + transition: visibility 0.5s, opacity 0.8s linear; +} +.top-link, +.top-link svg { + filter: drop-shadow(0 0 0 var(--theme)); +} +.footer a:hover, +.top-link:hover { + color: var(--primary); +} +.top-link:focus, +#theme-toggle:focus { + outline: 0; +} +.nav { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + max-width: calc(var(--nav-width) + var(--gap) * 2); + margin-inline-start: auto; + margin-inline-end: auto; + line-height: var(--header-height); +} +.nav a { + display: block; +} +.logo, +#menu { + display: flex; + margin: auto var(--gap); +} +.logo { + flex-wrap: inherit; +} +.logo a { + font-size: 24px; + font-weight: 700; +} +.logo a img, +.logo a svg { + display: inline; + vertical-align: middle; + pointer-events: none; + transform: translate(0, -10%); + border-radius: 6px; + margin-inline-end: 8px; +} +button#theme-toggle { + font-size: 26px; + margin: auto 4px; +} +body.dark #moon { + vertical-align: middle; + display: none; +} +body:not(.dark) #sun { + display: none; +} +#menu { + list-style: none; + word-break: keep-all; + overflow-x: auto; + white-space: nowrap; +} +#menu li + li { + margin-inline-start: var(--gap); +} +#menu a { + font-size: 16px; +} +#menu .active { + font-weight: 500; + border-bottom: 2px solid; +} +.lang-switch li, +.lang-switch ul, +.logo-switches { + display: inline-flex; + margin: auto 4px; +} +.lang-switch { + display: flex; + flex-wrap: inherit; +} +.lang-switch a { + margin: auto 3px; + font-size: 16px; + font-weight: 500; +} +.logo-switches { + flex-wrap: inherit; +} +.main { + position: relative; + min-height: calc(100vh - var(--header-height) - var(--footer-height)); + max-width: calc(var(--main-width) + var(--gap) * 2); + margin: auto; + padding: var(--gap); +} +.page-header h1 { + font-size: 40px; +} +.pagination { + display: flex; +} +.pagination a { + color: var(--theme); + font-size: 13px; + line-height: 36px; + background: var(--primary); + border-radius: calc(36px / 2); + padding: 0 16px; +} +.pagination .next { + margin-inline-start: auto; +} +.social-icons { + padding: 12px 0; +} +.social-icons a:not(:last-of-type) { + margin-inline-end: 12px; +} +.social-icons a svg { + height: 26px; + width: 26px; +} +code { + direction: ltr; +} +div.highlight, +pre { + position: relative; +} +.copy-code { + display: none; + position: absolute; + top: 4px; + right: 4px; + color: rgba(255, 255, 255, 0.8); + background: rgba(78, 78, 78, 0.8); + border-radius: var(--radius); + padding: 0 5px; + font-size: 14px; + user-select: none; +} +div.highlight:hover .copy-code, +pre:hover .copy-code { + display: block; +} +.first-entry { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + min-height: 320px; + margin: var(--gap) 0 calc(var(--gap) * 2); +} +.first-entry .entry-header { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; +} +.first-entry .entry-header h1 { + font-size: 34px; + line-height: 1.3; +} +.first-entry .entry-content { + margin: 14px 0; + font-size: 16px; + -webkit-line-clamp: 3; +} +.first-entry .entry-footer { + font-size: 14px; +} +.home-info .entry-content { + -webkit-line-clamp: unset; +} +.post-entry { + position: relative; + margin-bottom: var(--gap); + padding: var(--gap); + background: var(--entry); + border-radius: var(--radius); + transition: transform 0.1s; + border: 1px solid var(--border); +} +.post-entry:active { + transform: scale(0.96); +} +.tag-entry .entry-cover { + display: none; +} +.entry-header h2 { + font-size: 24px; + line-height: 1.3; +} +.entry-content { + margin: 8px 0; + color: var(--secondary); + font-size: 14px; + line-height: 1.6; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.entry-footer { + color: var(--secondary); + font-size: 13px; +} +.entry-link { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.entry-cover, +.entry-isdraft { + font-size: 14px; + color: var(--secondary); +} +.entry-cover { + margin-bottom: var(--gap); + text-align: center; +} +.entry-cover img { + border-radius: var(--radius); + pointer-events: none; + width: 100%; + height: auto; +} +.entry-cover a { + color: var(--secondary); + box-shadow: 0 1px 0 var(--primary); +} +.page-header, +.post-header { + margin: 24px auto var(--content-gap); +} +.post-title { + margin-bottom: 2px; + font-size: 40px; +} +.post-description { + margin-top: 10px; + margin-bottom: 5px; +} +.post-meta, +.breadcrumbs { + color: var(--secondary); + font-size: 14px; + display: flex; + flex-wrap: wrap; +} +.post-meta .i18n_list li { + display: inline-flex; + list-style: none; + margin: auto 3px; + box-shadow: 0 1px 0 var(--secondary); +} +.breadcrumbs a { + font-size: 16px; +} +.post-content { + color: var(--content); +} +.post-content h3, +.post-content h4, +.post-content h5, +.post-content h6 { + margin: 24px 0 16px; +} +.post-content h1 { + margin: 40px auto 32px; + font-size: 40px; +} +.post-content h2 { + margin: 32px auto 24px; + font-size: 32px; +} +.post-content h3 { + font-size: 24px; +} +.post-content h4 { + font-size: 16px; +} +.post-content h5 { + font-size: 14px; +} +.post-content h6 { + font-size: 12px; +} +.post-content a, +.toc a:hover { + box-shadow: 0 1px; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} +.post-content a code { + margin: auto 0; + border-radius: 0; + box-shadow: 0 -1px 0 var(--primary) inset; +} +.post-content del { + text-decoration: line-through; +} +.post-content dl, +.post-content ol, +.post-content p, +.post-content figure, +.post-content ul { + margin-bottom: var(--content-gap); +} +.post-content ol, +.post-content ul { + padding-inline-start: 20px; +} +.post-content li { + margin-top: 5px; +} +.post-content li p { + margin-bottom: 0; +} +.post-content dl { + display: flex; + flex-wrap: wrap; + margin: 0; +} +.post-content dt { + width: 25%; + font-weight: 700; +} +.post-content dd { + width: 75%; + margin-inline-start: 0; + padding-inline-start: 10px; +} +.post-content dd ~ dd, +.post-content dt ~ dt { + margin-top: 10px; +} +.post-content table { + margin-bottom: 32px; +} +.post-content table th, +.post-content table td { + min-width: 80px; + padding: 12px 8px; + line-height: 1.5; + border-bottom: 1px solid var(--border); +} +.post-content table th { + font-size: 14px; + text-align: start; +} +.post-content table td code:only-child { + margin: auto 0; +} +.post-content .highlight table { + border-radius: var(--radius); +} +.post-content .highlight:not(table) { + margin: 10px auto; + background: var(--hljs-bg) !important; + border-radius: var(--radius); + direction: ltr; +} +.post-content li > .highlight { + margin-inline-end: 0; +} +.post-content ul pre { + margin-inline-start: calc(var(--gap) * -2); +} +.post-content .highlight pre { + margin: 0; +} +.post-content .highlighttable { + table-layout: fixed; +} +.post-content .highlighttable td:first-child { + width: 40px; +} +.post-content .highlighttable td .linenodiv { + padding-inline-end: 0 !important; +} +.post-content .highlighttable td .highlight, +.post-content .highlighttable td .linenodiv pre { + margin-bottom: 0; +} +.post-content code { + margin: auto 4px; + padding: 4px 6px; + font-size: 0.78em; + line-height: 1.5; + background: var(--code-bg); + border-radius: 2px; +} +.post-content pre code { + display: block; + margin: auto 0; + padding: 10px; + color: #d5d5d6; + background: var(--hljs-bg) !important; + border-radius: var(--radius); + overflow-x: auto; + word-break: break-all; +} +.post-content blockquote { + margin: 20px 0; + padding: 0 14px; + border-inline-start: 3px solid var(--primary); +} +.post-content hr { + margin: 30px 0; + height: 2px; + background: var(--tertiary); + border: 0; +} +.post-content iframe { + max-width: 100%; +} +.post-content img { + border-radius: 4px; + margin: 1rem 0; +} +.post-content img[src*="#center"] { + margin: 1rem auto; +} +.post-content figure.align-center { + text-align: center; +} +.post-content figure > figcaption { + color: var(--primary); + font-size: 16px; + font-weight: 700; + margin: 8px 0 16px; +} +.post-content figure > figcaption > p { + color: var(--secondary); + font-size: 14px; + font-weight: 400; +} +.toc { + margin: 0 2px 40px; + border: 1px solid var(--border); + background: var(--code-bg); + border-radius: var(--radius); + padding: 0.4em; +} +.dark .toc { + background: var(--entry); +} +.toc details summary { + cursor: zoom-in; + margin-inline-start: 20px; +} +.toc details[open] summary { + cursor: zoom-out; +} +.toc .details { + display: inline; + font-weight: 500; +} +.toc .inner { + margin: 0 20px; + padding: 10px 20px; +} +.toc li ul { + margin-inline-start: var(--gap); +} +.toc summary:focus { + outline: 0; +} +.post-footer { + margin-top: 56px; +} +.post-tags li { + display: inline-block; + margin-inline-end: 3px; + margin-bottom: 5px; +} +.post-tags a, +.share-buttons, +.paginav { + border-radius: var(--radius); + background: var(--code-bg); + border: 1px solid var(--border); +} +.post-tags a { + display: block; + padding-inline-start: 14px; + padding-inline-end: 14px; + color: var(--secondary); + font-size: 14px; + line-height: 34px; + background: var(--code-bg); +} +.post-tags a:hover, +.paginav a:hover { + background: var(--border); +} +.share-buttons { + margin: 14px 0; + padding-inline-start: var(--radius); + display: flex; + justify-content: center; + overflow-x: auto; +} +.share-buttons a { + margin-top: 10px; +} +.share-buttons a:not(:last-of-type) { + margin-inline-end: 12px; +} +h1:hover .anchor, +h2:hover .anchor, +h3:hover .anchor, +h4:hover .anchor, +h5:hover .anchor, +h6:hover .anchor { + display: inline-flex; + color: var(--secondary); + margin-inline-start: 8px; + font-weight: 500; + user-select: none; +} +.paginav { + margin: 10px 0; + display: flex; + line-height: 30px; + border-radius: var(--radius); +} +.paginav a { + padding-inline-start: 14px; + padding-inline-end: 14px; + border-radius: var(--radius); +} +.paginav .title { + letter-spacing: 1px; + text-transform: uppercase; + font-size: small; + color: var(--secondary); +} +.paginav .prev, +.paginav .next { + width: 50%; +} +.paginav span:hover:not(.title) { + box-shadow: 0 1px; +} +.paginav .next { + margin-inline-start: auto; + text-align: right; +} +[dir="rtl"] .paginav .next { + text-align: left; +} +h1 > a > svg { + display: inline; +} +img.in-text { + display: inline; + margin: auto; +} +.buttons, +.main .profile { + display: flex; + justify-content: center; +} +.main .profile { + align-items: center; + min-height: calc( + 100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2) + ); + text-align: center; +} +.profile .profile_inner h1 { + padding: 12px 0; +} +.profile img { + display: inline-table; + border-radius: 50%; +} +.buttons { + flex-wrap: wrap; + max-width: 400px; + margin: 0 auto; +} +.button { + background: var(--tertiary); + border-radius: var(--radius); + margin: 8px; + padding: 6px; + transition: transform 0.1s; +} +.button-inner { + padding: 0 8px; +} +.button:active { + transform: scale(0.96); +} +#searchbox input { + padding: 4px 10px; + width: 100%; + color: var(--primary); + font-weight: 700; + border: 2px solid var(--tertiary); + border-radius: var(--radius); +} +#searchbox input:focus { + border-color: var(--secondary); +} +#searchResults li { + list-style: none; + border-radius: var(--radius); + padding: 10px; + margin: 10px 0; + position: relative; + font-weight: 500; +} +#searchResults { + margin: 10px 0; + width: 100%; +} +#searchResults li:active { + transition: transform 0.1s; + transform: scale(0.98); +} +#searchResults a { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + outline: none; +} +#searchResults .focus { + transform: scale(0.98); + border: 2px solid var(--tertiary); +} +.terms-tags li { + display: inline-block; + margin: 10px; + font-weight: 500; +} +.terms-tags a { + display: block; + padding: 3px 10px; + background: var(--tertiary); + border-radius: 6px; + transition: transform 0.1s; +} +.terms-tags a:active { + background: var(--tertiary); + transform: scale(0.96); +} +.chroma { + background-color: unset !important; +} +::-webkit-scrollbar-track { + background: 0 0; +} +.list:not(.dark)::-webkit-scrollbar-track { + background: var(--code-bg); +} +::-webkit-scrollbar-thumb { + background: var(--tertiary); + border: 5px solid var(--theme); + border-radius: var(--radius); +} +.list:not(.dark)::-webkit-scrollbar-thumb { + border: 5px solid var(--code-bg); +} +::-webkit-scrollbar-thumb:hover { + background: var(--secondary); +} +::-webkit-scrollbar:not(.highlighttable, .highlight table, .gist .highlight) { + background: var(--theme); +} +.post-content .highlighttable td .highlight pre code::-webkit-scrollbar { + display: none; +} +.post-content :not(table) ::-webkit-scrollbar-thumb { + border: 2px solid var(--hljs-bg); + background: #717175; +} +.post-content :not(table) ::-webkit-scrollbar-thumb:hover { + background: #a3a3a5; +} +.gist table::-webkit-scrollbar-thumb { + border: 2px solid #fff; + background: #adadad; +} +.gist table::-webkit-scrollbar-thumb:hover { + background: #707070; +} +.post-content table::-webkit-scrollbar-thumb { + border-width: 2px; +} +@media screen and (min-width: 768px) { + ::-webkit-scrollbar { + width: 19px; + height: 11px; + } +} +@media screen and (max-width: 768px) { + :root { + --gap: 14px; + } + .profile img { + transform: scale(0.85); + } + .first-entry { + min-height: 260px; + } + .archive-month { + flex-direction: column; + } + .archive-year { + margin-top: 20px; + } + .footer { + padding: calc((var(--footer-height) - var(--gap) - 10px) / 2) var(--gap); + } +} +@media screen and (max-width: 900px) { + .list .top-link { + transform: translateY(-5rem); + } +} +@media (prefers-reduced-motion) { + .terms-tags a:active, + .button:active, + .post-entry:active, + .top-link, + #searchResults .focus, + #searchResults li:active { + transform: none; + } +} +.bg { + color: #f8f8f2; + background-color: #282a36; +} +.chroma { + color: #f8f8f2; + background-color: #282a36; +} +.chroma .x { +} +.chroma .err { +} +.chroma .cl { +} +.chroma .lntd { + vertical-align: top; + padding: 0; + margin: 0; + border: 0; +} +.chroma .lntable { + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; +} +.chroma .hl { + background-color: #474733; +} +.chroma .lnt { + white-space: pre; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em; + color: #7f7f7f; +} +.chroma .ln { + white-space: pre; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em; + color: #7f7f7f; +} +.chroma .line { + display: flex; +} +.chroma .k { + color: #ff79c6; +} +.chroma .kc { + color: #ff79c6; +} +.chroma .kd { + color: #8be9fd; + font-style: italic; +} +.chroma .kn { + color: #ff79c6; +} +.chroma .kp { + color: #ff79c6; +} +.chroma .kr { + color: #ff79c6; +} +.chroma .kt { + color: #8be9fd; +} +.chroma .n { +} +.chroma .na { + color: #50fa7b; +} +.chroma .nb { + color: #8be9fd; + font-style: italic; +} +.chroma .bp { +} +.chroma .nc { + color: #50fa7b; +} +.chroma .no { +} +.chroma .nd { +} +.chroma .ni { +} +.chroma .ne { +} +.chroma .nf { + color: #50fa7b; +} +.chroma .fm { +} +.chroma .nl { + color: #8be9fd; + font-style: italic; +} +.chroma .nn { +} +.chroma .nx { +} +.chroma .py { +} +.chroma .nt { + color: #ff79c6; +} +.chroma .nv { + color: #8be9fd; + font-style: italic; +} +.chroma .vc { + color: #8be9fd; + font-style: italic; +} +.chroma .vg { + color: #8be9fd; + font-style: italic; +} +.chroma .vi { + color: #8be9fd; + font-style: italic; +} +.chroma .vm { +} +.chroma .l { +} +.chroma .ld { +} +.chroma .s { + color: #f1fa8c; +} +.chroma .sa { + color: #f1fa8c; +} +.chroma .sb { + color: #f1fa8c; +} +.chroma .sc { + color: #f1fa8c; +} +.chroma .dl { + color: #f1fa8c; +} +.chroma .sd { + color: #f1fa8c; +} +.chroma .s2 { + color: #f1fa8c; +} +.chroma .se { + color: #f1fa8c; +} +.chroma .sh { + color: #f1fa8c; +} +.chroma .si { + color: #f1fa8c; +} +.chroma .sx { + color: #f1fa8c; +} +.chroma .sr { + color: #f1fa8c; +} +.chroma .s1 { + color: #f1fa8c; +} +.chroma .ss { + color: #f1fa8c; +} +.chroma .m { + color: #bd93f9; +} +.chroma .mb { + color: #bd93f9; +} +.chroma .mf { + color: #bd93f9; +} +.chroma .mh { + color: #bd93f9; +} +.chroma .mi { + color: #bd93f9; +} +.chroma .il { + color: #bd93f9; +} +.chroma .mo { + color: #bd93f9; +} +.chroma .o { + color: #ff79c6; +} +.chroma .ow { + color: #ff79c6; +} +.chroma .p { +} +.chroma .c { + color: #6272a4; +} +.chroma .ch { + color: #6272a4; +} +.chroma .cm { + color: #6272a4; +} +.chroma .c1 { + color: #6272a4; +} +.chroma .cs { + color: #6272a4; +} +.chroma .cp { + color: #ff79c6; +} +.chroma .cpf { + color: #ff79c6; +} +.chroma .g { +} +.chroma .gd { + color: #f55; +} +.chroma .ge { + text-decoration: underline; +} +.chroma .gr { +} +.chroma .gh { + font-weight: 700; +} +.chroma .gi { + color: #50fa7b; + font-weight: 700; +} +.chroma .go { + color: #44475a; +} +.chroma .gp { +} +.chroma .gs { +} +.chroma .gu { + font-weight: 700; +} +.chroma .gt { +} +.chroma .gl { + text-decoration: underline; +} +.chroma .w { +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..28b56cd --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +PaperMod

PaperMod

Welcome to a demo of the PaperMod theme!
PaperMod is a simple but fast and responsive theme with a useful feature-set that enhances UX.
Do give a 🌟 on Github !
PaperMod is based on the hugo-PaperMod theme.

Search

2024-02-27 · 0 min · cydave

Syntax highlighting

This is a page summary, it should show up in the main posts area and provide readers with a preview.

2023-04-21 · 1 min · cydave

Example post 2

Consectetur eos similique exercitationem facere magni Sit ullam molestias.

2023-04-07 · 1 min · cydave

Example post 1

Consectetur eos similique exercitationem facere magni Sit ullam molestias.

2023-04-07 · 1 min · cydave

Markdown Examples

2023-02-04 · 3 min · cydave
\ No newline at end of file diff --git a/js/search.js b/js/search.js new file mode 100644 index 0000000..65b8ac1 --- /dev/null +++ b/js/search.js @@ -0,0 +1,96 @@ + +// Zola Paper Mod javascript search code by Stephen Hoover +// Used: +// - https://github.com/getzola/zola/blob/master/docs/static/search.js +// - https://github.com/reorx/hugo-PaperModX/blob/master/assets/js/fastsearch.js + +// Debounce function definition +function debounce(func, wait, immediate) { + var timeout; + return function() { + var context = this, args = arguments; + var later = function() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; +} + +function formatSearchResultItem(item, terms) { + // Adjust this to match your desired result item structure + return `
  • +
    ${item.doc.title} »
    ` + + ` +
    • `; +} + +function initSearch() { + var $searchInput = document.getElementById("searchInput"); // Make sure ID matches HTML + var $searchResults = document.getElementById("searchResults"); // Ensure this matches your HTML + var MAX_ITEMS = 10; + + var options = { + bool: "AND", + fields: { + title: {boost: 2}, + body: {boost: 1}, + } + }; + var currentTerm = ""; + var index; + + var initIndex = async function () { + if (index === undefined) { + index = fetch("/search_index.en.json") // Make sure the path to your search index is correct + .then( + async function(response) { + return await elasticlunr.Index.load(await response.json()); + } + ); + } + let res = await index; + return res; + } + + $searchInput.addEventListener("keyup", debounce(async function() { + var term = $searchInput.value.trim(); + if (term === currentTerm) { + return; + } + $searchResults.style.display = term === "" ? "none" : "block"; + $searchResults.innerHTML = ""; // Clear previous results + currentTerm = term; + if (term === "") { + return; + } + + var results = (await initIndex()).search(term, options); + if (results.length === 0) { + $searchResults.style.display = "none"; + return; + } + + // Directly inserting formatted search result items without additional
  • creation + for (var i = 0; i < Math.min(results.length, MAX_ITEMS); i++) { + $searchResults.innerHTML += formatSearchResultItem(results[i], term.split(" ")); + } +}, 150)); + window.addEventListener('click', function(e) { + if ($searchResults.style.display == "block" && !$searchResults.contains(e.target)) { + $searchResults.style.display = "none"; + } + }); +} + + +if (document.readyState === "complete" || + (document.readyState !== "loading" && !document.documentElement.doScroll) +) { + initSearch(); +} else { + document.addEventListener("DOMContentLoaded", initSearch); +} \ No newline at end of file diff --git a/page/1/index.html b/page/1/index.html new file mode 100644 index 0000000..12f4f11 --- /dev/null +++ b/page/1/index.html @@ -0,0 +1 @@ +Redirect

    Click here to be redirected. \ No newline at end of file diff --git a/page/2/index.html b/page/2/index.html new file mode 100644 index 0000000..c990fc9 --- /dev/null +++ b/page/2/index.html @@ -0,0 +1 @@ +PaperMod

    PaperMod

    Welcome to a demo of the PaperMod theme!
    PaperMod is a simple but fast and responsive theme with a useful feature-set that enhances UX.
    Do give a 🌟 on Github !
    PaperMod is based on the hugo-PaperMod theme.

    Installation | Update

    2019-02-04 · 1 min · cydave
    \ No newline at end of file diff --git a/posts/atom.xml b/posts/atom.xml new file mode 100644 index 0000000..f6b2fc5 --- /dev/null +++ b/posts/atom.xml @@ -0,0 +1,246 @@ + + + PaperMod - Posts + + + Zola + 2023-04-21T00:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/posts/atom.xml + + Syntax highlighting + 2023-04-21T00:00:00+00:00 + 2023-04-21T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/syntax-highlighting/ + + <p>This is a page summary, it should show up in the main posts area and provide +readers with a preview.</p> + + + + + Example post 2 + 2023-04-07T00:00:00+00:00 + 2023-04-07T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/example-post-2/ + + <p>Consectetur eos similique exercitationem facere magni Sit ullam molestias.</p> + + + + + Example post 1 + 2023-04-07T00:00:00+00:00 + 2023-04-07T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/example-post/ + + <p>Consectetur eos similique exercitationem facere magni Sit ullam molestias.</p> + + + + + Markdown Examples + 2023-02-04T15:00:00+00:00 + 2023-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/markdown-example/ + + <p>This article offers a sample of basic Markdown syntax that can be used in <del>Hugo</del> Zola content files, also it shows whether basic HTML elements are decorated with CSS in a <del>Hugo</del> Zola theme.</p> +<!--more--> +<h1 id="headings">Headings<a class="anchor" aria-hidden="true" href="#headings" hidden="">#</a> +</h1> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1<a class="anchor" aria-hidden="true" href="#h1" hidden="">#</a> +</h1> +<h2 id="h2">H2<a class="anchor" aria-hidden="true" href="#h2" hidden="">#</a> +</h2> +<h3 id="h3">H3<a class="anchor" aria-hidden="true" href="#h3" hidden="">#</a> +</h3> +<h4 id="h4">H4<a class="anchor" aria-hidden="true" href="#h4" hidden="">#</a> +</h4> +<h5 id="h5">H5<a class="anchor" aria-hidden="true" href="#h5" hidden="">#</a> +</h5> +<h6 id="h6">H6<a class="anchor" aria-hidden="true" href="#h6" hidden="">#</a> +</h6> +<h1 id="paragraph">Paragraph<a class="anchor" aria-hidden="true" href="#paragraph" hidden="">#</a> +</h1> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h1 id="blockquotes">Blockquotes<a class="anchor" aria-hidden="true" href="#blockquotes" hidden="">#</a> +</h1> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h3 id="blockquote-without-attribution">Blockquote without attribution<a class="anchor" aria-hidden="true" href="#blockquote-without-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h3 id="blockquote-with-attribution">Blockquote with attribution<a class="anchor" aria-hidden="true" href="#blockquote-with-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Don't communicate by sharing memory, share memory by communicating.</p> +<p>— <cite>Rob Pike<sup class="footnote-reference"><a href="#1">1</a></sup></cite></p> +</blockquote> +<div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> +<p>The above quote is excerpted from Rob Pike's <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.</p> +</div> +<h1 id="tables">Tables<a class="anchor" aria-hidden="true" href="#tables" hidden="">#</a> +</h1> +<p>Tables aren't part of the core Markdown spec, but <del>Hugo</del> Zola supports them out-of-the-box.</p> +<table><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody> +<tr><td>Bob</td><td>27</td></tr> +<tr><td>Alice</td><td>23</td></tr> +</tbody></table> +<h3 id="inline-markdown-within-tables">Inline Markdown within tables<a class="anchor" aria-hidden="true" href="#inline-markdown-within-tables" hidden="">#</a> +</h3> +<table><thead><tr><th>Italics</th><th>Bold</th><th>Code</th></tr></thead><tbody> +<tr><td><em>italics</em></td><td><strong>bold</strong></td><td><code>code</code></td></tr> +</tbody></table> +<h1 id="code-blocks">Code Blocks<a class="anchor" aria-hidden="true" href="#code-blocks" hidden="">#</a> +</h1> +<h3 id="inline-code">Inline Code<a class="anchor" aria-hidden="true" href="#inline-code" hidden="">#</a> +</h3> +<p><code>This is Inline Code</code></p> +<h3 id="only-pre">Only <code>pre</code><a class="anchor" aria-hidden="true" href="#only-pre" hidden="">#</a> +</h3> +<pre> +This is pre text +</pre> +<h3 id="code-block-with-backticks">Code block with backticks<a class="anchor" aria-hidden="true" href="#code-block-with-backticks" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!DOCTYPE html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span> &lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot; /&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span> &lt;/head&gt; +</span><span> &lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span> &lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-backticks-and-language-specified">Code block with backticks and language specified<a class="anchor" aria-hidden="true" href="#code-block-with-backticks-and-language-specified" hidden="">#</a> +</h3> +<pre data-linenos data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><table><tbody><tr><td>1</td><td><span>&lt;!</span><span style="color:#b48ead;">DOCTYPE </span><span style="color:#d08770;">html</span><span>&gt; +</span></td></tr><tr><td>2</td><td><span>&lt;</span><span style="color:#bf616a;">html </span><span style="color:#d08770;">lang</span><span>=&quot;</span><span style="color:#a3be8c;">en</span><span>&quot;&gt; +</span></td></tr><tr><td>3</td><td><span> &lt;</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>4</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">charset</span><span>=&quot;</span><span style="color:#a3be8c;">utf-8</span><span>&quot; /&gt; +</span></td></tr><tr><td>5</td><td><span> &lt;</span><span style="color:#bf616a;">title</span><span>&gt;Example HTML5 Document&lt;/</span><span style="color:#bf616a;">title</span><span>&gt; +</span></td></tr><tr><td>6</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">name</span><span>=&quot;</span><span style="color:#a3be8c;">description</span><span>&quot; </span><span style="color:#d08770;">content</span><span>=&quot;</span><span style="color:#a3be8c;">Sample article showcasing basic Markdown syntax and formatting for HTML elements.</span><span>&quot;&gt; +</span></td></tr><tr><td>7</td><td><span> &lt;/</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>8</td><td><span> &lt;</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>9</td><td><span> &lt;</span><span style="color:#bf616a;">p</span><span>&gt;Test&lt;/</span><span style="color:#bf616a;">p</span><span>&gt; +</span></td></tr><tr><td>10</td><td><span> &lt;/</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>11</td><td><span>&lt;/</span><span style="color:#bf616a;">html</span><span>&gt; +</span></td></tr></tbody></table></code></pre> +<h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces<a class="anchor" aria-hidden="true" href="#code-block-indented-with-four-spaces" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!doctype html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span>&lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot;&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span>&lt;/head&gt; +</span><span>&lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span>&lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo's internal highlight shortcode<a class="anchor" aria-hidden="true" href="#code-block-with-hugo-s-internal-highlight-shortcode" hidden="">#</a> +</h3> +<p>{{&lt; highlight html &gt;}}</p> +<p>&lt;!doctype html&gt;</p> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> +</head> +<body> + <p>Test</p> +</body> +</html> +{{< /highlight >}} +<h3 id="gist">Gist<a class="anchor" aria-hidden="true" href="#gist" hidden="">#</a> +</h3> +<p>{{&lt; gist spf13 7896402 &gt;}}</p> +<h2 id="list-types">List Types<a class="anchor" aria-hidden="true" href="#list-types" hidden="">#</a> +</h2> +<h3 id="ordered-list">Ordered List<a class="anchor" aria-hidden="true" href="#ordered-list" hidden="">#</a> +</h3> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h3 id="unordered-list">Unordered List<a class="anchor" aria-hidden="true" href="#unordered-list" hidden="">#</a> +</h3> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h3 id="nested-list">Nested list<a class="anchor" aria-hidden="true" href="#nested-list" hidden="">#</a> +</h3> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h1 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark<a class="anchor" aria-hidden="true" href="#other-elements-abbr-sub-sup-kbd-mark" hidden="">#</a> +</h1> +<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p> +<p>H<sub>2</sub>O</p> +<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p> +<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p> +<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p> + + + + + Installation | Update + 2019-02-04T15:00:00+00:00 + 2019-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/papermod-installation/ + + <h1 id="intro">Intro<a class="anchor" aria-hidden="true" href="#intro" hidden="">#</a> +</h1> +<h1 id="guide">Guide<a class="anchor" aria-hidden="true" href="#guide" hidden="">#</a> +</h1> +<h2 id="method-1">Method 1<a class="anchor" aria-hidden="true" href="#method-1" hidden="">#</a> +</h2> +<h2 id="method-2">Method 2<a class="anchor" aria-hidden="true" href="#method-2" hidden="">#</a> +</h2> +<h2 id="method-3">Method 3<a class="anchor" aria-hidden="true" href="#method-3" hidden="">#</a> +</h2> + + + + diff --git a/posts/example-post-2/index.html b/posts/example-post-2/index.html new file mode 100644 index 0000000..f34ca2d --- /dev/null +++ b/posts/example-post-2/index.html @@ -0,0 +1 @@ +Example post 2
    Home »  Posts »  Example post 2

    Example post 2

    2023-04-07 · 1 min · cydave
    Table of Contents

    Consectetur eos similique exercitationem facere magni Sit ullam molestias.

    Lorem

    Consectetur eos similique exercitationem facere magni Sit ullam molestias excepturi nemo deleniti Dicta quasi temporibus sint doloremque eum omnis Non doloremque tenetur exercitationem iure culpa dolore minus Veritatis suscipit qui?

    Ipsum

    Ipsum nulla iusto nostrum neque deserunt Saepe ipsa soluta asperiores excepturi maiores repellendus nesciunt Explicabo illo veritatis sequi accusantium quis rerum? Soluta nisi voluptatibus vitae amet sapiente? Cupiditate blanditiis laudantium.

    \ No newline at end of file diff --git a/posts/example-post/index.html b/posts/example-post/index.html new file mode 100644 index 0000000..1fb6a8a --- /dev/null +++ b/posts/example-post/index.html @@ -0,0 +1 @@ +Example post 1
    Home »  Posts »  Example post 1

    Example post 1

    2023-04-07 · 1 min · cydave
    Table of Contents

    Consectetur eos similique exercitationem facere magni Sit ullam molestias.

    Lorem

    Consectetur eos similique exercitationem facere magni Sit ullam molestias excepturi nemo deleniti Dicta quasi temporibus sint doloremque eum omnis Non doloremque tenetur exercitationem iure culpa dolore minus Veritatis suscipit qui?

    Ipsum

    Ipsum nulla iusto nostrum neque deserunt Saepe ipsa soluta asperiores excepturi maiores repellendus nesciunt Explicabo illo veritatis sequi accusantium quis rerum? Soluta nisi voluptatibus vitae amet sapiente? Cupiditate blanditiis laudantium.

    \ No newline at end of file diff --git a/posts/index.html b/posts/index.html new file mode 100644 index 0000000..3d3a58c --- /dev/null +++ b/posts/index.html @@ -0,0 +1 @@ +PaperMod
    Home

    Posts

    Syntax highlighting

    This is a page summary, it should show up in the main posts area and provide readers with a preview.

    2023-04-21 · 1 min · cydave

    Example post 2

    Consectetur eos similique exercitationem facere magni Sit ullam molestias.

    2023-04-07 · 1 min · cydave

    Example post 1

    Consectetur eos similique exercitationem facere magni Sit ullam molestias.

    2023-04-07 · 1 min · cydave

    Markdown Examples

    2023-02-04 · 3 min · cydave

    Installation | Update

    2019-02-04 · 1 min · cydave
    \ No newline at end of file diff --git a/posts/markdown-example/index.html b/posts/markdown-example/index.html new file mode 100644 index 0000000..76473a4 --- /dev/null +++ b/posts/markdown-example/index.html @@ -0,0 +1,34 @@ +Markdown Examples
    Home »  Posts »  Markdown Examples

    Markdown Examples

    2023-02-04 · 3 min · cydave
    Table of Contents

    This article offers a sample of basic Markdown syntax that can be used in Hugo Zola content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo Zola theme.

    Headings

    The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

    H1

    H2

    H3

    H4

    H5
    H6

    Paragraph

    Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

    Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

    Blockquotes

    The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

    Blockquote without attribution

    Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

    Blockquote with attribution

    Don't communicate by sharing memory, share memory by communicating.

    — Rob Pike1

    1

    The above quote is excerpted from Rob Pike's talk during Gopherfest, November 18, 2015.

    Tables

    Tables aren't part of the core Markdown spec, but Hugo Zola supports them out-of-the-box.
    NameAge
    Bob27
    Alice23

    Inline Markdown within tables

    ItalicsBoldCode
    italicsboldcode

    Code Blocks

    Inline Code

    This is Inline Code

    Only pre

    +This is pre text
+

    Code block with backticks

    <!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <title>Example HTML5 Document</title>
+    </head>
+    <body>
+        <p>Test</p>
+    </body>
+</html>
+

    Code block with backticks and language specified

    1<!DOCTYPE html>
+
    2<html lang="en">
+
    3    <head>
+
    4        <meta charset="utf-8" />
+
    5        <title>Example HTML5 Document</title>
+
    6        <meta name="description" content="Sample article showcasing basic Markdown syntax and formatting for HTML elements.">
+
    7    </head>
+
    8    <body>
+
    9        <p>Test</p>
+
    10    </body>
+
    11</html>
+

    Code block indented with four spaces

    <!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+

    Code block with Hugo's internal highlight shortcode

    {{< highlight html >}}

    <!doctype html>

    Example HTML5 Document

    Test

    {{< /highlight >}}

    Gist

    {{< gist spf13 7896402 >}}

    List Types

    Ordered List

    1. First item
    2. Second item
    3. Third item

    Unordered List

    • List item
    • Another item
    • And another item

    Nested list

    • Fruit
      • Apple
      • Orange
      • Banana
    • Dairy
      • Milk
      • Cheese

    Other Elements — abbr, sub, sup, kbd, mark

    GIF is a bitmap image format.

    H2O

    Xn + Yn = Zn

    Press CTRL+ALT+Delete to end the session.

    Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

    \ No newline at end of file diff --git a/posts/page/1/index.html b/posts/page/1/index.html new file mode 100644 index 0000000..f1d323a --- /dev/null +++ b/posts/page/1/index.html @@ -0,0 +1 @@ +Redirect

    Click here to be redirected. \ No newline at end of file diff --git a/posts/papermod-installation/index.html b/posts/papermod-installation/index.html new file mode 100644 index 0000000..6295336 --- /dev/null +++ b/posts/papermod-installation/index.html @@ -0,0 +1 @@ +Installation | Update

    \ No newline at end of file diff --git a/posts/syntax-highlighting/index.html b/posts/syntax-highlighting/index.html new file mode 100644 index 0000000..cc6c704 --- /dev/null +++ b/posts/syntax-highlighting/index.html @@ -0,0 +1,50 @@ +Syntax highlighting
    Home »  Posts »  Syntax highlighting

    Syntax highlighting

    2023-04-21 · 1 min · cydave
    Table of Contents

    This is a page summary, it should show up in the main posts area and provide readers with a preview.

    Some examples

    TOML

    [extra]
+
+[extra.papermod]
+title = "PaperMod"
+default_theme = "auto"
+theme = "light"
+language_direction = "auto"
+keywords = ["keyword1", "keyword2", "keyword3"]
+disable_theme_toggle = false
+show_code_copy_buttons = true
+show_reading_time = true
+show_word_count = false
+show_post_nav_links = true
+show_post_meta = true
+default_toc_open = false
+edit_post_url = "https://github.com/cydave/zola-theme-papermod/tree/master"
+copyright = ""
+date_format = "%Y-%m-%d"
+

    YAML

    - martin:
+    name: Martin D'vloper
+    job: Developer
+    skills:
+      - python
+      - perl
+      - pascal
+- tabitha:
+    name: Tabitha Bitumen
+    job: Developer
+    skills:
+      - lisp
+      - fortran
+      - erlang
+

    With Line Numbers

    98class MockResponse:
+
    99    """Wraps a `httplib.HTTPMessage` to mimic a `urllib.addinfourl`.
+
    100    ...what? Basically, expose the parsed HTTP headers from the server response
+
    101    the way `cookielib` expects to see them.
+
    102    """
+
    103
+
    104    def __init__(self, headers):
+
    105        """Make a MockResponse for `cookielib` to read.
+
    106        :param headers: a httplib.HTTPMessage or analogous carrying the headers
+
    107        """
+
    108        self._headers = headers
+
    109
+
    110    def info(self):
+
    111        return self._headers
+
    112
+
    113    def getheaders(self, name):
+
    114        self._headers.getheaders(name)
+
    \ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..412f12c --- /dev/null +++ b/robots.txt @@ -0,0 +1,4 @@ +User-agent: * +Disallow: +Allow: / +Sitemap: https://cydave.github.io/zola-theme-papermod/sitemap.xml diff --git a/search/index.html b/search/index.html new file mode 100644 index 0000000..6872d35 --- /dev/null +++ b/search/index.html @@ -0,0 +1 @@ +Search

    Search

    \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..5141492 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,60 @@ + + + + https://cydave.github.io/zola-theme-papermod/ + + + https://cydave.github.io/zola-theme-papermod/archive/ + + + https://cydave.github.io/zola-theme-papermod/page/1/ + + + https://cydave.github.io/zola-theme-papermod/page/2/ + + + https://cydave.github.io/zola-theme-papermod/posts/ + + + https://cydave.github.io/zola-theme-papermod/posts/example-post-2/ + 2023-04-07 + + + https://cydave.github.io/zola-theme-papermod/posts/example-post/ + 2023-04-07 + + + https://cydave.github.io/zola-theme-papermod/posts/markdown-example/ + 2023-02-04T15:00:00Z + + + https://cydave.github.io/zola-theme-papermod/posts/page/1/ + + + https://cydave.github.io/zola-theme-papermod/posts/papermod-installation/ + 2019-02-04T15:00:00Z + + + https://cydave.github.io/zola-theme-papermod/posts/syntax-highlighting/ + 2023-04-21 + + + https://cydave.github.io/zola-theme-papermod/search/ + 2024-02-27 + + + https://cydave.github.io/zola-theme-papermod/tags/ + + + https://cydave.github.io/zola-theme-papermod/tags/papermod/ + + + https://cydave.github.io/zola-theme-papermod/tags/showcase/ + + + https://cydave.github.io/zola-theme-papermod/tags/theme/ + + + https://cydave.github.io/zola-theme-papermod/tags/zola/ + + diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 0000000..2450cf2 --- /dev/null +++ b/tags/index.html @@ -0,0 +1 @@ +PaperMod

    Tags

    \ No newline at end of file diff --git a/tags/page/1/index.html b/tags/page/1/index.html new file mode 100644 index 0000000..4a37de2 --- /dev/null +++ b/tags/page/1/index.html @@ -0,0 +1 @@ +Redirect

    Click here to be redirected. \ No newline at end of file diff --git a/tags/papermod/atom.xml b/tags/papermod/atom.xml new file mode 100644 index 0000000..150802a --- /dev/null +++ b/tags/papermod/atom.xml @@ -0,0 +1,32 @@ + + + PaperMod - PaperMod + + + Zola + 2019-02-04T15:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/tags/papermod/atom.xml + + Installation | Update + 2019-02-04T15:00:00+00:00 + 2019-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/papermod-installation/ + + <h1 id="intro">Intro<a class="anchor" aria-hidden="true" href="#intro" hidden="">#</a> +</h1> +<h1 id="guide">Guide<a class="anchor" aria-hidden="true" href="#guide" hidden="">#</a> +</h1> +<h2 id="method-1">Method 1<a class="anchor" aria-hidden="true" href="#method-1" hidden="">#</a> +</h2> +<h2 id="method-2">Method 2<a class="anchor" aria-hidden="true" href="#method-2" hidden="">#</a> +</h2> +<h2 id="method-3">Method 3<a class="anchor" aria-hidden="true" href="#method-3" hidden="">#</a> +</h2> + + + + diff --git a/tags/papermod/index.html b/tags/papermod/index.html new file mode 100644 index 0000000..3c42d2a --- /dev/null +++ b/tags/papermod/index.html @@ -0,0 +1 @@ +PaperMod

    Home »  Tags »  PaperMod

    PaperMod

    Installation | Update

    2019-02-04 · 1 min · cydave
    \ No newline at end of file diff --git a/tags/showcase/atom.xml b/tags/showcase/atom.xml new file mode 100644 index 0000000..ae31f94 --- /dev/null +++ b/tags/showcase/atom.xml @@ -0,0 +1,208 @@ + + + PaperMod - showcase + + + Zola + 2023-04-07T00:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/tags/showcase/atom.xml + + Example post 2 + 2023-04-07T00:00:00+00:00 + 2023-04-07T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/example-post-2/ + + <p>Consectetur eos similique exercitationem facere magni Sit ullam molestias.</p> + + + + + Example post 1 + 2023-04-07T00:00:00+00:00 + 2023-04-07T00:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/example-post/ + + <p>Consectetur eos similique exercitationem facere magni Sit ullam molestias.</p> + + + + + Markdown Examples + 2023-02-04T15:00:00+00:00 + 2023-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/markdown-example/ + + <p>This article offers a sample of basic Markdown syntax that can be used in <del>Hugo</del> Zola content files, also it shows whether basic HTML elements are decorated with CSS in a <del>Hugo</del> Zola theme.</p> +<!--more--> +<h1 id="headings">Headings<a class="anchor" aria-hidden="true" href="#headings" hidden="">#</a> +</h1> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1<a class="anchor" aria-hidden="true" href="#h1" hidden="">#</a> +</h1> +<h2 id="h2">H2<a class="anchor" aria-hidden="true" href="#h2" hidden="">#</a> +</h2> +<h3 id="h3">H3<a class="anchor" aria-hidden="true" href="#h3" hidden="">#</a> +</h3> +<h4 id="h4">H4<a class="anchor" aria-hidden="true" href="#h4" hidden="">#</a> +</h4> +<h5 id="h5">H5<a class="anchor" aria-hidden="true" href="#h5" hidden="">#</a> +</h5> +<h6 id="h6">H6<a class="anchor" aria-hidden="true" href="#h6" hidden="">#</a> +</h6> +<h1 id="paragraph">Paragraph<a class="anchor" aria-hidden="true" href="#paragraph" hidden="">#</a> +</h1> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h1 id="blockquotes">Blockquotes<a class="anchor" aria-hidden="true" href="#blockquotes" hidden="">#</a> +</h1> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h3 id="blockquote-without-attribution">Blockquote without attribution<a class="anchor" aria-hidden="true" href="#blockquote-without-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h3 id="blockquote-with-attribution">Blockquote with attribution<a class="anchor" aria-hidden="true" href="#blockquote-with-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Don't communicate by sharing memory, share memory by communicating.</p> +<p>— <cite>Rob Pike<sup class="footnote-reference"><a href="#1">1</a></sup></cite></p> +</blockquote> +<div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> +<p>The above quote is excerpted from Rob Pike's <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.</p> +</div> +<h1 id="tables">Tables<a class="anchor" aria-hidden="true" href="#tables" hidden="">#</a> +</h1> +<p>Tables aren't part of the core Markdown spec, but <del>Hugo</del> Zola supports them out-of-the-box.</p> +<table><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody> +<tr><td>Bob</td><td>27</td></tr> +<tr><td>Alice</td><td>23</td></tr> +</tbody></table> +<h3 id="inline-markdown-within-tables">Inline Markdown within tables<a class="anchor" aria-hidden="true" href="#inline-markdown-within-tables" hidden="">#</a> +</h3> +<table><thead><tr><th>Italics</th><th>Bold</th><th>Code</th></tr></thead><tbody> +<tr><td><em>italics</em></td><td><strong>bold</strong></td><td><code>code</code></td></tr> +</tbody></table> +<h1 id="code-blocks">Code Blocks<a class="anchor" aria-hidden="true" href="#code-blocks" hidden="">#</a> +</h1> +<h3 id="inline-code">Inline Code<a class="anchor" aria-hidden="true" href="#inline-code" hidden="">#</a> +</h3> +<p><code>This is Inline Code</code></p> +<h3 id="only-pre">Only <code>pre</code><a class="anchor" aria-hidden="true" href="#only-pre" hidden="">#</a> +</h3> +<pre> +This is pre text +</pre> +<h3 id="code-block-with-backticks">Code block with backticks<a class="anchor" aria-hidden="true" href="#code-block-with-backticks" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!DOCTYPE html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span> &lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot; /&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span> &lt;/head&gt; +</span><span> &lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span> &lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-backticks-and-language-specified">Code block with backticks and language specified<a class="anchor" aria-hidden="true" href="#code-block-with-backticks-and-language-specified" hidden="">#</a> +</h3> +<pre data-linenos data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><table><tbody><tr><td>1</td><td><span>&lt;!</span><span style="color:#b48ead;">DOCTYPE </span><span style="color:#d08770;">html</span><span>&gt; +</span></td></tr><tr><td>2</td><td><span>&lt;</span><span style="color:#bf616a;">html </span><span style="color:#d08770;">lang</span><span>=&quot;</span><span style="color:#a3be8c;">en</span><span>&quot;&gt; +</span></td></tr><tr><td>3</td><td><span> &lt;</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>4</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">charset</span><span>=&quot;</span><span style="color:#a3be8c;">utf-8</span><span>&quot; /&gt; +</span></td></tr><tr><td>5</td><td><span> &lt;</span><span style="color:#bf616a;">title</span><span>&gt;Example HTML5 Document&lt;/</span><span style="color:#bf616a;">title</span><span>&gt; +</span></td></tr><tr><td>6</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">name</span><span>=&quot;</span><span style="color:#a3be8c;">description</span><span>&quot; </span><span style="color:#d08770;">content</span><span>=&quot;</span><span style="color:#a3be8c;">Sample article showcasing basic Markdown syntax and formatting for HTML elements.</span><span>&quot;&gt; +</span></td></tr><tr><td>7</td><td><span> &lt;/</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>8</td><td><span> &lt;</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>9</td><td><span> &lt;</span><span style="color:#bf616a;">p</span><span>&gt;Test&lt;/</span><span style="color:#bf616a;">p</span><span>&gt; +</span></td></tr><tr><td>10</td><td><span> &lt;/</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>11</td><td><span>&lt;/</span><span style="color:#bf616a;">html</span><span>&gt; +</span></td></tr></tbody></table></code></pre> +<h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces<a class="anchor" aria-hidden="true" href="#code-block-indented-with-four-spaces" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!doctype html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span>&lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot;&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span>&lt;/head&gt; +</span><span>&lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span>&lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo's internal highlight shortcode<a class="anchor" aria-hidden="true" href="#code-block-with-hugo-s-internal-highlight-shortcode" hidden="">#</a> +</h3> +<p>{{&lt; highlight html &gt;}}</p> +<p>&lt;!doctype html&gt;</p> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> +</head> +<body> + <p>Test</p> +</body> +</html> +{{< /highlight >}} +<h3 id="gist">Gist<a class="anchor" aria-hidden="true" href="#gist" hidden="">#</a> +</h3> +<p>{{&lt; gist spf13 7896402 &gt;}}</p> +<h2 id="list-types">List Types<a class="anchor" aria-hidden="true" href="#list-types" hidden="">#</a> +</h2> +<h3 id="ordered-list">Ordered List<a class="anchor" aria-hidden="true" href="#ordered-list" hidden="">#</a> +</h3> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h3 id="unordered-list">Unordered List<a class="anchor" aria-hidden="true" href="#unordered-list" hidden="">#</a> +</h3> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h3 id="nested-list">Nested list<a class="anchor" aria-hidden="true" href="#nested-list" hidden="">#</a> +</h3> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h1 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark<a class="anchor" aria-hidden="true" href="#other-elements-abbr-sub-sup-kbd-mark" hidden="">#</a> +</h1> +<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p> +<p>H<sub>2</sub>O</p> +<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p> +<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p> +<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p> + + + + diff --git a/tags/showcase/index.html b/tags/showcase/index.html new file mode 100644 index 0000000..7559353 --- /dev/null +++ b/tags/showcase/index.html @@ -0,0 +1 @@ +PaperMod
    Home »  Tags »  showcase

    showcase

    Example post 2

    Consectetur eos similique exercitationem facere magni Sit ullam molestias.

    2023-04-07 · 1 min · cydave

    Example post 1

    Consectetur eos similique exercitationem facere magni Sit ullam molestias.

    2023-04-07 · 1 min · cydave

    Markdown Examples

    2023-02-04 · 3 min · cydave
    \ No newline at end of file diff --git a/tags/theme/atom.xml b/tags/theme/atom.xml new file mode 100644 index 0000000..8c06b28 --- /dev/null +++ b/tags/theme/atom.xml @@ -0,0 +1,180 @@ + + + PaperMod - theme + + + Zola + 2023-02-04T15:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/tags/theme/atom.xml + + Markdown Examples + 2023-02-04T15:00:00+00:00 + 2023-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/markdown-example/ + + <p>This article offers a sample of basic Markdown syntax that can be used in <del>Hugo</del> Zola content files, also it shows whether basic HTML elements are decorated with CSS in a <del>Hugo</del> Zola theme.</p> +<!--more--> +<h1 id="headings">Headings<a class="anchor" aria-hidden="true" href="#headings" hidden="">#</a> +</h1> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1<a class="anchor" aria-hidden="true" href="#h1" hidden="">#</a> +</h1> +<h2 id="h2">H2<a class="anchor" aria-hidden="true" href="#h2" hidden="">#</a> +</h2> +<h3 id="h3">H3<a class="anchor" aria-hidden="true" href="#h3" hidden="">#</a> +</h3> +<h4 id="h4">H4<a class="anchor" aria-hidden="true" href="#h4" hidden="">#</a> +</h4> +<h5 id="h5">H5<a class="anchor" aria-hidden="true" href="#h5" hidden="">#</a> +</h5> +<h6 id="h6">H6<a class="anchor" aria-hidden="true" href="#h6" hidden="">#</a> +</h6> +<h1 id="paragraph">Paragraph<a class="anchor" aria-hidden="true" href="#paragraph" hidden="">#</a> +</h1> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h1 id="blockquotes">Blockquotes<a class="anchor" aria-hidden="true" href="#blockquotes" hidden="">#</a> +</h1> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h3 id="blockquote-without-attribution">Blockquote without attribution<a class="anchor" aria-hidden="true" href="#blockquote-without-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h3 id="blockquote-with-attribution">Blockquote with attribution<a class="anchor" aria-hidden="true" href="#blockquote-with-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Don't communicate by sharing memory, share memory by communicating.</p> +<p>— <cite>Rob Pike<sup class="footnote-reference"><a href="#1">1</a></sup></cite></p> +</blockquote> +<div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> +<p>The above quote is excerpted from Rob Pike's <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.</p> +</div> +<h1 id="tables">Tables<a class="anchor" aria-hidden="true" href="#tables" hidden="">#</a> +</h1> +<p>Tables aren't part of the core Markdown spec, but <del>Hugo</del> Zola supports them out-of-the-box.</p> +<table><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody> +<tr><td>Bob</td><td>27</td></tr> +<tr><td>Alice</td><td>23</td></tr> +</tbody></table> +<h3 id="inline-markdown-within-tables">Inline Markdown within tables<a class="anchor" aria-hidden="true" href="#inline-markdown-within-tables" hidden="">#</a> +</h3> +<table><thead><tr><th>Italics</th><th>Bold</th><th>Code</th></tr></thead><tbody> +<tr><td><em>italics</em></td><td><strong>bold</strong></td><td><code>code</code></td></tr> +</tbody></table> +<h1 id="code-blocks">Code Blocks<a class="anchor" aria-hidden="true" href="#code-blocks" hidden="">#</a> +</h1> +<h3 id="inline-code">Inline Code<a class="anchor" aria-hidden="true" href="#inline-code" hidden="">#</a> +</h3> +<p><code>This is Inline Code</code></p> +<h3 id="only-pre">Only <code>pre</code><a class="anchor" aria-hidden="true" href="#only-pre" hidden="">#</a> +</h3> +<pre> +This is pre text +</pre> +<h3 id="code-block-with-backticks">Code block with backticks<a class="anchor" aria-hidden="true" href="#code-block-with-backticks" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!DOCTYPE html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span> &lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot; /&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span> &lt;/head&gt; +</span><span> &lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span> &lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-backticks-and-language-specified">Code block with backticks and language specified<a class="anchor" aria-hidden="true" href="#code-block-with-backticks-and-language-specified" hidden="">#</a> +</h3> +<pre data-linenos data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><table><tbody><tr><td>1</td><td><span>&lt;!</span><span style="color:#b48ead;">DOCTYPE </span><span style="color:#d08770;">html</span><span>&gt; +</span></td></tr><tr><td>2</td><td><span>&lt;</span><span style="color:#bf616a;">html </span><span style="color:#d08770;">lang</span><span>=&quot;</span><span style="color:#a3be8c;">en</span><span>&quot;&gt; +</span></td></tr><tr><td>3</td><td><span> &lt;</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>4</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">charset</span><span>=&quot;</span><span style="color:#a3be8c;">utf-8</span><span>&quot; /&gt; +</span></td></tr><tr><td>5</td><td><span> &lt;</span><span style="color:#bf616a;">title</span><span>&gt;Example HTML5 Document&lt;/</span><span style="color:#bf616a;">title</span><span>&gt; +</span></td></tr><tr><td>6</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">name</span><span>=&quot;</span><span style="color:#a3be8c;">description</span><span>&quot; </span><span style="color:#d08770;">content</span><span>=&quot;</span><span style="color:#a3be8c;">Sample article showcasing basic Markdown syntax and formatting for HTML elements.</span><span>&quot;&gt; +</span></td></tr><tr><td>7</td><td><span> &lt;/</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>8</td><td><span> &lt;</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>9</td><td><span> &lt;</span><span style="color:#bf616a;">p</span><span>&gt;Test&lt;/</span><span style="color:#bf616a;">p</span><span>&gt; +</span></td></tr><tr><td>10</td><td><span> &lt;/</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>11</td><td><span>&lt;/</span><span style="color:#bf616a;">html</span><span>&gt; +</span></td></tr></tbody></table></code></pre> +<h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces<a class="anchor" aria-hidden="true" href="#code-block-indented-with-four-spaces" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!doctype html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span>&lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot;&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span>&lt;/head&gt; +</span><span>&lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span>&lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo's internal highlight shortcode<a class="anchor" aria-hidden="true" href="#code-block-with-hugo-s-internal-highlight-shortcode" hidden="">#</a> +</h3> +<p>{{&lt; highlight html &gt;}}</p> +<p>&lt;!doctype html&gt;</p> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> +</head> +<body> + <p>Test</p> +</body> +</html> +{{< /highlight >}} +<h3 id="gist">Gist<a class="anchor" aria-hidden="true" href="#gist" hidden="">#</a> +</h3> +<p>{{&lt; gist spf13 7896402 &gt;}}</p> +<h2 id="list-types">List Types<a class="anchor" aria-hidden="true" href="#list-types" hidden="">#</a> +</h2> +<h3 id="ordered-list">Ordered List<a class="anchor" aria-hidden="true" href="#ordered-list" hidden="">#</a> +</h3> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h3 id="unordered-list">Unordered List<a class="anchor" aria-hidden="true" href="#unordered-list" hidden="">#</a> +</h3> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h3 id="nested-list">Nested list<a class="anchor" aria-hidden="true" href="#nested-list" hidden="">#</a> +</h3> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h1 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark<a class="anchor" aria-hidden="true" href="#other-elements-abbr-sub-sup-kbd-mark" hidden="">#</a> +</h1> +<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p> +<p>H<sub>2</sub>O</p> +<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p> +<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p> +<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p> + + + + diff --git a/tags/theme/index.html b/tags/theme/index.html new file mode 100644 index 0000000..8718b94 --- /dev/null +++ b/tags/theme/index.html @@ -0,0 +1 @@ +PaperMod
    Home »  Tags »  theme

    theme

    Markdown Examples

    2023-02-04 · 3 min · cydave
    \ No newline at end of file diff --git a/tags/zola/atom.xml b/tags/zola/atom.xml new file mode 100644 index 0000000..348b43e --- /dev/null +++ b/tags/zola/atom.xml @@ -0,0 +1,180 @@ + + + PaperMod - zola + + + Zola + 2023-02-04T15:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/tags/zola/atom.xml + + Markdown Examples + 2023-02-04T15:00:00+00:00 + 2023-02-04T15:00:00+00:00 + + cydave + + + https://cydave.github.io/zola-theme-papermod/posts/markdown-example/ + + <p>This article offers a sample of basic Markdown syntax that can be used in <del>Hugo</del> Zola content files, also it shows whether basic HTML elements are decorated with CSS in a <del>Hugo</del> Zola theme.</p> +<!--more--> +<h1 id="headings">Headings<a class="anchor" aria-hidden="true" href="#headings" hidden="">#</a> +</h1> +<p>The following HTML <code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> elements represent six levels of section headings. <code>&lt;h1&gt;</code> is the highest section level while <code>&lt;h6&gt;</code> is the lowest.</p> +<h1 id="h1">H1<a class="anchor" aria-hidden="true" href="#h1" hidden="">#</a> +</h1> +<h2 id="h2">H2<a class="anchor" aria-hidden="true" href="#h2" hidden="">#</a> +</h2> +<h3 id="h3">H3<a class="anchor" aria-hidden="true" href="#h3" hidden="">#</a> +</h3> +<h4 id="h4">H4<a class="anchor" aria-hidden="true" href="#h4" hidden="">#</a> +</h4> +<h5 id="h5">H5<a class="anchor" aria-hidden="true" href="#h5" hidden="">#</a> +</h5> +<h6 id="h6">H6<a class="anchor" aria-hidden="true" href="#h6" hidden="">#</a> +</h6> +<h1 id="paragraph">Paragraph<a class="anchor" aria-hidden="true" href="#paragraph" hidden="">#</a> +</h1> +<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p> +<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p> +<h1 id="blockquotes">Blockquotes<a class="anchor" aria-hidden="true" href="#blockquotes" hidden="">#</a> +</h1> +<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p> +<h3 id="blockquote-without-attribution">Blockquote without attribution<a class="anchor" aria-hidden="true" href="#blockquote-without-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae. +<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p> +</blockquote> +<h3 id="blockquote-with-attribution">Blockquote with attribution<a class="anchor" aria-hidden="true" href="#blockquote-with-attribution" hidden="">#</a> +</h3> +<blockquote> +<p>Don't communicate by sharing memory, share memory by communicating.</p> +<p>— <cite>Rob Pike<sup class="footnote-reference"><a href="#1">1</a></sup></cite></p> +</blockquote> +<div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> +<p>The above quote is excerpted from Rob Pike's <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.</p> +</div> +<h1 id="tables">Tables<a class="anchor" aria-hidden="true" href="#tables" hidden="">#</a> +</h1> +<p>Tables aren't part of the core Markdown spec, but <del>Hugo</del> Zola supports them out-of-the-box.</p> +<table><thead><tr><th>Name</th><th>Age</th></tr></thead><tbody> +<tr><td>Bob</td><td>27</td></tr> +<tr><td>Alice</td><td>23</td></tr> +</tbody></table> +<h3 id="inline-markdown-within-tables">Inline Markdown within tables<a class="anchor" aria-hidden="true" href="#inline-markdown-within-tables" hidden="">#</a> +</h3> +<table><thead><tr><th>Italics</th><th>Bold</th><th>Code</th></tr></thead><tbody> +<tr><td><em>italics</em></td><td><strong>bold</strong></td><td><code>code</code></td></tr> +</tbody></table> +<h1 id="code-blocks">Code Blocks<a class="anchor" aria-hidden="true" href="#code-blocks" hidden="">#</a> +</h1> +<h3 id="inline-code">Inline Code<a class="anchor" aria-hidden="true" href="#inline-code" hidden="">#</a> +</h3> +<p><code>This is Inline Code</code></p> +<h3 id="only-pre">Only <code>pre</code><a class="anchor" aria-hidden="true" href="#only-pre" hidden="">#</a> +</h3> +<pre> +This is pre text +</pre> +<h3 id="code-block-with-backticks">Code block with backticks<a class="anchor" aria-hidden="true" href="#code-block-with-backticks" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!DOCTYPE html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span> &lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot; /&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span> &lt;/head&gt; +</span><span> &lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span> &lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-backticks-and-language-specified">Code block with backticks and language specified<a class="anchor" aria-hidden="true" href="#code-block-with-backticks-and-language-specified" hidden="">#</a> +</h3> +<pre data-linenos data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><table><tbody><tr><td>1</td><td><span>&lt;!</span><span style="color:#b48ead;">DOCTYPE </span><span style="color:#d08770;">html</span><span>&gt; +</span></td></tr><tr><td>2</td><td><span>&lt;</span><span style="color:#bf616a;">html </span><span style="color:#d08770;">lang</span><span>=&quot;</span><span style="color:#a3be8c;">en</span><span>&quot;&gt; +</span></td></tr><tr><td>3</td><td><span> &lt;</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>4</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">charset</span><span>=&quot;</span><span style="color:#a3be8c;">utf-8</span><span>&quot; /&gt; +</span></td></tr><tr><td>5</td><td><span> &lt;</span><span style="color:#bf616a;">title</span><span>&gt;Example HTML5 Document&lt;/</span><span style="color:#bf616a;">title</span><span>&gt; +</span></td></tr><tr><td>6</td><td><span> &lt;</span><span style="color:#bf616a;">meta </span><span style="color:#d08770;">name</span><span>=&quot;</span><span style="color:#a3be8c;">description</span><span>&quot; </span><span style="color:#d08770;">content</span><span>=&quot;</span><span style="color:#a3be8c;">Sample article showcasing basic Markdown syntax and formatting for HTML elements.</span><span>&quot;&gt; +</span></td></tr><tr><td>7</td><td><span> &lt;/</span><span style="color:#bf616a;">head</span><span>&gt; +</span></td></tr><tr><td>8</td><td><span> &lt;</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>9</td><td><span> &lt;</span><span style="color:#bf616a;">p</span><span>&gt;Test&lt;/</span><span style="color:#bf616a;">p</span><span>&gt; +</span></td></tr><tr><td>10</td><td><span> &lt;/</span><span style="color:#bf616a;">body</span><span>&gt; +</span></td></tr><tr><td>11</td><td><span>&lt;/</span><span style="color:#bf616a;">html</span><span>&gt; +</span></td></tr></tbody></table></code></pre> +<h3 id="code-block-indented-with-four-spaces">Code block indented with four spaces<a class="anchor" aria-hidden="true" href="#code-block-indented-with-four-spaces" hidden="">#</a> +</h3> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&lt;!doctype html&gt; +</span><span>&lt;html lang=&quot;en&quot;&gt; +</span><span>&lt;head&gt; +</span><span> &lt;meta charset=&quot;utf-8&quot;&gt; +</span><span> &lt;title&gt;Example HTML5 Document&lt;/title&gt; +</span><span>&lt;/head&gt; +</span><span>&lt;body&gt; +</span><span> &lt;p&gt;Test&lt;/p&gt; +</span><span>&lt;/body&gt; +</span><span>&lt;/html&gt; +</span></code></pre> +<h3 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo's internal highlight shortcode<a class="anchor" aria-hidden="true" href="#code-block-with-hugo-s-internal-highlight-shortcode" hidden="">#</a> +</h3> +<p>{{&lt; highlight html &gt;}}</p> +<p>&lt;!doctype html&gt;</p> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Example HTML5 Document</title> +</head> +<body> + <p>Test</p> +</body> +</html> +{{< /highlight >}} +<h3 id="gist">Gist<a class="anchor" aria-hidden="true" href="#gist" hidden="">#</a> +</h3> +<p>{{&lt; gist spf13 7896402 &gt;}}</p> +<h2 id="list-types">List Types<a class="anchor" aria-hidden="true" href="#list-types" hidden="">#</a> +</h2> +<h3 id="ordered-list">Ordered List<a class="anchor" aria-hidden="true" href="#ordered-list" hidden="">#</a> +</h3> +<ol> +<li>First item</li> +<li>Second item</li> +<li>Third item</li> +</ol> +<h3 id="unordered-list">Unordered List<a class="anchor" aria-hidden="true" href="#unordered-list" hidden="">#</a> +</h3> +<ul> +<li>List item</li> +<li>Another item</li> +<li>And another item</li> +</ul> +<h3 id="nested-list">Nested list<a class="anchor" aria-hidden="true" href="#nested-list" hidden="">#</a> +</h3> +<ul> +<li>Fruit +<ul> +<li>Apple</li> +<li>Orange</li> +<li>Banana</li> +</ul> +</li> +<li>Dairy +<ul> +<li>Milk</li> +<li>Cheese</li> +</ul> +</li> +</ul> +<h1 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark<a class="anchor" aria-hidden="true" href="#other-elements-abbr-sub-sup-kbd-mark" hidden="">#</a> +</h1> +<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p> +<p>H<sub>2</sub>O</p> +<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p> +<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p> +<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p> + + + + diff --git a/tags/zola/index.html b/tags/zola/index.html new file mode 100644 index 0000000..13e4716 --- /dev/null +++ b/tags/zola/index.html @@ -0,0 +1 @@ +PaperMod
    Home »  Tags »  zola

    zola

    Markdown Examples

    2023-02-04 · 3 min · cydave
    \ No newline at end of file