Skip to content

Instantly share code, notes, and snippets.

@heirloompixels

heirloompixels/SassMeister-input-HTML.html

Created May 27, 2014 20:45
Show Gist options
  • Save heirloompixels/0194e9624c3f2f2d7d51 to your computer and use it in GitHub Desktop.
Save heirloompixels/0194e9624c3f2f2d7d51 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<!doctype html>
<!--[if lt IE 9 ]> <html lang="en-GB" class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-GB" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-GB" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>Moontoad: Adventures &middot; Words &middot; Visual Necessity</title>
<link href="/css/raindance.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
</head>
<body>
<div class="container">
<header id="soliloquy">
<h1>MoonToad</h1>
<p>Late Spring. Bee Box. Rain Dance. New Tribe. Spaghetti
Western. Flash Floods and Longing. Gardens.
Objects (boring, otherwise). Paint. Descriptive Living.
Ryokan. Backpacks.
</p>
<nav>
<ul>
<li><a href="/raindance">Rain Dance</a></li>
<li><a href="/advntr">Adventure</a></li>
<li><a href="/objects">Objects</a></li>
</ul>
</nav>
</header>
<div class="typography">
<article>
<figure>
<img src="/grfx/sparks/birdseyeMapleFirstPlaning.jpg" alt="A piece of birdseye maple after the first pass of the planer" title="birdseye mample, freshly planed" />
</figure>
<p>A piece of birdseye maple after the first pass on the inca planer. This is going to be our counter tops.</p>
<footer>
<p><a href="/sparks/birdseye-maple/">Birdseye Maple</a>
<span>(2014-05-27)</span>
</p>
<p>
</p>
</footer>
</article>
<article>
<figure>
<img src="/grfx/objects/twoBackpacks.jpg" alt="My old Dana Designs backpack on the left my new HMG Porter on the right">
</figure>
<p>The backpack on the left has been my companion for the last 15 or so years. It&#39;s old and worn out now and gets to be retired for the remainder of my time with it. The backpack is a Dana Design from Bozeman Montana. It was a prototype and features a cool leather logo. It&#39;s stunningly beautiful. I&#39;m so sad to hang it up but i&#39;ll take out out now and again to let it taste the sweat freedom of the hills once in a while. </p>
<p>On the right is a brand new backpack. It&#39;s lighter and almost as comfortable as the Dana Design. This backpack is a <a href="http://www.hyperlitemountaingear.com/packs/3400-porter-pack.html">3400 Porter</a> pack made by Hyperlite Mountain Gear. It&#39;s sexy, comfortable and carries well.</p>
<p>So here&#39;s to the changing of the guard. </p>
<footer>
<p><a href="/objects/two-backpacks/">Two Backpacks</a>
<span>(2014-05-26)</span>
</p>
<p>
objects</p>
</footer>
</article>
<article>
<figure>
<img title="The Mother Robin" src="/grfx/works/theMotherRobinSouthWall.jpg" alt="The Mother Robin painting hanging by the back door" />
</figure>
<p>It&#39;s really dusty in my studio: the spring winds.<br>
The robin it&#39;s herald.<br>
The Mother Robin. </p>
<p>It&#39;s my last day with her. </p>
<p>She thieves the worms i work so hard to provide a comfortable life to in my garden. I don&#39;t mind in particular - gotta feed the young ones. </p>
<p>Soon to be one. <br>
Soon to be none.</p>
<p>I particularly like the way robins run on the ground. The efficiency of their postured elegance astounds my aesthetic mind. Head down, back straight and run run run stop. Look. Worm. Back to the nest around and round-to know such perfection of task is to know solar nuclear reactions.</p>
<p>O.K. <br>
Fledgling. <br>
Hop about clumsy fuzz. </p>
<p>There is like a week of uber vulnerability. Incrediable luck - the little one has a voice and the tenacity to remain silent until spoken to - mom&#39;s solitary geeek! <br>
Piercing. <br>
Effective. <br></p>
<p>The return answer (Sweet from a fresh beak)</p>
<p>Apt as he might be in maternal conversation the little one wanders, longing for the promised adventure just out of sight around the next bush/tree/weed/fence/deck/shoe. </p>
<p>(and believe me, i know this longing)</p>
<p>If only the baby would stay put she thinks. Quick jaunt to another perch. Geeek. The fuzz responds. Warily the hop to the ground. (I must wonder the number of words birds have for the different flights they do. Must far surpass the eskimo snow vocabulary)</p>
<p>Lunch.
Dinner.
Breakfast.
Snacks.
More snacks.
A little more snack.
Days, nights and geeekity geeeks.</p>
<p>I try to help and chase the cats and shoo the nomad from the street. One night he was asleep in the street. I do my best (awkward human).</p>
<p>Now sunrise - the first geeek of the day. The beak friendly breakfast. Snacks. Morning routines. All is well. </p>
<p>Geeek. Geeek. <br>
And then Geeek.</p>
<p>No answer. Again. No answer. The search continues.<br>
Geeek. <br>
Swoop - dash - run Geeek.<br>
Geeek. <br>
Further afield; Now closer again. Frantic. Geeek, geeek geeekin.</p>
<p>The pace slows. The search slows. A quiet understating of the hours sans food. Food the source of water. Hours sans water. Optimistic hope lingers. For days geeek. geeek. geeek.</p>
<p>Natural reality: until next year we fly afield the nomads of the sky.</p>
<footer>
<p><a href="/works/the-mother-robin/">The Mother Robin</a>
<span>(2014-05-14)</span>
</p>
<p>
Raindance, Spring, and 2014</p>
</footer>
</article>
<article>
<figure>
<img title="Orange Prickly Pear Flower" src="/images/sparks/2014-05-12-orange-prickley-pear/orange.jpg" alt="Orange prickly pear flower on edge." />
</figure>
<p>Now Orange. Now Purple. It&#39;s gonna be a good cactus fruit year. </p>
<footer>
<p><a href="/sparks/orange-prickley-pear/">Orange Prickley Pear</a>
<span>(2014-05-12)</span>
</p>
<p>
rain, dance, spring, 2014, and desert</p>
</footer>
</article>
<article>
<figure>
<img title="Yellow and pink prickly pear blossoms" src="/images/sparks/2014-05-11-prickly-pear-blossoms/yellowAndPink.jpg" alt="Yellow and pink prickly pear blossoms, spring 2014" />
</figure>
<p>Pink and Yellow. With Spines. </p>
<footer>
<p><a href="/sparks/prickly-pear-blossoms/">Prickly Pear Blossoms</a>
<span>(2014-05-11)</span>
</p>
<p>
raindance and spring2014</p>
</footer>
</article>
</div>
<footer>
<ul id="works">
<li><a href="/nocturnalCaffine">Nocturnal Caffine</a></li>
<li><a href="/cyclumLunarem">Cyclum Lunarem</a></li>
<li><a href="/springsAndIngle">Drinking Water & Fire</a></li>
<li>Monster Friends</li>
<li>Animal Automaton</li>
<li>Drawings</li>
<li>Oil Cans</li>
</ul>
<ul id="adventure">
<li>Grand Enchantment Trail</li>
<li><a href="/hereBeDragons">Here Be Dragons</a></li>
<li>Himalaya + Enfield</li>
<li>Gila Wilderness</li>
<li>San Mateo Mountains</li>
<li>Bikepacking</li>
</ul>
<ul id="life">
<li>Gardening</li>
<li>Tools</li>
<li>Hitch Hiking</li>
</ul>
<ul id="spark">
<li>Gardening</li>
<li>Tools</li>
<li>Hitch Hiking</li>
</ul>
<ul id="places">
<li><a rel="external" href="https://twitter.com/hmsp">Twitter</a></li>
<li><a rel="external" href="http://newtribetextiles.net/">New Tribe Textiles</a></li>
<li><a rel="external" href="http://bluecornloom.net/">Blue Corn Loom</a></li>
</ul>
<p id="legal">All content licensed under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/" alt="">Creative Commons</a>.</p>
</footer>
</div>
<!-- TODO: Select version of jquery and link to CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// Susy (v2.1.2)
// ----
@import "compass";
@import "susy";
@include global-reset;
/*
* typographic Variables
* http://thesassway.com/advanced/modular-css-typography
*/
$text-color: #333;
$quiet-color: #ccc;
$loud-color: #000;
$heading-color: #111;
$link-color: #d54aaf;
$link-hover-color: saturate(#d54aaf, 20%);
$link-visited-color: purple;
$base-font-family: 'Roboto Condensed', sans-serif;
$base-font-size: 18px;
$base-font-weight: 300;
$fixed-font-family: 'Andale Mono', AndaleMono, monospace;
$fixed-font-size: 15px;
$fixed-line-height: 1.2;
$heading-font-family: 'Roboto Condensed', sans-serif;
$heading-font-weight: 700;
/*
* Base styles
*/
body {
color: $text-color;
font-size: $base-font-size;
font-family: $base-font-family;
font-weight: $base-font-weight;
padding: 30px;
line-height: 1.6;
}
/*
* Typography
*/
.link {
color: $link-color;
text-decoration: none;
&:visited {
color: $link-visited-color;
}
&:hover, &:visited:hover {
color: $link-hover-color;
text-decoration: underline;
}
}
.fixed { font-family: $fixed-font-family; font-size: $fixed-font-size; line-height: $fixed-line-height; }
.quiet { font-color: $quiet-color; }
.loud { font-color: $loud-color; }
.italic { font-style: italic; }
.bold { font-weight: 700; @extend .loud; }
.h1, .h2, .h3, .h4, .h5, .h6 { font-family: $heading-font-family; font-weight: $heading-font-weight; }
.h1, .h2 { line-height: 1.1; }
.h3, .h4 { line-height: 1.3; }
.h1 { font-size: 400%; letter-spacing: -2px; }
.h2 { font-size: 250%; letter-spacing: -1px; }
.h3 { font-size: 200%; }
.h4 { font-size: 180%; }
.h5 { font-size: 130%; }
.h6 { font-size: 100%; }
.block-margins { margin: 1em 0; }
.unordered-list { list-style-type: disc; }
.ordered-list { list-style: decimal; }
.typography {
a { @extend .link; }
i, em { @extend .italic; }
b, strong { @extend .bold; }
h1 { @extend .h1; margin: 1em 0 0.5em; }
h2 { @extend .h2; margin: 1em 0 0.5em; }
h3 { @extend .h3; margin: 1em 0 0.5em; }
h4 { @extend .h4; margin: 1em 0 0.5em; }
h5 { @extend .h5; margin: 1em 0 0.5em; }
h6 { @extend .h6; margin: 1em 0 0.5em; }
p, ul, ol, pre { @extend .block-margins; }
ul { @extend .unordered-list; }
ol { @extend .ordered-list; }
pre, code { @extend .fixed; }
}
/*
* Modifiers
*/
.float-left { float: left; margin-right: 1em; }
.float-right { float: right; margin-left: 1em; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
/*
* Object definitions
*/
.content {
margin: 0 auto;
width: 32em;
}
.header-block {
font-size: 110%;
&.typography h1 { font-size: 450%; margin-top: 0 !important; }
}
.author-block {
border-top: 3px double $quiet-color;
margin-top: 4em;
}
/*
* Layout: Uses Susy!
*/
$susy: (
columns: 10,
global-box-sizing: border-box,
use-custom: (rem: true
)
);
@include border-box-sizing;
.container {
@include container();
@include clearfix;
}
header {
border-bottom: 1px solid #777;
@include span(10 of 10);
background-color: white;
padding: 25px 0;
}
header h1 {
@include span(5 of 10);
@include prefix(2 of 10);
color: rgb(63, 64, 61);
margin: 0;
}
header p {
@include span(3 of 10);
color: #777;
margin: 0;
}
header nav {
@include span(2 of 10 last);
}
header ul {
list-style: none;
margin: 0;
}
nav { }
article {
margin-top: 75px;
@include span(8 of 10);
@include prefix(2 of 10);
}
article figure {
@include span(6 of 6);
margin: 0;
}
article img {
width: 100%;
}
article footer p {
margin: 0;
}
article p {
@include span(4 of 6);
}
footer {
@include span(10 of 10);
border-top: 1px solid #777;
color: #777;
}
#works {
@include span(2 of 10);
}
#adventure {
@include span(2 of 10);
}
#life {
@include span(2 of 10);
}
#spark {
@include span(2 of 10);
}
#places {
@include span(2 of 10 last);
}
#legal {
@include span(8 of 10);
@include prefix(2 of 10);
}
#legal {
font-size: .6em;
color: rgb(227, 229, 219);
}
#legal a {
color: rgb(210, 210, 210);
}
footer ul {
list-style: none;
color: rgb(227, 229, 219);
padding: 0;
margin: 0;
}
body {
background-color: rgb(252,255,254);
background-color: white;
}
a {
text-decoration: none;
color: rgb(63, 64, 61);
color: rgb(161, 164, 161);
}
Raw
SassMeister-output.css
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/*
* typographic Variables
* http://thesassway.com/advanced/modular-css-typography
*/
/*
* Base styles
*/
body {
color: #333333;
font-size: 18px;
font-family: "Roboto Condensed", sans-serif;
font-weight: 300;
padding: 30px;
line-height: 1.6;
}
/*
* Typography
*/
.link, .typography a {
color: #d54aaf;
text-decoration: none;
}
.link:visited, .typography a:visited {
color: purple;
}
.link:hover, .typography a:hover, .link:visited:hover, .typography a:visited:hover {
color: #eb34b9;
text-decoration: underline;
}
.fixed, .typography pre, .typography code {
font-family: "Andale Mono", AndaleMono, monospace;
font-size: 15px;
line-height: 1.2;
}
.quiet {
font-color: #cccccc;
}
.loud, .bold, .typography b, .typography strong {
font-color: black;
}
.italic, .typography i, .typography em {
font-style: italic;
}
.bold, .typography b, .typography strong {
font-weight: 700;
}
.h1, .typography h1, .h2, .typography h2, .h3, .typography h3, .h4, .typography h4, .h5, .typography h5, .h6, .typography h6 {
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
}
.h1, .typography h1, .h2, .typography h2 {
line-height: 1.1;
}
.h3, .typography h3, .h4, .typography h4 {
line-height: 1.3;
}
.h1, .typography h1 {
font-size: 400%;
letter-spacing: -2px;
}
.h2, .typography h2 {
font-size: 250%;
letter-spacing: -1px;
}
.h3, .typography h3 {
font-size: 200%;
}
.h4, .typography h4 {
font-size: 180%;
}
.h5, .typography h5 {
font-size: 130%;
}
.h6, .typography h6 {
font-size: 100%;
}
.block-margins, .typography p, .typography ul, .typography ol, .typography pre {
margin: 1em 0;
}
.unordered-list, .typography ul {
list-style-type: disc;
}
.ordered-list, .typography ol {
list-style: decimal;
}
.typography h1 {
margin: 1em 0 0.5em;
}
.typography h2 {
margin: 1em 0 0.5em;
}
.typography h3 {
margin: 1em 0 0.5em;
}
.typography h4 {
margin: 1em 0 0.5em;
}
.typography h5 {
margin: 1em 0 0.5em;
}
.typography h6 {
margin: 1em 0 0.5em;
}
/*
* Modifiers
*/
.float-left {
float: left;
margin-right: 1em;
}
.float-right {
float: right;
margin-left: 1em;
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
/*
* Object definitions
*/
.content {
margin: 0 auto;
width: 32em;
}
.header-block {
font-size: 110%;
}
.header-block.typography h1 {
font-size: 450%;
margin-top: 0 !important;
}
.author-block {
border-top: 3px double #cccccc;
margin-top: 4em;
}
/*
* Layout: Uses Susy!
*/
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
*zoom: 1;
}
.container:after {
content: " ";
display: block;
clear: both;
}
header {
border-bottom: 1px solid #777;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
background-color: white;
padding: 25px 0;
}
header h1 {
width: 48.97959%;
float: left;
margin-right: 2.04082%;
padding-left: 20.40816%;
color: #3f403d;
margin: 0;
}
header p {
width: 28.57143%;
float: left;
margin-right: 2.04082%;
color: #777;
margin: 0;
}
header nav {
width: 18.36735%;
float: right;
margin-right: 0;
}
header ul {
list-style: none;
margin: 0;
}
article {
margin-top: 75px;
width: 79.59184%;
float: left;
margin-right: 2.04082%;
padding-left: 20.40816%;
}
article figure {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
margin: 0;
}
article img {
width: 100%;
}
article p {
width: 65.51724%;
float: left;
margin-right: 3.44828%;
}
footer {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
border-top: 1px solid #777;
color: #777;
}
#works {
width: 18.36735%;
float: left;
margin-right: 2.04082%;
}
#adventure {
width: 18.36735%;
float: left;
margin-right: 2.04082%;
}
#life {
width: 18.36735%;
float: left;
margin-right: 2.04082%;
}
#spark {
width: 18.36735%;
float: left;
margin-right: 2.04082%;
}
#places {
width: 18.36735%;
float: right;
margin-right: 0;
}
#legal {
width: 79.59184%;
float: left;
margin-right: 2.04082%;
padding-left: 20.40816%;
}
#legal {
font-size: .6em;
color: #e3e5db;
}
#legal a {
color: #d2d2d2;
}
footer ul {
list-style: none;
color: #e3e5db;
padding: 0;
margin: 0;
}
body {
background-color: #fcfffe;
background-color: white;
}
a {
text-decoration: none;
color: #3f403d;
color: #a1a4a1;
}
Raw
SassMeister-rendered.html
<!doctype html>
<!--[if lt IE 9 ]> <html lang="en-GB" class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9 ]> <html lang="en-GB" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-GB" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>Moontoad: Adventures &middot; Words &middot; Visual Necessity</title>
<link href="/css/raindance.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
</head>
<body>
<div class="container">
<header id="soliloquy">
<h1>MoonToad</h1>
<p>Late Spring. Bee Box. Rain Dance. New Tribe. Spaghetti
Western. Flash Floods and Longing. Gardens.
Objects (boring, otherwise). Paint. Descriptive Living.
Ryokan. Backpacks.
</p>
<nav>
<ul>
<li><a href="/raindance">Rain Dance</a></li>
<li><a href="/advntr">Adventure</a></li>
<li><a href="/objects">Objects</a></li>
</ul>
</nav>
</header>
<div class="typography">
<article>
<figure>
<img src="/grfx/sparks/birdseyeMapleFirstPlaning.jpg" alt="A piece of birdseye maple after the first pass of the planer" title="birdseye mample, freshly planed" />
</figure>
<p>A piece of birdseye maple after the first pass on the inca planer. This is going to be our counter tops.</p>
<footer>
<p><a href="/sparks/birdseye-maple/">Birdseye Maple</a>
<span>(2014-05-27)</span>
</p>
<p>
</p>
</footer>
</article>
<article>
<figure>
<img src="/grfx/objects/twoBackpacks.jpg" alt="My old Dana Designs backpack on the left my new HMG Porter on the right">
</figure>
<p>The backpack on the left has been my companion for the last 15 or so years. It&#39;s old and worn out now and gets to be retired for the remainder of my time with it. The backpack is a Dana Design from Bozeman Montana. It was a prototype and features a cool leather logo. It&#39;s stunningly beautiful. I&#39;m so sad to hang it up but i&#39;ll take out out now and again to let it taste the sweat freedom of the hills once in a while. </p>
<p>On the right is a brand new backpack. It&#39;s lighter and almost as comfortable as the Dana Design. This backpack is a <a href="http://www.hyperlitemountaingear.com/packs/3400-porter-pack.html">3400 Porter</a> pack made by Hyperlite Mountain Gear. It&#39;s sexy, comfortable and carries well.</p>
<p>So here&#39;s to the changing of the guard. </p>
<footer>
<p><a href="/objects/two-backpacks/">Two Backpacks</a>
<span>(2014-05-26)</span>
</p>
<p>
objects</p>
</footer>
</article>
<article>
<figure>
<img title="The Mother Robin" src="/grfx/works/theMotherRobinSouthWall.jpg" alt="The Mother Robin painting hanging by the back door" />
</figure>
<p>It&#39;s really dusty in my studio: the spring winds.<br>
The robin it&#39;s herald.<br>
The Mother Robin. </p>
<p>It&#39;s my last day with her. </p>
<p>She thieves the worms i work so hard to provide a comfortable life to in my garden. I don&#39;t mind in particular - gotta feed the young ones. </p>
<p>Soon to be one. <br>
Soon to be none.</p>
<p>I particularly like the way robins run on the ground. The efficiency of their postured elegance astounds my aesthetic mind. Head down, back straight and run run run stop. Look. Worm. Back to the nest around and round-to know such perfection of task is to know solar nuclear reactions.</p>
<p>O.K. <br>
Fledgling. <br>
Hop about clumsy fuzz. </p>
<p>There is like a week of uber vulnerability. Incrediable luck - the little one has a voice and the tenacity to remain silent until spoken to - mom&#39;s solitary geeek! <br>
Piercing. <br>
Effective. <br></p>
<p>The return answer (Sweet from a fresh beak)</p>
<p>Apt as he might be in maternal conversation the little one wanders, longing for the promised adventure just out of sight around the next bush/tree/weed/fence/deck/shoe. </p>
<p>(and believe me, i know this longing)</p>
<p>If only the baby would stay put she thinks. Quick jaunt to another perch. Geeek. The fuzz responds. Warily the hop to the ground. (I must wonder the number of words birds have for the different flights they do. Must far surpass the eskimo snow vocabulary)</p>
<p>Lunch.
Dinner.
Breakfast.
Snacks.
More snacks.
A little more snack.
Days, nights and geeekity geeeks.</p>
<p>I try to help and chase the cats and shoo the nomad from the street. One night he was asleep in the street. I do my best (awkward human).</p>
<p>Now sunrise - the first geeek of the day. The beak friendly breakfast. Snacks. Morning routines. All is well. </p>
<p>Geeek. Geeek. <br>
And then Geeek.</p>
<p>No answer. Again. No answer. The search continues.<br>
Geeek. <br>
Swoop - dash - run Geeek.<br>
Geeek. <br>
Further afield; Now closer again. Frantic. Geeek, geeek geeekin.</p>
<p>The pace slows. The search slows. A quiet understating of the hours sans food. Food the source of water. Hours sans water. Optimistic hope lingers. For days geeek. geeek. geeek.</p>
<p>Natural reality: until next year we fly afield the nomads of the sky.</p>
<footer>
<p><a href="/works/the-mother-robin/">The Mother Robin</a>
<span>(2014-05-14)</span>
</p>
<p>
Raindance, Spring, and 2014</p>
</footer>
</article>
<article>
<figure>
<img title="Orange Prickly Pear Flower" src="/images/sparks/2014-05-12-orange-prickley-pear/orange.jpg" alt="Orange prickly pear flower on edge." />
</figure>
<p>Now Orange. Now Purple. It&#39;s gonna be a good cactus fruit year. </p>
<footer>
<p><a href="/sparks/orange-prickley-pear/">Orange Prickley Pear</a>
<span>(2014-05-12)</span>
</p>
<p>
rain, dance, spring, 2014, and desert</p>
</footer>
</article>
<article>
<figure>
<img title="Yellow and pink prickly pear blossoms" src="/images/sparks/2014-05-11-prickly-pear-blossoms/yellowAndPink.jpg" alt="Yellow and pink prickly pear blossoms, spring 2014" />
</figure>
<p>Pink and Yellow. With Spines. </p>
<footer>
<p><a href="/sparks/prickly-pear-blossoms/">Prickly Pear Blossoms</a>
<span>(2014-05-11)</span>
</p>
<p>
raindance and spring2014</p>
</footer>
</article>
</div>
<footer>
<ul id="works">
<li><a href="/nocturnalCaffine">Nocturnal Caffine</a></li>
<li><a href="/cyclumLunarem">Cyclum Lunarem</a></li>
<li><a href="/springsAndIngle">Drinking Water & Fire</a></li>
<li>Monster Friends</li>
<li>Animal Automaton</li>
<li>Drawings</li>
<li>Oil Cans</li>
</ul>
<ul id="adventure">
<li>Grand Enchantment Trail</li>
<li><a href="/hereBeDragons">Here Be Dragons</a></li>
<li>Himalaya + Enfield</li>
<li>Gila Wilderness</li>
<li>San Mateo Mountains</li>
<li>Bikepacking</li>
</ul>
<ul id="life">
<li>Gardening</li>
<li>Tools</li>
<li>Hitch Hiking</li>
</ul>
<ul id="spark">
<li>Gardening</li>
<li>Tools</li>
<li>Hitch Hiking</li>
</ul>
<ul id="places">
<li><a rel="external" href="https://twitter.com/hmsp">Twitter</a></li>
<li><a rel="external" href="http://newtribetextiles.net/">New Tribe Textiles</a></li>
<li><a rel="external" href="http://bluecornloom.net/">Blue Corn Loom</a></li>
</ul>
<p id="legal">All content licensed under <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/" alt="">Creative Commons</a>.</p>
</footer>
</div>
<!-- TODO: Select version of jquery and link to CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment