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
<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">
<button class="btn" data-clipboard-target="#input">Copy</button>
@manbearwolf
manbearwolf / HTML (In Blogger Post).html
Created October 23, 2017 21:03
Custom Classes Code Snippet 2 (Above/Before "]]></b:skin>")
<div class="custom2">
<img border="0" height="200" src="https://cl.ly/mmrb/unnamed.jpg" width="171">
</div>
@manbearwolf
manbearwolf / HTML (In Blogger Post).html
Last active October 23, 2017 20:59
Custom Classes Code Snippet 1 (Above/Before "]]></b:skin>")
<div class="custom1">
Testing Red Text</div>
@manbearwolf
manbearwolf / CSS Shadow Text - Blogger Snippet 2.css
Created October 23, 2017 20:41
CSS Shadow Text - Blogger Snippet 2
/*--- Header Center Text & 3D CSS3 ShadowText ----*/
#header-inner {text-align:center !important;} #header-inner img {margin: 0 auto !important;}
.header h1 {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
#header-inner {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.post-title {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.date-header {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.widget {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
@manbearwolf
manbearwolf / CSS Shadow Text - Blogger Snippet 1.css
Created October 23, 2017 19:49
CSS Shadow Text - Blogger Code Snippet 1
/*--- Header Center Text &amp; 3D CSS3 ShadowText ----*/
#header-inner {text-align:center !important;}
#header-inner img {margin: 0 auto !important;}
.header h1 {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
#header-inner {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.post-title {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
.date-header {text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070 !important;}
@manbearwolf
manbearwolf / main.css
Last active October 25, 2017 02:56
html5 Table Classes
table.dota {
word-wrap: break-word;
border-color: #eeeeee;
border-style: dashed;
padding: 1px;
table-layout: fixed;
border-collapse: collapse; // or seperate (dota2) (th on dota2, though)
border-spacing: 0;
width: 100%;
display: table;
---
---
jQuery(function() {
// Initialize lunr with the fields to be searched, plus the boost.
window.idx = lunr(function () {
this.field('id');
this.field('title');
this.field('content', { boost: 10 });
this.field('author');
this.field('categories');
@manbearwolf
manbearwolf / GitHub Installations.txt
Last active November 10, 2017 16:46
Basic Jekyll (starter) (for Windows 10)...
https://nodejs.org/en/
https://rubyinstaller.org/downloads/
https://desktop.github.com/
https://code.visualstudio.com/
(install the gems you use. Goes under c:\Users\<username>\.gems & .bundle)...
PowerShell (Admin)...
gem install bundler (http://bundler.io/)
gem install jekyll-import (for blogger http://import.jekyllrb.com/docs/installation/)...
@manbearwolf
manbearwolf / index.html
Created September 24, 2017 22:28
slick slider + fancybox
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>
<div class="slider slider-for">
<div>
@manbearwolf
manbearwolf / index.html
Last active November 12, 2017 19:28
Slider Slick + Fancybox (Not Bad)
<div class="container">
<h2>Slider Slick + Fancybox</h2>
<div class="row">
<div class="col-md-12 heroSlider-fixed">
<div class="overlay"></div>
<!-- Slider -->
<div class="slider responsive">
<div>