Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Front-end foundation for WordPress projects

branch: master
Octocat-spinner-32 WPThumb @ 846113f Update WPThumb June 15, 2013
Octocat-spinner-32 images Subdir September 09, 2012
Octocat-spinner-32 js Update versions May 19, 2013
Octocat-spinner-32 less .font() November 28, 2012
Octocat-spinner-32 wp-less @ 8c68692 Update versions May 19, 2013
Octocat-spinner-32 .gitmodules Submodules, etc. September 09, 2012
Octocat-spinner-32 README.md Readme October 02, 2012
Octocat-spinner-32 page-themestyles.php Update October 02, 2012
Octocat-spinner-32 prometheus.less Clean-up September 10, 2012
Octocat-spinner-32 prometheus.php Scripts update November 29, 2012
README.md

prometheus

Front-end foundation for WordPress projects including a page template to view all your styles on one go.

Installation

1) Adding it to your theme

Add this repository to your theme by submoduling it in.

git submodule add git@github.com:noeltock/prometheus.git

2) LESS

This provides a base foundation for styling, including normalize, mixins, etc. Can be included at the top of your master LESS stylesheets:

@import 'prometheus/prometheus.less' 

3) Tools

To pull in wp-less and wpthumb, you can include this line near the top of your functions.php

require_once( 'prometheus/prometheus.php' );

Other Information

View your Theme Styles

To see the majority of selectors and DOM elements on a single page (instead of having to create dummy content every time), you can select the following page template:

Theme Styles

To view an example, check out the very simple noeltock.com theme styles

WPThumb

I don't like default resizing or timthumb, so I use WPThumb in my themes, like this:

$newimageurl = wpthumb( $imageurl, 'width=200&height=200&crop=1', false );

Full list of parameters and defaults:

$arg_defaults = array(
        'width'                 => 0,
        'height'                => 0,
        'crop'                  => false,
        'crop_from_position'    => 'center,center',
        'resize'                => true,
        'watermark_options'     => array(),
        'cache'                 => true,
        'default'               => null,
        'jpeg_quality'          => 80,
        'resize_animations'     => true,
        'return'                => 'url',
        'background_fill'       => null
);

JavaScript

Includes various polyfill's/fixes for older browsers.

Something went wrong with that request. Please try again.