├── .rvmrc ├── .gitignore ├── Gemfile ├── favicon.png ├── screenshot.png ├── jwplayer ├── player.swf └── glow │ ├── dock │ └── button.png │ ├── playlist │ ├── item.png │ ├── itemOver.png │ ├── sliderRail.png │ ├── sliderThumb.png │ ├── sliderCapTop.png │ └── sliderCapBottom.png │ ├── controlbar │ ├── divider.png │ ├── background.png │ ├── blankButton.png │ ├── muteButton.png │ ├── pauseButton.png │ ├── playButton.png │ ├── unmuteButton.png │ ├── muteButtonOver.png │ ├── playButtonOver.png │ ├── timeSliderRail.png │ ├── fullscreenButton.png │ ├── pauseButtonOver.png │ ├── timeSliderBuffer.png │ ├── timeSliderCapLeft.png │ ├── unmuteButtonOver.png │ ├── normalscreenButton.png │ ├── timeSliderCapRight.png │ ├── timeSliderProgress.png │ ├── fullscreenButtonOver.png │ └── normalscreenButtonOver.png │ ├── display │ ├── background.png │ ├── bufferIcon.png │ ├── muteIcon.png │ └── playIcon.png │ ├── sharing │ ├── embedIcon.png │ ├── shareIcon.png │ ├── embedScreen.png │ └── shareScreen.png │ └── glow.xml ├── fonts ├── megalopolisextra.eot ├── megalopolisextra.ttf ├── Chunkfive-webfont.eot ├── Chunkfive-webfont.ttf ├── Chunkfive-webfont.woff ├── megalopolisextra.woff ├── Chunkfive-webfont.svg └── megalopolisextra.svg ├── .rsync-exclude ├── partials ├── _search_header.php ├── _no_search_results.php ├── _not_found.php ├── _comment.php ├── _archives_header.php └── _post.php ├── functions.php ├── layouts ├── _header.php ├── _footer.php ├── page.php ├── default.php └── _head.php ├── Gemfile.lock ├── Rakefile ├── index.php ├── stylesheets ├── style.sass ├── partials │ ├── _layout.sass │ ├── _theme.sass │ ├── _typography.sass │ └── _page.sass └── library │ ├── _nocss3.sass │ ├── _defaults.sass │ └── _clearing-classes.sass ├── Changelog.markdown ├── config.rb ├── javascripts ├── site.js └── modernizr-1.6.min.js ├── Readme.markdown ├── comments.php └── style.css /.rvmrc: -------------------------------------------------------------------------------- 1 | rvm 1.8.7@wp-life -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .bundle 2 | .sass-cache -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "http://rubygems.org" 2 | 3 | gem 'compass' -------------------------------------------------------------------------------- /favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/favicon.png -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/screenshot.png -------------------------------------------------------------------------------- /jwplayer/player.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/player.swf -------------------------------------------------------------------------------- /fonts/megalopolisextra.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/fonts/megalopolisextra.eot -------------------------------------------------------------------------------- /fonts/megalopolisextra.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/fonts/megalopolisextra.ttf -------------------------------------------------------------------------------- /fonts/Chunkfive-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/fonts/Chunkfive-webfont.eot -------------------------------------------------------------------------------- /fonts/Chunkfive-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/fonts/Chunkfive-webfont.ttf -------------------------------------------------------------------------------- /fonts/Chunkfive-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/fonts/Chunkfive-webfont.woff -------------------------------------------------------------------------------- /fonts/megalopolisextra.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/fonts/megalopolisextra.woff -------------------------------------------------------------------------------- /jwplayer/glow/dock/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/dock/button.png -------------------------------------------------------------------------------- /jwplayer/glow/playlist/item.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/playlist/item.png -------------------------------------------------------------------------------- /.rsync-exclude: -------------------------------------------------------------------------------- 1 | .bundle/ 2 | .sass-cache/ 3 | .git* 4 | .rvmrc 5 | .rsync-exclude 6 | .DS_Store 7 | Gemfile* 8 | Rakefile -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/divider.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/divider.png -------------------------------------------------------------------------------- /jwplayer/glow/display/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/display/background.png -------------------------------------------------------------------------------- /jwplayer/glow/display/bufferIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/display/bufferIcon.png -------------------------------------------------------------------------------- /jwplayer/glow/display/muteIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/display/muteIcon.png -------------------------------------------------------------------------------- /jwplayer/glow/display/playIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/display/playIcon.png -------------------------------------------------------------------------------- /jwplayer/glow/playlist/itemOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/playlist/itemOver.png -------------------------------------------------------------------------------- /jwplayer/glow/sharing/embedIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/sharing/embedIcon.png -------------------------------------------------------------------------------- /jwplayer/glow/sharing/shareIcon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/sharing/shareIcon.png -------------------------------------------------------------------------------- /jwplayer/glow/playlist/sliderRail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/playlist/sliderRail.png -------------------------------------------------------------------------------- /jwplayer/glow/playlist/sliderThumb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/playlist/sliderThumb.png -------------------------------------------------------------------------------- /jwplayer/glow/sharing/embedScreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/sharing/embedScreen.png -------------------------------------------------------------------------------- /jwplayer/glow/sharing/shareScreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/sharing/shareScreen.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/background.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/blankButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/blankButton.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/muteButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/muteButton.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/pauseButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/pauseButton.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/playButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/playButton.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/unmuteButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/unmuteButton.png -------------------------------------------------------------------------------- /jwplayer/glow/playlist/sliderCapTop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/playlist/sliderCapTop.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/muteButtonOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/muteButtonOver.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/playButtonOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/playButtonOver.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/timeSliderRail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/timeSliderRail.png -------------------------------------------------------------------------------- /jwplayer/glow/playlist/sliderCapBottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/playlist/sliderCapBottom.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/fullscreenButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/fullscreenButton.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/pauseButtonOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/pauseButtonOver.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/timeSliderBuffer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/timeSliderBuffer.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/timeSliderCapLeft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/timeSliderCapLeft.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/unmuteButtonOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/unmuteButtonOver.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/normalscreenButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/normalscreenButton.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/timeSliderCapRight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/timeSliderCapRight.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/timeSliderProgress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/timeSliderProgress.png -------------------------------------------------------------------------------- /partials/_search_header.php: -------------------------------------------------------------------------------- 1 |
2 | Search Results For 3 | ‘’ 4 |
-------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/fullscreenButtonOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/fullscreenButtonOver.png -------------------------------------------------------------------------------- /jwplayer/glow/controlbar/normalscreenButtonOver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imathis/wp-life/HEAD/jwplayer/glow/controlbar/normalscreenButtonOver.png -------------------------------------------------------------------------------- /layouts/_header.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /partials/_no_search_results.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

