diff options
Diffstat (limited to 'markdown-syntax/index.html')
-rw-r--r-- | markdown-syntax/index.html | 86 |
1 files changed, 35 insertions, 51 deletions
diff --git a/markdown-syntax/index.html b/markdown-syntax/index.html index 0d3b802..175d6d7 100644 --- a/markdown-syntax/index.html +++ b/markdown-syntax/index.html @@ -21,19 +21,15 @@ <meta name="robots" content="index,follow"> <meta name="referrer" content="origin-when-cross-origin"> +<meta name="theme-color" content="black"> -<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"> +<meta name="generator" content="Hugo 0.105.0"> -<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"> +<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> |