caycefischer

Lemon Poppy-seed Muffins

• 2 eggs
• ¼ cup canola oil + ½ cup plain yogourt (can substitute with ¾ cup canola oil)
• ¾ cup milk
• ½ tsp vanilla
• ¼ cup poppy seeds

Combine all that in one bowl, then in another bowl mix the following:

caycefischer

<div class="nav">
  <li class="box"><a href="">One</a></li>
  <li class="box"><a href="">Two</a></li>
  <li class="box"><a href="">Three</a></li>
</div>

caycefischer

// A mixin for media queries: @mq
//
// Use with keywords in $medias array:
// @include mq($media: wide) {
//  ...
// }
// 
// Or use with manual queries:
// @include mq("all and (min-width:33em)") {
//  ...

caycefischer

!!! 5
%html
  %head
    %title= "Your Website"
    %meta{ :content => "", :name => "description" }
    %meta{ :content => "", :name => "author" }
    %meta{ :content => "3 days", :name => "revisit-after" }
    %link{ :href => "http://creativecommons.org/licenses/by/3.0/", :rel => "license", :title => "Creative Commons Attribution 3.0 Unported License" }
    %link{ :href => "/feed", :rel => "alternate", :title => "Atom", :type => "application/atom+xml" }
    %link{ :href => "/css/screen.css", :media => "screen", :rel => "stylesheet" }

caycefischer

<h1>
  A More Responsive Grid System
  <em>based off of the Don't Overthink it Grid</em>
</h1>
<h2><a href="http://amperedesign.com/blog/more-responsive-grid-systems/">Read the full article here</a></h2>

<!-- let the show begin -->

<div class="grid grid-pad">

caycefischer

Single line, no attribution:

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

Single line, with attribution and optional cite:

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>

caycefischer

{% capture md %}
# {{page.title}}
> blockquote
Hello!
{% endcapture %}

{{ md | markdownify }}

caycefischer

# redirect www to no-www
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} ^www.domain.com [NC]
RewriteRule ^(.*)$ http://domain.com/$1 [L,R=301]

# custom error pages
ErrorDocument 401 /error/401.php
ErrorDocument 403 /error/403.php
ErrorDocument 404 /error/404.php

caycefischer

<style>
@media (min-width: 45em) {
    body:after {
        content: 'widescreen';
        display: none;
        }
    }
</style>

<script>

caycefischer

// '$' helper function
window.$ = function(selector) {
  return document.querySelector(selector);
};

// usage
$('#nic').src = 'http://placecage.com/c/400/300';