mirror of https://github.com/kc0bfv/ticky_tacky_dark.git
.gitmodules
@@ -1,3 +1,3 @@ [submodule "ticky_tacky_dark"] path = ticky_tacky_dark path = theme_directory url = https://github.com/kc0bfv/ticky_tacky_dark.git 404.html
@@ -61,10 +61,12 @@ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/interesting/">Fascinating</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> about/index.html
File was renamed from awesome/index.html @@ -2,11 +2,11 @@ <html lang="en-us"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="The demonstration page for the Hugo Ticky Tacky Dark theme."> <meta name="author" content="kc0bfv@gmail.com"> <meta name="description" content="Hugo, the world’s fastest framework for building websites"> <meta name="author" content="Hugo Authors"> <link rel="icon" href="/ticky_tacky_dark/favicon.ico"> <title>Ticky Tacky Dark - Awesome</title> <title>Ticky Tacky Dark - About</title> @@ -61,15 +61,25 @@ </div> <div class="col-12 col-sm-7"> <p>Here’s some awesome text on an awesome page. That image on the left? It’ll randomly change on load between the ones in “sideimages”.</p> <p>Written in Go, Hugo is an open source static site generator available under the <a href="https://github.com/gohugoio/hugo/blob/master/LICENSE">Apache Licence 2.0.</a> Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.</p> <a href="javascript:toggleDisplay('dropstuff');">Stuff that drops down when you click on it top:</a> <p>Hugo makes use of a variety of open source projects including:</p> <ul> <li><a href="https://github.com/yuin/goldmark">https://github.com/yuin/goldmark</a></li> <li><a href="https://github.com/alecthomas/chroma">https://github.com/alecthomas/chroma</a></li> <li><a href="https://github.com/muesli/smartcrop">https://github.com/muesli/smartcrop</a></li> <li><a href="https://github.com/spf13/cobra">https://github.com/spf13/cobra</a></li> <li><a href="https://github.com/spf13/viper">https://github.com/spf13/viper</a></li> </ul> <div id="dropstuff" style="display:none"> This stuff drops down because you clicked on the text. </div> <p>Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.</p> <p>Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.</p> <p>Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.</p> <p>Learn more and contribute on <a href="https://github.com/gohugoio">GitHub</a>.</p> </div> @@ -78,10 +88,12 @@ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li>Awesome</li> <li>About</li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/interesting/">Fascinating</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> css/myscreen.css
@@ -1,6 +1,7 @@ @import url("myboth.css"); body { background:black; color: #ddd; } pre { color: #ddd; } h1, h2, h3, h4, h5, h6 { color: #eee; } ul.navbar a:focus, ul.navbar a:hover { color: #00243d; } ul.navbar a { color: #00497a; } emoji-support/index.html
File was renamed from cool/index.html @@ -2,11 +2,11 @@ <html lang="en-us"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="The demonstration page for the Hugo Ticky Tacky Dark theme."> <meta name="author" content="kc0bfv@gmail.com"> <meta name="description" content="Guide to emoji usage in Hugo"> <meta name="author" content="Hugo Authors"> <link rel="icon" href="/ticky_tacky_dark/favicon.ico"> <title>Ticky Tacky Dark - Stunning</title> <title>Ticky Tacky Dark - Emoji Support</title> @@ -61,16 +61,33 @@ </div> <div class="col-12 col-sm-7"> <p>Here’s some cool text on a cool page. That image on the left? It’ll randomly change on load between the ones in “sideimages”.</p> <p>Emoji can be enabled in a Hugo project in a number of ways.</p> <a href="javascript:toggleDisplay('dropstuff');">Stuff that drops down when you click on it top:</a> <p>The <a href="https://gohugo.io/functions/emojify/"><code>emojify</code></a> function can be called directly in templates or <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Inline Shortcodes</a>.</p> <p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your site’s <a href="https://gohugo.io/getting-started/configuration/">configuration</a> and then you can type emoji shorthand codes directly in content files; e.g.</p> <p><p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p> <br></p> <p>The <a href="http://www.emoji-cheat-sheet.com/">Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p> <hr /> <p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p> <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-html" data-lang="html">.emoji { font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols; }</code></pre></div> <a href="javascript:toggleDisplay('dropstuff');">This demonstrates the dropdown shortcode. Click this.</a> <div id="dropstuff" style="display:none"> This stuff drops down because you clicked on the text. </div> </div> </main> @@ -78,10 +95,12 @@ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/interesting/">Fascinating</a></li> <li>Stunning</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li>Emoji Support</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> img/math01.jpg
@@ -3,7 +3,7 @@ <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="The demonstration page for the Hugo Ticky Tacky Dark theme."> <meta name="author" content="kc0bfv@gmail.com"> <meta name="author" content="Hugo Authors"> <link rel="icon" href="/ticky_tacky_dark/favicon.ico"> <title>Ticky Tacky Dark - Main</title> @@ -52,9 +52,9 @@ <main class="row"> <div class="col col-12 col-lg-6 imgbtntxt"> <a class="imgbtntxt" href="/ticky_tacky_dark/awesome/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/awebutton.jpg" alt="Awesome"> <br>Awesome <a class="imgbtntxt" href="/ticky_tacky_dark/about/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/awebutton.jpg" alt="About"> <br>About </a> </div> @@ -66,16 +66,30 @@ </div> <div class="col col-12 col-lg-6 imgbtntxt"> <a class="imgbtntxt" href="/ticky_tacky_dark/interesting/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/interestingbutton.jpg" alt="Fascinating"> <br>Fascinating <a class="imgbtntxt" href="/ticky_tacky_dark/markdown-syntax/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/interestingbutton.jpg" alt="Markdown Syntax Guide"> <br>Markdown Syntax Guide </a> </div> <div class="col col-12 col-lg-6 imgbtntxt"> <a class="imgbtntxt" href="/ticky_tacky_dark/cool/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/coolbutton.jpg" alt="Stunning"> <br>Stunning <a class="imgbtntxt" href="/ticky_tacky_dark/emoji-support/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/coolbutton.jpg" alt="Emoji Support"> <br>Emoji Support </a> </div> <div class="col col-12 col-lg-6 imgbtntxt"> <a class="imgbtntxt" href="/ticky_tacky_dark/rich-content/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/richbutton.jpg" alt="Rich Content"> <br>Rich Content </a> </div> <div class="col col-12 col-lg-6 imgbtntxt"> <a class="imgbtntxt" href="/ticky_tacky_dark/math-typesetting/"> <img class="morerounded" height="300" width="300" src="/ticky_tacky_dark/img/mathbutton.jpg" alt="Math Typesetting"> <br>Math Typesetting </a> </div> @@ -85,10 +99,12 @@ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li>Main</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/interesting/">Fascinating</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> index.xml
@@ -12,13 +12,14 @@ <item> <title>Awesome</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/awesome/</link> <title>About</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/about/</link> <pubDate>Sun, 08 Dec 2019 00:00:00 +0000</pubDate> <guid>https://kc0bfv.github.io/ticky_tacky_dark/awesome/</guid> <description>Here&rsquo;s some awesome text on an awesome page. That image on the left? It&rsquo;ll randomly change on load between the ones in &ldquo;sideimages&rdquo;. Stuff that drops down when you click on it top: This stuff drops down because you clicked on the text. </description> <guid>https://kc0bfv.github.io/ticky_tacky_dark/about/</guid> <description>Written in Go, Hugo is an open source static site generator available under the Apache Licence 2.0. Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows. Hugo makes use of a variety of open source projects including: https://github.</description> </item> <item> @@ -31,23 +32,39 @@ </item> <item> <title>Fascinating</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/interesting/</link> <title>Markdown Syntax Guide</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/</link> <pubDate>Sun, 08 Dec 2019 00:00:00 +0000</pubDate> <guid>https://kc0bfv.github.io/ticky_tacky_dark/interesting/</guid> <description>Here&rsquo;s some interesting text on an interesting page. That image on the left? It&rsquo;ll randomly change on load between the ones in &ldquo;sideimages&rdquo;. Stuff that drops down when you click on it top: This stuff drops down because you clicked on the text. </description> <guid>https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/</guid> <description><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p></description> </item> <item> <title>Stunning</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/cool/</link> <title>Emoji Support</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/</link> <pubDate>Sun, 08 Dec 2019 00:00:00 +0000</pubDate> <guid>https://kc0bfv.github.io/ticky_tacky_dark/cool/</guid> <description>Here&rsquo;s some cool text on a cool page. That image on the left? It&rsquo;ll randomly change on load between the ones in &ldquo;sideimages&rdquo;. Stuff that drops down when you click on it top: This stuff drops down because you clicked on the text. </description> <guid>https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/</guid> <description><p>Emoji can be enabled in a Hugo project in a number of ways.</p></description> </item> <item> <title>Rich Content</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/rich-content/</link> <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> <guid>https://kc0bfv.github.io/ticky_tacky_dark/rich-content/</guid> <description><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p></description> </item> <item> <title>Math Typesetting</title> <link>https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/</link> <pubDate>Fri, 08 Mar 2019 00:00:00 +0000</pubDate> <guid>https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/</guid> <description><p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p></description> </item> </channel> markdown-syntax/index.html
New file @@ -0,0 +1,292 @@ <!DOCTYPE html> <html lang="en-us"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Sample article showcasing basic Markdown syntax and formatting for HTML elements."> <meta name="author" content="Hugo Authors"> <link rel="icon" href="/ticky_tacky_dark/favicon.ico"> <title>Ticky Tacky Dark - Markdown Syntax Guide</title> <meta name="robots" content="index,follow"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="generator" content="Hugo 0.58.3"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="/ticky_tacky_dark/css/myscreen.css" type="text/css" media="screen"> <link rel="stylesheet" href="/ticky_tacky_dark/css/myprint.css" type="text/css" media="print"> <meta name="theme-color" content="black"> <noscript> <style> #headerimg { background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg); background-size: cover; } #sideimage { background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg); background-size: cover; } </style> </noscript> </head> <body> <div id="full_body"> <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt=""> </header> <div id="content" class="top-section"> <div class="container-fluid"> <div class="row"> <div class="col col-12 col-sm-8 col-lg-9"> <main class="row"> <div class="col-12 col-sm-5"> <img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Interesting Page Image"> </div> <div class="col-12 col-sm-7"> <p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p> <h2 id="headings">Headings</h2> <p>The following HTML <code><h1></code>—<code><h6></code> elements represent six levels of section headings. <code><h1></code> is the highest section level while <code><h6></code> is the lowest.</p> <h1 id="h1">H1</h1> <h2 id="h2">H2</h2> <h3 id="h3">H3</h3> <h4 id="h4">H4</h4> <h5 id="h5">H5</h5> <h6 id="h6">H6</h6> <h2 id="paragraph">Paragraph</h2> <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> <h2 id="blockquotes">Blockquotes</h2> <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> <h4 id="blockquote-without-attribution">Blockquote without attribution</h4> <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> <h4 id="blockquote-with-attribution">Blockquote with attribution</h4> <blockquote> <p>Don’t communicate by sharing memory, share memory by communicating.</p> — <cite>Rob Pike<sup class="footnote-ref" id="fnref:1"><a href="#fn:1">1</a></sup></cite></p> </blockquote> <h2 id="tables">Tables</h2> <p>Tables aren’t part of the core Markdown spec, but Hugo supports 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> <h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4> <table> <thead> <tr> <th>Inline </th> <th>Markdown </th> <th>In </th> <th>Table</th> </tr> </thead> <tbody> <tr> <td><em>italics</em></td> <td><strong>bold</strong></td> <td><del>strikethrough</del> </td> <td><code>code</code></td> </tr> </tbody> </table> <h2 id="code-blocks">Code Blocks</h2> <h4 id="code-block-with-backticks">Code block with backticks</h4> <pre><code>html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example HTML5 Document</title> </head> <body> <p>Test</p> </body> </html> </code></pre> <h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example HTML5 Document</title> </head> <body> <p>Test</p> </body> </html> </code></pre> <h4 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</h4> <div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-html" data-lang="html"><span style="color:#75715e"><!DOCTYPE html></span> <<span style="color:#f92672">html</span> <span style="color:#a6e22e">lang</span><span style="color:#f92672">=</span><span style="color:#e6db74">"en"</span>> <<span style="color:#f92672">head</span>> <<span style="color:#f92672">meta</span> <span style="color:#a6e22e">charset</span><span style="color:#f92672">=</span><span style="color:#e6db74">"UTF-8"</span>> <<span style="color:#f92672">title</span>>Example HTML5 Document</<span style="color:#f92672">title</span>> </<span style="color:#f92672">head</span>> <<span style="color:#f92672">body</span>> <<span style="color:#f92672">p</span>>Test</<span style="color:#f92672">p</span>> </<span style="color:#f92672">body</span>> </<span style="color:#f92672">html</span>></code></pre></div> <h2 id="list-types">List Types</h2> <h4 id="ordered-list">Ordered List</h4> <ol> <li>First item</li> <li>Second item</li> <li>Third item</li> </ol> <h4 id="unordered-list">Unordered List</h4> <ul> <li>List item</li> <li>Another item</li> <li>And another item</li> </ul> <h4 id="nested-list">Nested list</h4> <ul> <li>Item</li> <li>First Sub-item</li> <li>Second Sub-item</li> </ul> <h2 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2> <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> <div class="footnotes"> <hr /> <ol> <li id="fn:1">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. <a class="footnote-return" href="#fnref:1"><sup>[return]</sup></a></li> </ol> </div> </div> </main> </div> <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li>Markdown Syntax Guide</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> </div> </div> </div> <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a> </footer><script> function toggleDisplay( elementID ) { elem = document.getElementById(elementID); if( elem.style.display == "none" ) { elem.style.display = "block"; } else if( elem.style.display == "block" ) { elem.style.display = "none"; } } function randomHeaderImg() { images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg","https://kc0bfv.github.io/ticky_tacky_dark/img/header02.jpg"]; i = Math.ceil(Math.random() * images.length) - 1; document.getElementById("headerimg").src = images[i]; } window.onload = randomHeaderImg; function randomSideAndHeaderImg() { randomHeaderImg(); images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg"]; i = Math.ceil(Math.random() * images.length) - 1; document.getElementById("sideimage").src = images[i]; } window.onload = randomSideAndHeaderImg; </script> </div> </body> </html> math-typesetting/index.html
File was renamed from interesting/index.html @@ -2,11 +2,11 @@ <html lang="en-us"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="The demonstration page for the Hugo Ticky Tacky Dark theme."> <meta name="author" content="kc0bfv@gmail.com"> <meta name="description" content="A brief guide to setup KaTeX"> <meta name="author" content="Hugo Authors"> <link rel="icon" href="/ticky_tacky_dark/favicon.ico"> <title>Ticky Tacky Dark - Fascinating</title> <title>Ticky Tacky Dark - Math Typesetting</title> @@ -39,7 +39,7 @@ #sideimage { background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg); background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/math01.jpg); background-size: cover; } @@ -57,20 +57,42 @@ <main class="row"> <div class="col-12 col-sm-5"> <img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Interesting Page Image"> <img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="A binary text wall covering from the computer history museum."> </div> <div class="col-12 col-sm-7"> <p>Here’s some interesting text on an interesting page. That image on the left? It’ll randomly change on load between the ones in “sideimages”.</p> <p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p> <a href="javascript:toggleDisplay('dropstuff');">Stuff that drops down when you click on it top:</a> <p>In this example we will be using <a href="https://katex.org/">KaTeX</a></p> <ul> <li>Create a partial under <code>/layouts/partials/math.html</code></li> <li>Within this partial reference the <a href="https://katex.org/docs/autorender.html">Auto-render Extension</a> or host these scripts locally.</li> <li>Include the partial in your templates like so:<br></li> </ul> <div id="dropstuff" style="display:none"> This stuff drops down because you clicked on the text. </div> <pre><code>{{ if or .Params.math .Site.Params.math }} {{ partial "math.html" . }} {{ end }} </code></pre> <ul> <li>To enable KaTex globally set the parameter <code>math</code> to <code>true</code> in a project's configuration</li> <li>To enable KaTex on a per page basis include the parameter <code>math: true</code> in content files.</li> </ul> <p><strong>Note:</strong> Use the online reference of <a href="https://katex.org/docs/supported.html">Supported TeX Functions</a> </p> <h3 id="examples">Examples</h3> <p>Inline math: <span class="math">\( \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… \)</span></p> <p>Block math:</p> <p><span class="math">\[ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } \]</span></p> </div> </main> @@ -78,10 +100,12 @@ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li>Fascinating</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li>Math Typesetting</li> </ul> </div> </nav> @@ -109,7 +133,7 @@ function randomSideAndHeaderImg() { randomHeaderImg(); images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg"]; images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/math01.jpg"]; i = Math.ceil(Math.random() * images.length) - 1; document.getElementById("sideimage").src = images[i]; } redir/index.html
@@ -64,10 +64,12 @@ <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/awesome/">Awesome</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li>Theme Source</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/interesting/">Fascinating</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/cool/">Stunning</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/rich-content/">Rich Content</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> rich-content/index.html
New file @@ -0,0 +1,238 @@ <!DOCTYPE html> <html lang="en-us"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="A brief description of Hugo Shortcodes"> <meta name="author" content="Hugo Authors"> <link rel="icon" href="/ticky_tacky_dark/favicon.ico"> <title>Ticky Tacky Dark - Rich Content</title> <meta name="robots" content="index,follow"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="generator" content="Hugo 0.58.3"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="/ticky_tacky_dark/css/myscreen.css" type="text/css" media="screen"> <link rel="stylesheet" href="/ticky_tacky_dark/css/myprint.css" type="text/css" media="print"> <meta name="theme-color" content="black"> <noscript> <style> #headerimg { background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg); background-size: cover; } #sideimage { background-image: url(https://kc0bfv.github.io/ticky_tacky_dark/img/rich01.jpg); background-size: cover; } </style> </noscript> </head> <body> <div id="full_body"> <header id="header" class="top-section"><img id="headerimg" class="veryrounded" src="/ticky_tacky_dark/img/header_template.png" alt=""> </header> <div id="content" class="top-section"> <div class="container-fluid"> <div class="row"> <div class="col col-12 col-sm-8 col-lg-9"> <main class="row"> <div class="col-12 col-sm-5"> <img id="sideimage" class="morerounded" src="/ticky_tacky_dark/img/side_image_template.png" alt="Looking out on a pond at Capilano Suspension Bridge, Vancouver, BC"> </div> <div class="col-12 col-sm-7"> <p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p> <hr /> <h2 id="instagram-simple-shortcode">Instagram Simple Shortcode</h2> <style type="text/css"> .__h_instagram.card { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 14px; border: 1px solid rgb(219, 219, 219); padding: 0; margin-top: 30px; } .__h_instagram.card .card-header, .__h_instagram.card .card-body { padding: 10px 10px 10px; } .__h_instagram.card img { width: 100%; height: auto; } </style> <div class="__h_instagram s_instagram_simple card" style="max-width: 640px"> <div class="card-header"> <a href="https://www.instagram.com/koloot.design" class="card-link">koloot.design</a> </div> <a href="https://instagram.com/p/BGvuInzyFAe/" target="_blank"><img class="card-img-top img-fluid" src="https://instagram.fboi1-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s640x640/13437259_1631155187211476_646101738_n.jpg?_nc_ht=instagram.fboi1-1.fna.fbcdn.net&_nc_cat=108&_nc_ohc=YTBw4q5vY4MAX9XQSK-&oh=4bf45c6e71e5bea22b04003dd0f91511&oe=5E9C2171" width="640" height="451" alt="Instagram Image"></a> <div class="card-body"> <a href="https://www.instagram.com/koloot.design" class="card-link">View More on Instagram</a> </div> </div> <p><br></p> <hr /> <h2 id="youtube-privacy-enhanced-shortcode">YouTube Privacy Enhanced Shortcode</h2> <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe src="https://www.youtube.com/embed/ZJthWmvUzzc" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe> </div> <p><br></p> <hr /> <h2 id="twitter-simple-shortcode">Twitter Simple Shortcode</h2> <style type="text/css"> .twitter-tweet { font: 14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; border-left: 4px solid #2b7bb9; padding-left: 1.5em; color: #555; } .twitter-tweet a { color: #2b7bb9; text-decoration: none; } blockquote.twitter-tweet a:hover, blockquote.twitter-tweet a:focus { text-decoration: underline; } </style> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”<br>— Jan Tschichold <a href="https://t.co/gcv7SrhvJb">pic.twitter.com/gcv7SrhvJb</a></p>— Graphic Design History (@DesignReviewed) <a href="https://twitter.com/DesignReviewed/status/1085870671291310081?ref_src=twsrc%5Etfw">January 17, 2019</a></blockquote> <p><br></p> <hr /> <h2 id="vimeo-simple-shortcode">Vimeo Simple Shortcode</h2> <style> .__h_video { position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; width: 100%; background: #000; } .__h_video img { width: 100%; height: auto; color: #000; } .__h_video .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; cursor: pointer; } </style> <div class="s_video_simple __h_video"> <a href="https://vimeo.com/4.8912912e+07" target="_blank"> <img src="https://i.vimeocdn.com/video/337401969_640.jpg" srcset="https://i.vimeocdn.com/video/337401969_640.jpg 1x, https://i.vimeocdn.com/video/337401969.jpg 2x" alt="Sing Jan Swing - Kinetic Type"> <div class="play"><svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><circle cx="30.5" cy="30.5" r="30.5" opacity=".8" fill="#000"></circle><path d="M25.3 19.2c-2.1-1.2-3.8-.2-3.8 2.2v18.1c0 2.4 1.7 3.4 3.8 2.2l16.6-9.1c2.1-1.2 2.1-3.2 0-4.4l-16.6-9z" fill="#fff"></path></svg></div></a></div> </div> </main> </div> <nav class="col col-8 offset-2 col-sm-4 offset-sm-0 col-lg-3"><div class="box morerounded"> <ul class="navbar"> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/">Main</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/about/">About</a></li> <li><a href="https://github.com/kc0bfv/ticky_tacky_dark">Theme Source</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/">Markdown Syntax Guide</a></li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/">Emoji Support</a></li> <li>Rich Content</li> <li><a href="https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/">Math Typesetting</a></li> </ul> </div> </nav> </div> </div> </div> <footer id="footer" class="top-section">Webmaster: <a href="mailto:kc0bfv@gmail.com">kc0bfv@gmail.com</a> </footer><script> function toggleDisplay( elementID ) { elem = document.getElementById(elementID); if( elem.style.display == "none" ) { elem.style.display = "block"; } else if( elem.style.display == "block" ) { elem.style.display = "none"; } } function randomHeaderImg() { images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg","https://kc0bfv.github.io/ticky_tacky_dark/img/header02.jpg"]; i = Math.ceil(Math.random() * images.length) - 1; document.getElementById("headerimg").src = images[i]; } window.onload = randomHeaderImg; function randomSideAndHeaderImg() { randomHeaderImg(); images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/rich01.jpg"]; i = Math.ceil(Math.random() * images.length) - 1; document.getElementById("sideimage").src = images[i]; } window.onload = randomSideAndHeaderImg; </script> </div> </body> </html> sitemap.xml
@@ -3,7 +3,7 @@ xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>https://kc0bfv.github.io/ticky_tacky_dark/awesome/</loc> <loc>https://kc0bfv.github.io/ticky_tacky_dark/about/</loc> <lastmod>2019-12-08T00:00:00+00:00</lastmod> </url> @@ -13,16 +13,25 @@ </url> <url> <loc>https://kc0bfv.github.io/ticky_tacky_dark/interesting/</loc> <loc>https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/</loc> <lastmod>2019-12-08T00:00:00+00:00</lastmod> </url> <url> <loc>https://kc0bfv.github.io/ticky_tacky_dark/cool/</loc> <loc>https://kc0bfv.github.io/ticky_tacky_dark/emoji-support/</loc> <lastmod>2019-12-08T00:00:00+00:00</lastmod> </url> <url> <loc>https://kc0bfv.github.io/ticky_tacky_dark/rich-content/</loc> </url> <url> <loc>https://kc0bfv.github.io/ticky_tacky_dark/math-typesetting/</loc> <lastmod>2019-03-08T00:00:00+00:00</lastmod> </url> <url> <loc>https://kc0bfv.github.io/ticky_tacky_dark/</loc> <lastmod>2019-12-08T00:00:00+00:00</lastmod> </url> theme_directory
New file @@ -0,0 +1 @@ Subproject commit 1ed54265f05e952c3b6a36b5e436ac68639958be ticky_tacky_dark
File was deleted ticky_tacky_dark/about-hugo/index.html
New file @@ -0,0 +1 @@ <!DOCTYPE html><html><head><title>https://kc0bfv.github.io/ticky_tacky_dark/about/</title><link rel="canonical" href="https://kc0bfv.github.io/ticky_tacky_dark/about/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kc0bfv.github.io/ticky_tacky_dark/about/" /></head></html> ticky_tacky_dark/about-us/index.html
New file @@ -0,0 +1 @@ <!DOCTYPE html><html><head><title>https://kc0bfv.github.io/ticky_tacky_dark/about/</title><link rel="canonical" href="https://kc0bfv.github.io/ticky_tacky_dark/about/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kc0bfv.github.io/ticky_tacky_dark/about/" /></head></html> ticky_tacky_dark/contact/index.html
New file @@ -0,0 +1 @@ <!DOCTYPE html><html><head><title>https://kc0bfv.github.io/ticky_tacky_dark/about/</title><link rel="canonical" href="https://kc0bfv.github.io/ticky_tacky_dark/about/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kc0bfv.github.io/ticky_tacky_dark/about/" /></head></html> ticky_tacky_dark/migrate-from-jekyl/index.html
New file @@ -0,0 +1 @@ <!DOCTYPE html><html><head><title>https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/</title><link rel="canonical" href="https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://kc0bfv.github.io/ticky_tacky_dark/markdown-syntax/" /></head></html>
