manbearwolf

ClipboardJS

A Pen by Wyk Parish on CodePen.

License.

manbearwolf

Clipboard.js Demo

A Pen by Marcus Burnette on CodePen.

License.

manbearwolf

/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}

manbearwolf

<script>
  
/**
 * Example 1
 */
anchors.options = {
  placement: 'right',
  visible: 'hover',
};

manbearwolf

/**
 * Example 2
 * Provide options as an object before adding anchors to the page.
 * Adds always-visible ¶ anchors in the left margin of each p tag inside .story
 */
anchors.options = {
  placement: 'right',
  visible: 'always',
};

manbearwolf

<!-- Lightbox usage markup -->
<link href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet" type="text/css" />
<h1>Pure CSS Lightbox</h1>
<p>Click the thumbnail below to activate the lightbox</p>

<!-- thumbnail image wrapped in a link -->
<a href="#img1">
  <img src="http://insomnia.rest/images/screens/main.png" class="thumbnail">
</a>

manbearwolf

require "jekyll-import";
JekyllImport::Importers::Blogger.run({
  "source"                => "./blog-08-23-2017.xml",
  "no-blogger-info"       => false, # not to leave blogger-URL info (id and old URL) in the front matter
  "replace-internal-link" => false, # replace internal links using the post_url liquid tag.
})

manbearwolf

Writing blog in transliteration on. (Not joking sometimes that line, helps!!)

<div dir="ltr" style="text-align: left;" trbidi="on">
</div> 

(Around Markdown)
headings... h1,h2,h3,etc... not ## 

Fixes spacing to correct <br />
Has it's own typography (easy to comprehend).

manbearwolf

/* Alignment ihover
https://gudh.github.io/ihover/dist/ 
Centering (Look out huge in RAW, but tiny)...
https://codepen.io/cysidus/pen/Defus 
*/

.ih-item {
    margin: auto;
    margin-top: 0px;
}

manbearwolf

word-wrap: break-word;