mirror of https://github.com/kc0bfv/ticky_tacky_dark.git
markdown-syntax/index.html
@@ -21,19 +21,15 @@ <meta name="robots" content="index,follow"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="generator" content="Hugo 0.89.2" /> <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"> <link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"> <meta name="generator" content="Hugo 0.105.0"> <link rel="stylesheet" href="/ticky_tacky_dark/css/custom.min.434d878244725c63e8bb3920d68a315d2aa4234915a33e045fe01ad3c2838617.css" integrity="sha256-Q02HgkRyXGPouzkg1ooxXSqkI0kVoz4EX+Aa08KDhhc="/> <noscript> <style> @@ -53,43 +49,31 @@ </noscript> <script> function randomHeaderImg() { let images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg","https://kc0bfv.github.io/ticky_tacky_dark/img/header02.jpg"]; let img_ind = Math.ceil(Math.random() * images.length) - 1; let sel_url = images[img_ind] let img = new Image(); function randomImg(dest_elem, images) { const img_ind = Math.ceil(Math.random() * images.length) - 1; const sel_url = images[img_ind] const img = new Image(); img.onload = function() { function set_img(old_onload) { let element = document.getElementById("headerimg"); function set_img() { const element = document.getElementById(dest_elem); element.src = sel_url; if( old_onload ){ old_onload() } } if( document.readyState === "complete" ) { set_img() } else { window.onload = set_img(window.onload) } if( document.readyState != "loading" ) { set_img() } else { window.addEventListener("load", set_img); } } img.src = sel_url; } randomHeaderImg(); randomImg( dest_elem = "headerimg", images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/header01.jpg","https://kc0bfv.github.io/ticky_tacky_dark/img/header02.jpg"] ); function randomSideImg() { let images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg"]; let img_ind = Math.ceil(Math.random() * images.length) - 1; let sel_url = images[img_ind] let img = new Image(); img.onload = function() { function set_img(old_onload) { let element = document.getElementById("sideimage"); element.src = sel_url; if( old_onload ){ old_onload() } } if( document.readyState === "complete" ) { set_img() } else { window.onload = set_img(window.onload) } } img.src = sel_url; } randomSideImg(); randomImg( dest_elem = "sideimage", images = ["https://kc0bfv.github.io/ticky_tacky_dark/img/interesting01.jpg"] ); </script> </head> @@ -175,9 +159,9 @@ <h4 id="code-block-with-backticks">Code block with backticks</h4> <pre tabindex="0"><code>html <!DOCTYPE html> <html lang="en"> <html lang="en"> <head> <meta charset="UTF-8"> <meta charset="UTF-8"> <title>Example HTML5 Document</title> </head> <body> @@ -197,16 +181,16 @@ </html> </code></pre> <h4 id="code-block-with-hugos-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</h4> <div class="highlight"><pre tabindex="0" 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> <div class="highlight"><pre tabindex="0" 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="display:flex;"><span><span style="color:#75715e"><!DOCTYPE html></span> </span></span><span style="display:flex;"><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></span><span style="display:flex;"><span><<span style="color:#f92672">head</span>> </span></span><span style="display:flex;"><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></span><span style="display:flex;"><span> <<span style="color:#f92672">title</span>>Example HTML5 Document</<span style="color:#f92672">title</span>> </span></span><span style="display:flex;"><span></<span style="color:#f92672">head</span>> </span></span><span style="display:flex;"><span><<span style="color:#f92672">body</span>> </span></span><span style="display:flex;"><span> <<span style="color:#f92672">p</span>>Test</<span style="color:#f92672">p</span>> </span></span><span style="display:flex;"><span></<span style="color:#f92672">body</span>> </span></span><span style="display:flex;"><span></<span style="color:#f92672">html</span>></span></span></code></pre></div> <h2 id="list-types">List Types</h2> <h4 id="ordered-list">Ordered List</h4> <ol> @@ -228,14 +212,14 @@ <li>First Sub-item</li> <li>Second Sub-item</li> </ol> <section class="footnotes" role="doc-endnotes"> <div class="footnotes" role="doc-endnotes"> <hr> <ol> <li id="fn:1" role="doc-endnote"> <li id="fn:1"> <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. <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a></p> </li> </ol> </section> </div> </div> </main>
