Cutie

Built with Jekyll (for now) and hosted on GitHub Pages (for now).

Content Structure

Directory
_data/	Datafiles for guests and vendors.
_drafts/	Unpublished blog posts.
_posts/	Blog posts.
pages/	Actual site content.
media/	Images, pdfs, and other misc static content.

Guests

Just add a bullet to the corresponding .yaml file and the site will automatically update.

- # Basic Info
  name: "Fluffle Puff"
  aka: "Pink Fluffly Unicorn"
  type: community # Community or Vip
  # Usernames
  twitter: "Fluffle_Puff"
  deviantart: "flufflepuff"
  tumblr: "askflufflepuff"
  # Links
  youtube: "https://www.youtube.com/user/FluffyMixer"
  website: "http://askflufflepuff.com"
  # Biography
  bio: "Basement dweller ♥ Food eater Internet user ♥ Part-time bear."
  # Images
  avatar: "/media/guests/flufflepuff-avatar.png" # Absolute path to avatar
  cover: "" # may be used in the future
  # Color
  color: "" # may be used in the future

Blog Posts

Blog posts can be easily edited and managed online via http://prose.io/#user/repo.

Put published posts in _posts and unpublished posts in _drafts.

The first part of the file starts & ends with three dashes. This is your yaml configuration.

Then comes the markdown. Cheatsheet here: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

---
layout: post #
title:  "Website, Volunteers, Tickets and More" # Post title
date:   2016-02-27 08:00:00 # Time in EST
categories: press # blog or press, affects your path if permalink is not set
permalink: /blog/more-updates # Optional path to the post
---

You can start typing content here. <b>HTML is supported</b> and so is **markdown syntax.**
Try to use bold text and refrain from using _italics_ whenever possible.

Below are your headers, use them sparingly.

## Header 2

### Header 3

Images are pretty easy.

![Image description for screen readers go here: Fluffle Puff!](/media/guests/flufflepuff-avatar.png)

So are links: [Click here for Google!](http://google.com/)

> I am a quote
> - Maud Pie

You can make tables too, if you're inclined.

| Column Header 1 | Column Header 2 |
| -- | -- |
| Hi! | You get the point |
| Yo! | What's up? |

Lists are easy, just number or bullet them appropriately, like this:

- Item 1
- Item 2

1. Item 1
2. Item 2

You can embed anything by copying and pasting an embed code:
<iframe width="560" height="315" src="https://www.youtube.com/embed/rMFWc_FMhqs"
frameborder="0" allowfullscreen></iframe>

Pages

Like posts, but also supports markdown .md or html .html. I reccomend using html.

---
layout: page # page (default) or blank (have to manually define container and content areas)
title: Philadelphia
subtitle: A guide to the City of Brother Love! # optional
permalink: /philly/
redirect_from: /philadelphia/ # optional if you are redireccting from an old url
cover: # may be used in the future
---

Start typing content here!

Development Structure

Directory
_includes/	Contents of < head >, navigation, and footer.
_layouts/	Page layout templates.
_sass/	Partial stylesheets. Modify _site.scss for site styles.
css/	Stylesheet compiler, don't touch this file.
icons/	Icon font! See icons/demo.html for a full list.
img/	Static assets necessary to display the site.

File
404.html/	404 page. Easter egg, maybe?
CNAME	Sets up a CNAME record for the domain the site is on.
_config.yml	Site settings and commonly used phrases.
_prose.yml	Configuration for prose.io.
feed.xml	RSS feed for blog posts.
robots.txt	Bot access settings, please change before deploying to production.

Running the site locally

Make sure you have ruby installed, then...

cd cutie

# install gems (first time only)
bundle install

# run server on localhost:4000. SCSS and page content compiled automatically on save.
bundle exec jekyll serve --port 4000 --watch --incremental