A CodePen by Nick LaDart. Cascading Style Sheets - Saw this on Elliot Jay Stock's photo on Instagram (http://instagram.com/p/cYuVYrAiyT/#).

index.markdown

LaDart

creative inc.

Keeping the web classy

Since 2009

script.js

// Reference link: http://instagram.com/p/cYuVYrAiyT/#
// Pattern from: http://www.svgeneration.com/generate/Stucco

spanner( document.getElementById("h1") );

style.scss

@import "compass";
$alpha: #0c7291;
$beta: #f74848;
$delta: gray;

body {
  text-align: center;
  background-color: #787371;
  background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyB2aWV3Qm94PScwIDAgMTUwIDE1MCc+Cgk8ZmlsdGVyIGlkPSduJyB4PScwJyB5PScwJz4KCQk8ZmVUdXJidWxlbmNlIHR5cGU9J3R1cmJ1bGVuY2UnIGJhc2VGcmVxdWVuY3k9Jy43JyByZXN1bHQ9J2Z1enonIG51bU9jdGF2ZXM9JzInIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4KCQk8ZmVDb21wb3NpdGUgaW49J1NvdXJjZUdyYXBoaWMnIGluMj0nZnV6eicgb3BlcmF0b3I9J2FyaXRobWV0aWMnIGsxPScwJyBrMj0nMS4yNCcgazM9Jy0wLjI2JyBrND0nLjAxJyAvPgoJPC9maWx0ZXI+Cgk8cmVjdCB3aWR0aD0nMTAyJScgaGVpZ2h0PScxMDIlJyBmaWxsPScjMDAwMDAwJy8+Cgk8cmVjdCB4PSctMSUnIHk9Jy0xJScgd2lkdGg9JzEwMiUnIGhlaWdodD0nMTAyJScgZmlsbD0nIzc4NzM3MScgZmlsdGVyPSd1cmwoI24pJyBvcGFjaXR5PScxJy8+Cjwvc3ZnPg==');
  color: $beta;
  font-family: "Open Sans", sans-serif;
}
h1 {
  font: 400 9em/1 Damion, cursive;
  color: $alpha;
  text-transform: lowercase;
  margin-top: -0.5em;
  
  span {
    display: inline-block;
    vertical-align: middle;
  }
  .char1 {
    font-size: 2.4em;
  }
}
h2 {
  font: 800 3em/1 "Open Sans", sans-serif;
  text-transform: uppercase;
  color: $beta;
  margin-top: -2.4em;
  margin-bottom: 1em;
  margin-left: 1.5em;
}
.tagline {
  text-transform: uppercase;
  letter-spacing: 0.225em;
  margin-bottom: 1.25em;
}
.since {
  color: $alpha;
  font-family: Damion;
  font-size: 1.5em;
}
time {
  font: 700 1.5em/1 "Open Sans Condensed", sans-serif;
  color: $beta;
  margin-top: -0.375em;
  display: inline-block;
  vertical-align: middle;
}