No posts were found.

4 |

Try a different search?

5 |
6 |
-------------------------------------------------------------------------------- /partials/_not_found.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

Not Found

4 |

Sorry, but you are looking for something that isn't here.

5 |
6 |
-------------------------------------------------------------------------------- /layouts/_footer.php: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /layouts/page.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: http://rubygems.org/ 3 | specs: 4 | compass (0.10.5) 5 | haml (>= 3.0.4) 6 | haml (3.0.22) 7 | 8 | PLATFORMS 9 | ruby 10 | 11 | DEPENDENCIES 12 | compass 13 | -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | ssh_user = "user@host.com" # for rsync deployment 2 | remote_root = "~/document_root/" # for rsync deployment 3 | 4 | desc "push" 5 | task :push do 6 | system("rsync -avz --exclude-from=.rsync-exclude --delete . #{ssh_user}:#{remote_root}") 7 | end -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /stylesheets/style.sass: -------------------------------------------------------------------------------- 1 | /* Theme Name: wp-life 2 | /* Description: Simple minimal Theme for my family blog 3 | /* Author: Brandon Mathis 4 | /* Theme URI: http://github.com/imathis/wp-life 5 | /* Version: 1.0 6 | /* Tags: compass, sass, font-face, simple 7 | 8 | @import library/defaults 9 | @import partials/typography 10 | 11 | @import partials/layout 12 | @import partials/theme 13 | @import partials/page 14 | 15 | @import library/clearing-classes -------------------------------------------------------------------------------- /stylesheets/partials/_layout.sass: -------------------------------------------------------------------------------- 1 | $page-width: 682px 2 | $page-pad: 30px 3 | $page-border: 1px 4 | $inner-width: $page-width - ($page-pad * 2) 5 | 6 | .page-width 7 | @extend .clear 8 | width: $inner-width 9 | margin: 0 auto 10 | 11 | #page 12 | @extend .page-width 13 | padding: $page-pad 14 | 15 | #header 16 | @extend .page-width 17 | width: $page-width 18 | margin: 0 auto 19 | padding-top: 40px 20 | 21 | #footer 22 | padding-top: 20px 23 | text-align: center 24 | padding: $page-pad 0 -------------------------------------------------------------------------------- /partials/_comment.php: -------------------------------------------------------------------------------- 1 |
  • id="comment-"> 2 | comment_approved == '0'){ echo 'awaiting_approval';}?> 3 |

    4 | Posted by 5 | at 6 | 7 | comment_approved == '0'){ echo 'Awaiting Moderation';}?> 8 |

    9 |
    • -------------------------------------------------------------------------------- /stylesheets/library/_nocss3.sass: -------------------------------------------------------------------------------- 1 | // This helps you toggle CSS3 mixins to make sure your site design doesn't depend on them. 2 | // Simply import this file to turn off all css3 called with Compass mixins. 3 | // Comment out the import to turn them on again. 4 | 5 | =linear-gradient($no: 0, $no: 0, $no: 0, $no: 0) 6 | =box-shadow($no: 0, $no: 0, $no: 0, !no: 0) 7 | =text-shadow($no: 0, $no: 0, $no: 0, $no: 0) 8 | =border-radius($no: 0) 9 | =border-top-left-radius($no: 0) 10 | =border-top-right-radius($no: 0) 11 | =border-bottom-left-radius($no: 0) 12 | =border-bottom-right-radius($no: 0) -------------------------------------------------------------------------------- /Changelog.markdown: -------------------------------------------------------------------------------- 1 | ## 1.02 2 | - Added support for bundler and RVM. If you're not already using compass, setup is easier. 3 | - Fixed typography issue for ordered lists. 4 | - Added included the just released Modernizer 1.6 javascript library. 5 | 6 | ## 1.01 7 | 8 | I added an event listener to the html5 video player so that clicking anywhere on the video will begin preloading and enable autoplay. 9 | I did this because it resembles the typical behavior of common flash video players. I don't like having to click the play button twice. 10 | Once to load. A second time to play. 11 | 12 | ## 1.0 - Initial release -------------------------------------------------------------------------------- /config.rb: -------------------------------------------------------------------------------- 1 | # Require any additional compass plugins here. 2 | 3 | # Require any additional compass plugins here. 4 | # Set this to the root of your project when deployed: 5 | 6 | http_path = "/wp-content/themes/wp-life/" 7 | css_dir = "/" 8 | sass_dir = "/stylesheets" 9 | fonts_dir = "fonts" 10 | images_dir = "images" 11 | javascripts_dir = "javascripts" 12 | output_style = :compact # CSS is nice and compact 13 | line_comments = false # Tight 14 | 15 | # To enable relative paths to assets via compass helper functions. Uncomment: 16 | # relative_assets = true -------------------------------------------------------------------------------- /stylesheets/library/_defaults.sass: -------------------------------------------------------------------------------- 1 | @import compass 2 | +global-reset 3 | +reset-html5 4 | //@import library/nocss3 5 | 6 | 7 | //base classes 8 | .round-corners 9 | +border-radius(6px) 10 | .round-right-corners 11 | @extend .round-corners 12 | @extend .clear-left-rounding 13 | .round-left-corners 14 | @extend .round-corners 15 | @extend .clear-right-rounding 16 | .round-top-corners 17 | @extend .round-corners 18 | @extend .clear-bottom-rounding 19 | .round-bottom-corners 20 | @extend .round-corners 21 | @extend .clear-top-rounding 22 | 23 | .clear 24 | +pie-clearfix 25 | 26 | .hover-underline 27 | @extend .clear-underline 28 | &:hover 29 | text-decoration: underline -------------------------------------------------------------------------------- /partials/_archives_header.php: -------------------------------------------------------------------------------- 1 |
    2 | 3 | Archive for the ‘’ category 4 | 5 | Posts Tagged ‘’ 6 | 7 | Archive for 8 | 9 | Archive for 10 | 11 | Archive for 12 | 13 |
    -------------------------------------------------------------------------------- /stylesheets/library/_clearing-classes.sass: -------------------------------------------------------------------------------- 1 | .clear-text-shadow 2 | +text-shadow(none) 3 | .clear-box-shadow 4 | +box-shadow(none) 5 | .clear-link 6 | &:hover 7 | background: none 8 | .clear-underline 9 | text-decoration: none 10 | 11 | /* Clear border radius 12 | .clear-top-left-rounding 13 | +border-top-left-radius(0) 14 | .clear-top-right-rounding 15 | +border-top-right-radius(0) 16 | .clear-bottom-right-rounding 17 | +border-bottom-right-radius(0) 18 | .clear-bottom-left-rounding 19 | +border-bottom-left-radius(0) 20 | .clear-top-rounding 21 | @extend .clear-top-left-rounding 22 | @extend .clear-top-right-rounding 23 | .clear-bottom-rounding 24 | @extend .clear-bottom-left-rounding 25 | @extend .clear-bottom-right-rounding 26 | .clear-right-rounding 27 | @extend .clear-top-right-rounding 28 | @extend .clear-bottom-right-rounding 29 | .clear-left-rounding 30 | @extend .clear-top-left-rounding 31 | @extend .clear-bottom-left-rounding -------------------------------------------------------------------------------- /layouts/default.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
    7 | 26 | 30 |
    31 | 32 | 33 | -------------------------------------------------------------------------------- /stylesheets/partials/_theme.sass: -------------------------------------------------------------------------------- 1 | $body-bg: #e9f2f7 2 | $header-bg: #f5f5f5 3 | $page-bg: #fff 4 | $link-color: desaturate(#0c78d1, 40) 5 | $heading-color: #333 6 | 7 | html, body 8 | background-color: $body-bg 9 | color: #444 10 | 11 | h1 12 | a 13 | @extend .h1-font 14 | line-height: .8em 15 | text-decoration: none 16 | color: $heading-color 17 | letter-spacing: -1px 18 | padding-top: .11em 19 | +text-shadow(#fff, 1px, 1px, 1px) 20 | text-align: center 21 | & + p 22 | color: #666 23 | font-size: 1.3em 24 | text-align: center 25 | 26 | #page 27 | background: #fff 28 | border: 1px solid darken($body-bg, 4) 29 | +background-clip(padding-box) 30 | @extend .round-corners 31 | +box-shadow(darken($body-bg, 3), 0, 2px, 15px) 32 | a 33 | color: $link-color 34 | text-decoration: none 35 | &:hover 36 | text-decoration: underline 37 | 38 | #footer 39 | font-size: .9em 40 | color: desaturate(darken($body-bg, 20), 28) 41 | a 42 | color: desaturate(darken($body-bg, 28), 28) 43 | text-decoration: underline 44 | &:hover 45 | color: desaturate(darken($body-bg, 40), 28) -------------------------------------------------------------------------------- /partials/_post.php: -------------------------------------------------------------------------------- 1 | cat_name); 5 | ?> 6 | 7 |
    8 |
    9 |

    10 |
    11 | by 12 | 13 | edit 14 | 15 |
    16 |
    17 | 18 |
    19 |
    20 | 21 | 22 | 23 | 24 | 25 | 26 | Categorized under 27 | 28 |
    29 |
    30 | 31 |
    -------------------------------------------------------------------------------- /layouts/_head.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | <?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?> 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /stylesheets/partials/_typography.sass: -------------------------------------------------------------------------------- 1 | .sans-font 2 | font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif 3 | .serif-font 4 | font-family: Georgia, Times, "Times New Roman", serif 5 | .fixed-font 6 | font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace 7 | 8 | /* If you'd prefer to use ChunkFive (also free) switch them out below, or use whatever you want */ 9 | 10 | +font-face("Megalopolis", font-files("megalopolisextra", woff, "megalopolisextra.ttf", truetype, "megalopolisextra.svg#webfontTi2cg57S", svg), 'megalopolisextra.eot') 11 | //+font-face("ChunkFive", font-files("Chunkfive-webfont", woff, "Chunkfive-webfont.ttf", truetype, "Chunkfive-webfont.svg#webfontb5K2fJwj", svg), 'Chunkfive-webfont.eot') 12 | 13 | .heading-font 14 | font-family: 'Megalopolis', arial, serif 15 | font-style: normal 16 | font-weight: normal 17 | .h1-font 18 | @extend .heading-font 19 | 20 | 21 | strong 22 | font-weight: bold 23 | em 24 | font-style: italic 25 | body 26 | font-size: 16px 27 | @extend .sans-font 28 | line-height: 1.45em 29 | p 30 | padding-bottom: 1em 31 | 32 | #{headings(2,6)} 33 | @extend .heading-font 34 | margin-bottom: .1em 35 | line-height: 1.2em 36 | 37 | h6 38 | font-size: 1.1em 39 | h5 40 | font-size: 1.3em 41 | h4 42 | font-size: 1.5em 43 | h3 44 | font-size: 2em 45 | h2 46 | font-size: 3em 47 | h1 48 | font-size: 4.8em 49 | margin-bottom: 0 50 | p, ul, ol 51 | padding-bottom: 1.1em 52 | 53 | #sidebar 54 | h3 55 | font-size: 1.6em 56 | h4 57 | font-size: 1.3em 58 | 59 | #main 60 | ul 61 | list-style: inside disc 62 | ol 63 | list-style: inside decimal -------------------------------------------------------------------------------- /javascripts/site.js: -------------------------------------------------------------------------------- 1 | window.addEvent('domready', function() { 2 | html5toFlash(); 3 | captionizer(); 4 | }); 5 | 6 | function html5toFlash(){ 7 | var videos = $$('video'); 8 | if(!videos){return} 9 | videos.each(function(video){ 10 | source = video.getElement('source').get('src'); 11 | if(!source.contains('mp4') || !Modernizr.video.h264){ 12 | span = new Element('span', {'class':'video'}).wraps(video); 13 | flashvid = new Swiff(flashplayerlocation, { 14 | width : video.get('width').toInt(), 15 | height : video.get('height').toInt() + 29, 16 | params : { 17 | movie : source, 18 | wmode : "opaque", 19 | allowfullscreen : "true" 20 | }, 21 | vars : { 22 | file : source, 23 | image : video.get('poster'), 24 | skin : flashplayerskin 25 | }, 26 | container: span 27 | }); 28 | video.dispose(); 29 | } else if(video.get('preload') == "none"){ 30 | video.addEvent('click', function(event){ 31 | clickToLoad(video); 32 | }); 33 | } 34 | }) 35 | } 36 | 37 | function clickToLoad(video){ 38 | video.set('preload', true); 39 | if(!video.get('autoplay')){ 40 | video.set('autoplay', true); 41 | } 42 | video.removeEvent('click', clickToLoad); 43 | } 44 | 45 | function captionizer(){ 46 | //add captions from titles 47 | $$('img[title]').filter(function(img){ return !img.getParent('.gallery-item')}).each(function(image){ 48 | captionImage(image, image.get('title')); 49 | }); 50 | //add captions from quotes 51 | $$('q').each(function(caption){ 52 | text = caption.get('html'); 53 | target = caption.getPrevious('img') 54 | if(!target){ 55 | p = caption.getParent(); 56 | target = p.getPrevious().getLast('img') 57 | console.log(p) 58 | p.destroy(); 59 | } 60 | caption.destroy(); 61 | captionImage(target, text); 62 | }); 63 | 64 | } 65 | function captionImage(image, caption){ 66 | title = caption 67 | wrap = new Element('span', {'class':'img-wrap', 'styles':{'width':image.get('width').toInt()+'px'}}).wraps(image); 68 | new Element('span', {'class':'caption', 'html':title, 'styles':{'width':(image.get('width').toInt() - 10 )+'px'}}).inject(image, 'after'); 69 | } -------------------------------------------------------------------------------- /Readme.markdown: -------------------------------------------------------------------------------- 1 | # What is wp-life? 2 | 3 | I wrote a very minimal WordPress theme for my family blog. This is it. When I say minimal, I mean it. 4 | Here's a list of what **this doesn't have**: 5 | 6 | - A sidebar 7 | - Navigation 8 | - Search 9 | - Widgets 10 | - And More! 11 | 12 | ### Who is this for? 13 | 14 | Me. But you can use it too if you like. If you're like me and you want to make your family blog look nice, but you're sick of flipping through crappy free WordPress themes or suffering through editing a crappy free WordPress theme, just to share pictures of your son with your mother-in-law. Perhaps you'll like this instead. 15 | 16 | ### WordPress Themes suck (a short rant) 17 | 18 | I strongly dislike (to put it mildly) how nearly all WordPress themes are written. There is almost no concept of reuse built in, and WordPress uses annoying functions like get_header(); to basically import header.php. Changing your HTML layout usually means 19 | making the same edits across many different files. It just plain sucks. You already know this because you learned to write WordPress themes by modifying existing themes. 20 | 21 | With WordPress themes frequently HTML tags (like `
    `) opened in one file and closed in another file, which is liked through a magical WordPress function. This makes editing a real pain since you can use text editor folding, and you have to keep track 22 | of closed divs across multiple files. This leads to lots of inline HTML comments like `` scattered across the theme. 23 | Updating custom WordPress themes is a pain which typically involves messing about with replacing files over ftp. 24 | 25 | ### How WP-Life fixes that 26 | 27 | 1. **Layouts & Partials** - WordPress conditions call a simple render function using server site imports to create sensible layouts and partials. This maximizes reuse and allows for sensible HTML. 28 | 2. **Rsync Deployment** - Update the Rakefile with your hosting account's ssh username and theme path eg. "user@host.com" "~/document_root/wp-content/themes/wp-life". Then run `rake push` from the terminal to update your theme instantly. 29 | 3. **Compass/Sass** - Simple organized stylesheets with Compass and Sass. All my projects use this. Yours should too. 30 | 4. **Modernizer & HTML5 video support** - I'm using the HTML5 video element with h.264 and I'm not re-encoding my video for FireFox. Instead I'm using [Modernizer.js](http://modernizr.com) (included) to detect h.264 support and MooTools to swap out for a flash player using the same h.264 video. 31 | 5. **Captioned images** - If images have a title attribute set, that's all you need. I've written some javascript (in site.js) that adds nicely styled captions. Also if you prefer, you can add captions as a `` element after any image. The script will detect it and add it to the preceding image. 32 | 6. **Font-face** - For that custom-web flavor, I'm using CSS3's @font-face support (with free fonts from [FontSquirrel](http://fontsquirrel.com/)). Checkout /stylesheets/partials/_typography.sass to change this. 33 | 34 | ### Got a problem? 35 | 36 | If you have problems with it, I'll read issues posted on github or comments here — but I'm not going to hold your hand or anything. -------------------------------------------------------------------------------- /comments.php: -------------------------------------------------------------------------------- 1 | post_password)) { 7 | // and it doesn't match the cookie 8 | if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { ?> 9 |

    This post is password protected. Enter the password to view comments.

    10 | 16 | 17 |
    18 | 19 | 20 |

    21 |
      22 | 25 | 26 | comment_status) : ?> 27 |

      No Comments yet

      28 | 29 |

      Comments are closed.

      30 | 31 | 32 | 33 | 34 | 35 | comment_status) { ?> 36 |

      Leave a Comment

      37 | 38 |

      You must be logged in to post a comment.

      39 | 40 | 41 |

      Logged in as . Log out »

      42 | 43 | 44 |
      45 |
      46 | 47 |

      48 | 49 | 50 |

      51 |

      52 | 53 | 54 |

      55 |

      56 | 57 | 58 |

      59 | 60 |

      61 | 62 | 63 |

      64 |
      65 | 66 | 67 | ID); ?> 68 |
      69 | 70 | 71 |
    -------------------------------------------------------------------------------- /stylesheets/partials/_page.sass: -------------------------------------------------------------------------------- 1 | #page 2 | .post 3 | padding: 2.5em 0 4 | border-bottom: 1px solid $body-bg 5 | &:first-child 6 | padding-top: 0 7 | &.single .article 8 | padding-bottom: 2em 9 | border-bottom: 1px dashed $body-bg 10 | #{headings(2,6)} 11 | color: #444 12 | h2 13 | a 14 | color: #333 15 | &:hover 16 | color: $link-color 17 | a 18 | color: $link-color 19 | #comment-section 20 | border-top: 1px dashed #fff 21 | padding-top: 2em 22 | .pubdate 23 | padding: .2em .8em 24 | margin: .8em -.4em 1em 25 | background: $body-bg 26 | +border-radius(1.5em) 27 | +box-shadow(darken($body-bg, 5), 1px, 1px, 1px) 28 | .edit 29 | float: right 30 | color: desaturate(darken($body-bg, 30), 15) 31 | text-decoration: none 32 | &:hover 33 | background: none 34 | color: desaturate(darken($body-bg, 50), 15) 35 | .more-link 36 | background: lighten($body-bg, 2) 37 | @extend .heading-font 38 | +text-shadow(#fff) 39 | line-height: 1.5em 40 | padding: .5em 1em 41 | display: inline-block 42 | width: auto 43 | margin: 1em 0 44 | @extend .round-right-corners 45 | border: 1px dashed darken($body-bg, 4) 46 | border-left: 0 47 | &:hover 48 | background: darken($body-bg, 2) 49 | border-color: darken($body-bg, 8) 50 | text-decoration: none 51 | &:after 52 | content: '\FFEB' 53 | font-size: 1.3em 54 | padding-left: 5px 55 | .pagination 56 | @extend .clear 57 | padding-top: 1em 58 | @extend .heading-font 59 | .next, .prev 60 | a 61 | color: #888 62 | text-decoration: none 63 | &:hover 64 | color: $link-color 65 | .next 66 | display: inline-block 67 | float: right 68 | a:after 69 | content: '\FFEB' 70 | font-size: 1.5em 71 | padding-left: 5px 72 | 73 | .prev 74 | display: inline-block 75 | float: left 76 | a:before 77 | content: '\FFE9' 78 | font-size: 1.5em 79 | padding-right: 5px 80 | .post 81 | img, video, .video object 82 | max-width: $inner-width - 20px - 2px 83 | display: block 84 | background: #fff 85 | padding: 10px 86 | border: 1px solid #e5e5e5 87 | margin: 0 auto 88 | +box-shadow(#eee, 0, 2px, 5px) 89 | video, .video, .video object 90 | display: block 91 | .img-wrap + .img-wrap, img + img, video + video, .video + .video 92 | margin-top: 1em 93 | .img-wrap 94 | display: block 95 | background: #fff 96 | padding: 10px 97 | border: 1px solid #e5e5e5 98 | margin: 0 auto 99 | position: relative 100 | +box-shadow(#eee, 0, 2px, 5px) 101 | img 102 | display: block 103 | background: none 104 | padding: 0 105 | border: 0 106 | margin: 0 auto 107 | @extend .clear-box-shadow 108 | .caption 109 | color: #fff 110 | display: block 111 | background-color: #000 112 | background: rgba(0,0,0,.4) 113 | padding: .4em 5px 114 | text-align: center 115 | position: absolute 116 | bottom: 10px 117 | +text-shadow(rgba(0,0,0,.5)) 118 | &:before 119 | content: "\201c" 120 | padding-right: 2px 121 | &:after 122 | content: "\201d" 123 | padding-left: 2px -------------------------------------------------------------------------------- /jwplayer/glow/glow.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |