GithubHelp home page GithubHelp logo

Poole

The Strange Case of Dr. Jekyll and Mr. Hyde tells the story of a lawyer investigating the connection of two persons, Dr. Henry Jekyll and Mr. Edward Hyde. Chief among the novel's supporting cast is a man by the name of Mr. Poole, Dr. Jekyll's loyal butler.


Poole is the butler for Jekyll, the static site generator. It's designed and developed by @mdo to provide a clear and concise foundational setup for any Jekyll site. It does so by furnishing a full vanilla Jekyll install with example templates, pages, posts, and styles.

Poole

See Poole in action with the demo site.

There are currently two official themes built on Poole:

Individual theme feedback and bug reports should be submitted to the theme's individual repository.

Contents

Usage

1. Install Jekyll

Poole is built for use with Jekyll, so naturally you'll need to install that. On Macs, it's rather straightforward:

$ gem install jekyll

Windows users: Windows users have a bit more work to do, but luckily @juthilo has your back with his Run Jekyll on Windows guide.

You may also need to install Pygments, the Python syntax highlighter for code snippets that plays nicely with Jekyll. Read more about this in the Jekyll docs.

2a. Quick start

To help anyone with any level of familiarity with Jekyll quickly get started, Poole includes everything you need for a basic Jekyll site. To that end, just download Poole and start up Jekyll.

2b. Roll your own Jekyll site

Folks wishing to use Jekyll's templates and styles can do so with a little bit of manual labor. Download Poole and then copy what you need (likely _layouts/, *.html files, atom.xml for RSS, and public/ for CSS, JS, etc.).

3. Running locally

To see your Jekyll site with Poole applied, start a Jekyll server. In Terminal, from /Poole (or whatever your Jekyll site's root directory is named):

$ jekyll serve

Open http://localhost:4000 in your browser, and voilà.

4. Serving it up

If you host your code on GitHub, you can use GitHub Pages to host your project.

  1. Fork this repo and switch to the gh-pages branch.
  2. If you're using a custom domain name, modify the CNAME file to point to your new domain.
  3. If you're not using a custom domain name, modify the baseurl in _config.yml to point to your GitHub Pages URL. Example: for a repo at github.com/username/poole, use http://username.github.io/poole/. Be sure to include the trailing slash.
  4. Done! Head to your GitHub Pages URL or custom domain.

No matter your production or hosting setup, be sure to verify the baseurl option file and CNAME settings. Not applying this correctly can mean broken styles on your site.

Options

Poole includes some customizable options, typically applied via classes on the <body> element.

Rems, font-size, and scaling

Poole is built almost entirely with rems (instead of pixels). rems are like ems, but instead of building on the immediate parent's font-size, they build on the root element, <html>.

By default, we use the following:

html {
  font-size: 16px;
  line-height: 1.5;
}
@media (min-width: 38em) {
  html {
    font-size: 20px;
  }
}

To easily scale your site's typography and components, simply customize the base font-sizes here.

Development

Poole has two branches, but only one is used for active development.

  • master for development. All pull requests should be to submitted against master.
  • gh-pages for our hosted site, which includes our analytics tracking code. Please avoid using this branch.

Author

Mark Otto

License

Open sourced under the MIT license.

<3

willhlaw's Projects

admiral icon admiral

Admiral is a command line utility for managing AWS CloudFormation and OpsWorks stacks, and for deploying applications to EC2 instances.

basic-google-maps-placemarks icon basic-google-maps-placemarks

This is the Basic Google Maps Placemarks Wordpress plugin by Ian Dunn -http://wordpress.org/extend/plugins/basic-google-maps-placemarks/. Found no github repository so committing it and making some improvements such as adding directions.

blog icon blog

Placeholder for personal github page projects. Considering migrating wordpress blog to github pages using techniques here: http://www.girliemac.com/blog/2013/12/27/wordpress-to-jekyll/

dotfiles icon dotfiles

.files, including ~/.osx — sensible hacker defaults for OS X

fan-stack-starter icon fan-stack-starter

:fire: FA{N} Stack Starter - A Firebase with Angular 2 and NativeScript-built iOS and Android starter app

git-subtree-test-shared icon git-subtree-test-shared

Testing if subtree would work to share code from react web repo (shared) and a react-native repo (main)

grapnel icon grapnel

A dependency management solution for the Go Programming Language.

hsa-calculator icon hsa-calculator

HSA (Health Savings Account) Calculator to determine maximum contribution

ismounted icon ismounted

React hook to check if the component is still mounted

jshint icon jshint

JSHint is a tool that helps to detect errors and potential problems in your JavaScript code

markdown-include icon markdown-include

:page_with_curl: Include markdown files into other markdown files with C style syntax

openpilot icon openpilot

openpilot is an open source driver assistance system. openpilot performs the functions of Automated Lane Centering and Adaptive Cruise Control for 250+ supported car makes and models.

paxminer icon paxminer

PAXminer is a set of tools to automatically pull, parse, capture, and store workout information from F3 Beatdowns. If you aren't familiar with F3, check out F3nation.com. This set of tools pulls Beatdown and attendance information from backblasts posted to regional F3 Slack channels, pulls out pertinent information from each workout, stores that info in an AWS MySQL database. There are tools that then build various visualizations based on different statistics (such as individual beatdown posting stats across AOs) and sends those back as either public or private Slack messages. Check it out! Any and all contributions are welcome.

poole icon poole

The Jekyll Butler and experimenting with poole for github pages.

react-multi-toggle-extra icon react-multi-toggle-extra

React-Multi-Toggle is a stylish toggle component that extends the functionality of a checkbox or a radio button

stately icon stately

A Front-end package for styling the U.S. states and is available on bower.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.