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 / Full Width Margins.html
Last active July 18, 2017 19:14
Full Width of Margins in Blogger in Posts for img, etc. https://www.blogger.com
<a href="https://image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="auto" src="https://image.jpg" width="100%" /></a>
to...
<a href="https://image.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="auto" src="https://image.jpg" width="100%" /></a>
<!DOCTYPE html>
<html>
<head>
<style>
button.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
@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;
<div style="text-align:center">
{% if page.image and page.headerImage %}
<img class="title-image" src="{{ page.image }}" alt="{{ page.title }}">
{% endif %}
<br />
<br />
</div>
@manbearwolf
manbearwolf / iHover.css
Last active August 22, 2017 23:13
(Main.css) for i Hover Effects CSS (Alignment Center) https://gudh.github.io/ihover/dist/index.html Just drop it in Main.css!
/* Style & Alignment */
.ih-item{
margin: auto;
margin-top: 25px;
}
p{
margin: 0;
}
@manbearwolf
manbearwolf / home.html
Created July 18, 2017 18:15
Lines Used From JekyllWriter (index.html) https://github.com/JekyllWriter/blog/blob/gh-pages/index.html (Between Lines 9-17) (Used in _layouts/home.html Minima Theme)
<span class="post-meta">{% if post.author %}{{ post.author }}{% else %}{{ site.author }}{% endif %} | {{ post.date | date: "%b %-d, %Y" }}</span>
<div class="post-excerpt">{{ post.excerpt }}</div>
<div class="post-meta">{% if post.categories %}Filed under: <a href="{{ "/categories/" | prepend: site.baseurl }}#category-{{ post.categories.first | replace: ' ', '_' }}">{{ post.categories.first }}</a>{% for category in post.categories offset:1 %}, <a href="{{ "/categories/" | prepend: site.baseurl }}#category-{{ category | replace: ' ', '_' }}">{{ category }}</a>{% endfor %}{% endif %}{% if post.tags %}{% if post.categories %} | {% endif %}Tags: <a href="{{ "/tags/" | prepend: site.baseurl }}#tag-{{ post.tags.first | replace: ' ', '_' }}">{{ post.tags.first }}</a>{% for tag in post.tags offset:1 %}, <a href="{{ "/tags/" | prepend: site.baseurl }}#tag-{{ tag | replace: ' ', '_' }}">{{ tag }}</a>{% endfor %}{% endif %}</div>
<div class="read-more"><a href="{{ post.url | prepend: site

#jekyll-6-minute-read

Customize your jekyll blog to display the number of minutes it will take to read your article.

{{ page.content | number_of_words | plus: 300 | divided_by: 160 | append: " minute read" }}

<section class="archive-post-list">
{% for post in site.posts %}
{% assign currentDate = post.date | date: "%Y" %}
{% if currentDate != myDate %}
{% unless forloop.first %}</ul>{% endunless %}
<h1>{{ currentDate }}</h1>
<ul>
{% assign myDate = currentDate %}
{% endif %}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
html,body {
margin:0;
padding:0;
}
<h1>Fluid Typography Sass Mixin</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit iusto adipisci, cupiditate animi, itaque qui aspernatur vel corrupti labore minima, excepturi ab, fuga rem dolores. Ratione sunt autem iusto aliquid.
</p>
<h2>Heading 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit iusto adipisci, cupiditate animi, itaque qui aspernatur vel corrupti labore minima, excepturi ab, fuga rem dolores. Ratione sunt autem iusto aliquid.
</p>