Skip to content

Instantly share code, notes, and snippets.

View manbearwolf's full-sized avatar
🌴
On vacation

Matt Bott manbearwolf

🌴
On vacation
View GitHub Profile
@manbearwolf
manbearwolf / main.scss
Last active October 20, 2017 18:16
opacity the post wrapper (BlogInn) Cheap Transparent in a class css
.entry-title {
background-color: $picton-blue;
clear: both;
color: $white;
float: left;
font-size: 36px;
margin: 60px 0 0;
max-width: 75%;
padding: 30px;
-ms-word-wrap: break-word;
<!DOCTYPE html>
<html>
<head>
<style>
.newspaper {
-webkit-columns: 100px 3; /* 3 Columns Chrome, Safari, Opera */
-moz-columns: 100px 3; /* 3 columns Firefox */
columns: 100px 3;
}
</style>
@manbearwolf
manbearwolf / .readme.md
Created August 19, 2017 22:33 — forked from jmyrland/.readme.md
Off canvas menu with touch handles.

Off canvas menu with touch handles.

View an example here.

This example is based on elements of this post.

Incliudes a OffCanvasMenuController to handle touch events bound to the off canvas menu. For example when swiping from the outer left side to the right, the left off canvas menu is dragged along.

Example usage

@manbearwolf
manbearwolf / jquery (Open all links new window (for markdown).js
Last active August 22, 2017 23:59
Open links new window markdown
@manbearwolf
manbearwolf / style=""
Last active October 21, 2017 03:30
Fixes Text
word-wrap: break-word;
@manbearwolf
manbearwolf / ihover undone (readable)
Last active August 22, 2017 23:24
Center ihover.css (lol, editor plugin un-did that junk) https://codepen.io/cysidus/pen/Defus
/* 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
manbearwolf / Hammer Time.html
Last active October 27, 2017 04:15
Writing in Markdown (Hammer for HTML) (Fixes Spacing in Markdown, Create anything in it, etc.) (Sorta Simple...) (Cheap!)
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
manbearwolf / blog.rb
Last active October 26, 2017 05:44
"Real" Conversion of Blogger to Jekyll format (XML Blogger export) (Posts export .xml Not theme ex: blog-08-23-2017.xml)
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
manbearwolf / index.html
Created August 28, 2017 15:23
Pure CSS Lightbox
<!-- 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
manbearwolf / custom.js
Last active August 29, 2017 15:07
anchorjs javascript (Note: under jquery is script loader) https://www.bryanbraun.com/anchorjs/
/**
* 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',
};