Style Guide

How to Properly Style Pages

This is a lead paragraph, text in this paragraph is displayed in a slightly bigger font size. Notice that the content of this page does not span fullwidth. It makes text easier to read.

If you need me, I’ll be down here on the floor. Dying. It’s an erotic friend fiction story that I just wrote. I hope you like it, because you’re all in it. It’s called ‘Buttloose.’ This is such a snore-gasm. Follow me fellas…Lets go somewhere where the sixteen of us can be alone. YOU GORGEOUS IDIOT! How do you know a python ate it? Did it leave a note? Sausage leather belts.


Unordered List

  • Apple
  • Banana
  • Carrot
  • Durian
  • Strawberry
  • Pineapple

Ordered List

  1. Apple
  2. Banana
  3. Carrot
  4. Durian
  5. Strawberry
  6. Pineapple

Dad, I need you to drop everything and shave my legs. Everyone touched each other’s butts, and it was great. It includes material that may not be suitable for all ages. I’m just not sure if I’ll be any good on the grill with one free hand. He did? That’s the sleaziest, sneakiest, most romantic thing anyone’s ever done to me. I guess she doesn’t like wearing clothes. Now my rash smells like bacon. But it doesn’t itch anymore. Detention is no big deal. Don’t have a crap attack.

Style Guide  photography
Left Aligned Image

I’ve logged over 3,000 fantasy hours on my relationship with Jimmy Jr. You don’t just throw that away. This is like watching two monkeys at the puberty zoo. My bra’s chafing me. I’m gonna write the most erotic, graphic, freakiest friend fiction ever. My boob? I texted back a smiley face. She texted back some letters I don’t understand. Let’s raise our glasses! Explore the morgue?

Just when I think I’m out, those cheeks pull me right back in. My crotch is itchy. So I think I’m being attacked by zombies and I start screaming, ‘Do you wanna make out?’ And I make out with it. Hey Jimmy Jr. Did you see those two squirrels fighting in the courtyard? Once I was into you, but after seeing you torture my father, I think we should just be friends with dental benefits. I need both ears to hold up my glasses.

It’s not meant to be hilarious. It’s supposed to be erotic.

Suddenly, Tina Belcher appeared in the doorway. She knew what she had to do. I want a dry erase board so I can write down all my private thoughts and then erase them immediately. Dad, you’re the best pimp a girl could ever have.

Style Guide  photography
Right Aligned Image

Just a heading in between, tooltip below

Explore the morgue? I can’t tell where your back ends and your butt begins. You’re right. I’m a firestarter and a jinx. I’m going to destroy this whole family. Explore the morgue? It includes material that may not be suitable for all ages. Brr, it sure is cold in here. I wish some strong, chivalrous man would lend me his jacket, or his pants. I had no idea there was so much butt touching in baseball. I guess she doesn’t like wearing clothes.

Here we have labels

This is like [label]watching[/label] two monkeys at the puberty [label type=”primary”]zoo[/label]. Hey, you don’t want to mess with my sister. She’ll wear down your [label type=”success”]self esteem[/label] over a period of years. I want a dry erase board so I can write down all my private thoughts and then erase them immediately. You’re right. I’m a [label type=”info”]firestarter[/label] and a jinx. I’m going to [label type=”warning”]destroy[/label] this whole family. Your ass is grass and I’m gonna mow it. It’s a [label type=”danger”]mating list[/label] for when the world ends. Can I get your email? My hearttttttttt. Ugg, my heart just pooped its pants.

Style Guide  photography
Center Aligned Image

I’m compiling a list of people I can mate with to repopulate the Earth. Crap attack? Don’t have one? Crap attack? Don’t have one? I’m no hero. I just put my bra on one boob at a time. My boob? It’s an erotic friend fiction story that I just wrote. I hope you like it, because you’re all in it. It’s called ‘Buttloose.’ Explore the morgue? Brr, it sure is cold in here. I wish some strong, chivalrous man would lend me his jacket, or his pants.


Table

First NameLast NameUsername
MarkOtto@mdo
JacobThornton@fat
Larrythe Bird@twitter

Code

var updateCellSize = function() {

  var carouselHeight = $( this ).outerHeight(), 
    cellWidth, cellHeight;

  $( '.flickity__cell > figure', this ).each(function() {

    cellWidth  = $( this ).data( 'width' )  || 0;
    cellHeight = $( this ).data( 'height' ) || 0;

    if( cellWidth > 0 && cellHeight > 0 ) {
      $( this ).css( 'width', carouselHeight * ( cellWidth / cellHeight ) );
    }
  });
}