diff --git a/404.html b/404.html new file mode 100644 index 0000000..d4839d8 --- /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..217bdab --- /dev/null +++ b/archive/index.html @@ -0,0 +1 @@ +PaperMod

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..6503d41 --- /dev/null +++ b/atom.xml @@ -0,0 +1,246 @@ + + + PaperMod + + + Zola + 2023-04-21T00:00:00+00:00 + https://cydave.github.io/zola-theme-papermod/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/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..659d98c --- /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.

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/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/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..10a5375 --- /dev/null +++ b/posts/example-post-2/index.html @@ -0,0 +1 @@ +Example post 2

Example post 2

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..7cc10d2 --- /dev/null +++ b/posts/example-post/index.html @@ -0,0 +1 @@ +Example post 1

Example post 1

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..a414d86 --- /dev/null +++ b/posts/index.html @@ -0,0 +1 @@ +PaperMod

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..32235ec --- /dev/null +++ b/posts/markdown-example/index.html @@ -0,0 +1,34 @@ +Markdown Examples

Markdown Examples

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..f1acade --- /dev/null +++ b/posts/papermod-installation/index.html @@ -0,0 +1 @@ +Installation | Update

Installation | Update

Intro

Guide

Method 1

Method 2

Method 3

\ 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..b4bf768 --- /dev/null +++ b/posts/syntax-highlighting/index.html @@ -0,0 +1,50 @@ +Syntax highlighting

Syntax highlighting

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/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..2574ff4 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,50 @@ + + + + https://cydave.github.io/zola-theme-papermod/ + + + https://cydave.github.io/zola-theme-papermod/archive/ + + + 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/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..4566aa8 --- /dev/null +++ b/tags/index.html @@ -0,0 +1 @@ +PaperMod
\ 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..1e9bf5a --- /dev/null +++ b/tags/papermod/index.html @@ -0,0 +1 @@ +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..f774425 --- /dev/null +++ b/tags/showcase/index.html @@ -0,0 +1 @@ +PaperMod

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..415f17f --- /dev/null +++ b/tags/theme/index.html @@ -0,0 +1 @@ +PaperMod

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..6dfa0e8 --- /dev/null +++ b/tags/zola/index.html @@ -0,0 +1 @@ +PaperMod

Markdown Examples

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