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
banner_image...
img src="{{ post.banner_image }}"
<script>
/**
* Example 1
*/
anchors.options = {
placement: 'right',
visible: 'hover',
};
@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.
})
<!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 / 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;
@manbearwolf
manbearwolf / Center-YouTube-iframe.css
Created July 15, 2017 01:57
Center the Hell! Out of YouTube Embedded Videos (Put it in Main.css)
/*
Centers the hell
out of Embeded Videos
*/
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
@manbearwolf
manbearwolf / Tables01.css
Last active October 22, 2017 22:09
Table dasher... uses HTML5 a little http://www.eobcards.com/tablet.htm for arrangement
<!--- Above/Before ]]></b:skin> Blogger Template table styles-->
table.bigE {
border-collapse: initial;
border-color: #eee;
border-style: dashed;
padding: 1px;
table-layout: fixed;
width: 100%;
background-color: #ffffff;
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
<script>new Clipboard('.btn');</script>
<input id="input" value="Some Text" style="width: 300px;">
<button class="btn" data-clipboard-target="#input">Copy</button>