Compare commits

..

121 Commits
0.1.1 ... 0.9.2

Author SHA1 Message Date
3c1b7d68ec 2013 => 2014 2014-01-13 01:34:33 +01:00
9a261d1e93 Adding explicit favicon link 2014-01-12 21:52:21 +00:00
b7a6f81a18 Removed conditional author check
Because a post always has an author. Except when Ghost first runs, and there is the welcome post with no author. But in this case Ghost simply outputs nothing - I haven’t been able to make anything explode.
2014-01-10 17:00:41 +01:00
61cfb3064b Cleaned up comments and indentation 2014-01-10 16:59:27 +01:00
8b420d01a5 Add missing span to page template
Fixes #67
2014-01-10 16:31:25 +01:00
36fe40b9d7 Merge pull request #66 from mjbshaw/patch-1
Respect the blog URL (and subdirectory) in footer
2014-01-07 12:06:42 -08:00
0e1329f51f Respect the blog URL (and subdirectory) in footer 2014-01-07 12:31:32 -07:00
5c8fc51848 Adding encode helper to share link 2014-01-06 21:06:42 +00:00
054f138135 Merge pull request #61 from jitendravyas/master 2013-12-28 15:15:28 +00:00
97e23d1238 replaced to html5 charset tag
http-equiv="Content-Type" content="text/html" is invalid in HTML5.
2013-12-28 15:15:07 +00:00
2d539998d4 Make blog title and description more legible on light backgrounds
Adds a light shadow to blog title and description to give slightly more contrast between text and background when a cover image is used with a predominently light colour. This is not a complete fix, because heavy shadows do not lend to the aesthetic of Casper - however it does go some way to making a small improvement to legibility in most cases.

Related: https://github.com/TryGhost/Ghost/issues/1768
2013-12-28 14:09:01 +01:00
f503b7e5eb Merge pull request #62 from jitendravyas/patch-1
removed chrome frame option from meta tag
2013-12-28 03:13:36 -08:00
5b1e9c590f removed chrome frame option from meta tag
Google has discontinue the Chrome frame project so I suggest to remove it. Event HTML5 boilerplate has removed it 8fc26501f4
2013-12-28 16:25:38 +05:30
657f9fb749 More stupid fixes 2013-12-02 11:53:48 +01:00
11ddc30545 Fix moronic bug
Introduced by me in 9096fbd977
2013-12-02 11:49:26 +01:00
7bc3dfa7e6 Merge pull request #55 from halfdan/asset-helper
Use asset helper to generate paths.
2013-11-28 07:21:05 -08:00
b5819fd970 Use asset helper to generate paths.
fixes #54
2013-11-28 13:43:06 +00:00
e4e8b0d902 Merge pull request #53 from NullGeo/master
Update normalize.css to v2.1.3
2013-11-17 03:52:07 -08:00
9dcf734f04 Update normalize.css to v2.1.3 2013-11-16 23:43:35 -07:00
8b38234565 Rename LICENSE.txt to LICENSE 2013-11-14 14:48:35 +00:00
72c4010f32 Merge pull request #39 from egdelwonk/feature/969_page_template
Added page template to be compatible with pull #1139.
2013-11-06 12:31:32 -08:00
94f98f0d58 Replace Droid with Noto
Fixes #30 #46
2013-10-31 19:34:00 +01:00
2dcf64a8ce Proper spacing for iframe embeds and responsive videos 2013-10-31 19:22:54 +01:00
38be6803b4 Cleanup 2013-10-31 19:09:15 +01:00
9096fbd977 Remove unscoped IDs
Fixes #15
2013-10-31 19:07:10 +01:00
4616c5bd1d Responsive videos by default u guyz 2013-10-31 18:35:57 +01:00
0a7074a716 Oops 2013-10-30 16:56:55 +01:00
928e7e3ffe Make the single post view less shit when there's no blog logo 2013-10-30 16:55:54 +01:00
92ff4f4145 Merge pull request #51 from cobbspur/prefix
Uses prefix for tag helper
2013-10-28 01:41:25 -07:00
7aee698a98 Uses prefix for tag helper 2013-10-27 09:42:52 +00:00
fec0cc6ca6 Merge pull request #48 from willglynn/code_wrapping
<code>/<tt> elements should wrap since they're used inline
2013-10-26 09:19:10 -07:00
23a97124ab <code>/<tt> elements should wrap since they're used inline 2013-10-25 08:29:57 -05:00
a930d49bc3 Enhanced copyright date to be dynamic
Closes #41
2013-10-18 19:52:29 +02:00
692166bc2a Fix positioning/rendering 2013-10-18 19:49:36 +02:00
d504ec0a16 Fix incorrect icon font implementation
Closes #35
2013-10-18 19:42:50 +02:00
06aee0b2c5 Merge pull request #42 from marchdoe/master
Extra semicolon
2013-10-18 10:35:55 -07:00
6ae7958315 Merge pull request #43 from chanster-net/master
Fixed invalid meta tag
2013-10-18 10:35:43 -07:00
58efcd6777 Fixed invalid meta tag. charset should be declared in the content attribute. 2013-10-18 10:08:42 -05:00
09061d71f0 Extra semicolon
Deleting an extra semicolon.
2013-10-17 23:26:54 -04:00
2ca7344203 Added page template to be compatible with pull #1139. 2013-10-17 12:54:08 -05:00
d70beddd28 Merge pull request #31 from alicoding/master
Auto height for img in post-content
2013-10-15 00:58:45 -07:00
fa41e47672 Merge pull request #28 from JoeBonham/patch-1
Replaced table.plain LESS with equivalent CSS
2013-10-14 13:29:13 -07:00
8c52f22c9b Auto height for img in post-content 2013-10-14 12:16:00 -04:00
4b334adf8a Fixed table.plain css
Looked to be LESS formatted CSS that hadn't been compiled. Just replaced with the equivalent compiled CSS.
2013-10-14 14:20:16 +01:00
10beda3f6c Consistently use triple braces for post titles 2013-10-09 19:28:59 +01:00
6096654136 Updating ghost link 2013-10-06 17:49:48 +02:00
436f94e9a9 Moving webfonts from http:// to //
https://en.ghost.org/forum/bugs-suggestions/475-suggestion-remove-system-dependence-on-google-web-fonts
2013-10-04 09:52:54 +02:00
c4c276653d Fix line-wrapping on gists 2013-09-27 16:59:50 +02:00
3b5443a97c Dropped old image fixtures 2013-09-27 10:59:09 +02:00
60cf743042 Merge pull request #27 from Japh/patch-1
Update README.md
2013-09-25 07:13:33 -07:00
c2fcb94502 Update README.md
Fixes typo.
2013-09-25 23:28:23 +10:00
9ef17def42 Tweak to make gist embeds work with 100+ lines 2013-09-24 09:43:11 +02:00
bd71951dbb Updated CSS Table of Contents 2013-09-24 09:28:59 +02:00
ded174bab0 Added support for github gist embeds
Fixes #26
2013-09-24 09:21:52 +02:00
2bd73d696a Share icons open dialog
g+ icon works and all 3 open in a dialog
2013-09-18 00:31:21 +01:00
aa1fa8b445 Merge pull request #23 from cobbspur/meta
Adds {{meta_title}} and {{meta_description}} to casper theme
2013-09-17 15:14:34 -07:00
ff9f091cd3 Adds {{meta_title}} and {{meta_description}} to casper theme
- uses meta_title and meta_description helpers rather than @blog.title
2013-09-17 23:13:49 +01:00
ca7eb5ad03 Add G+ share link 2013-09-17 11:44:19 +01:00
30dce03e86 Assets need slashes 2013-09-15 17:50:23 +01:00
9aaa0ec17a Wiring up blog cover image 2013-09-09 18:07:19 +01:00
74dfeb37b0 Responsive styles to fix broken pagination on mobile 2013-09-08 22:59:40 +02:00
19ed4267fe Updating {{url}} helper to working syntax 2013-09-06 18:50:23 +01:00
1f1e2062b7 Merge pull request #21 from sethlilly/theme-development
Removed closing slash in description `meta` tag
2013-09-04 14:40:18 -07:00
51634b8059 Added self-closing tags to header
Added self-closing tags to header

Reverses commit 13e9620

- Self-closed tags in the header per Ghost code spec
2013-09-04 15:45:35 -04:00
13e9620d0f Removed closing slash in description meta tag
Removed closing slash in description `<meta>` tag

- Self-closing tag removed as it is unnecessary in HTML5.
2013-09-04 15:33:32 -04:00
f1f2b54c07 Added RSS 2013-09-04 18:04:33 +02:00
618eba0e2f Theme helper blitz
- date no longer requires published_at
- author.name now works.. so using for consistency
- url has absolute flag
- other misc fixes
2013-09-02 22:59:53 +01:00
dc89697827 Changing settings to use the new @blog global 2013-09-02 22:59:53 +01:00
24f12d1656 Added new author/logo helpers, stripped static blog cover image 2013-09-02 22:59:53 +01:00
1be2a199e3 New conditional logo helper 2013-09-02 22:59:53 +01:00
0e30340610 Tweaking comments in default template 2013-09-02 22:59:52 +01:00
53c55fe95c New tags helper 2013-09-02 22:59:52 +01:00
c068736354 Correcting cover image 2013-09-02 22:59:52 +01:00
03d79be55e New global footer 2013-09-02 22:59:52 +01:00
b4aba43c97 Fixing relative URL bugs 2013-09-02 22:59:52 +01:00
f8be958835 Fixing license wording in readme 2013-09-02 22:59:52 +01:00
cc40f640e2 Standardising license text. 2013-09-02 22:59:52 +01:00
5f3d55ef7a First pass at properly documenting CSS and making it human readable 2013-09-02 22:59:52 +01:00
2ef2ff68bf Added descriptive handlebars comments to help new developers 2013-09-02 22:59:52 +01:00
d93a50d48b New Stylez
* New pagination styles
* Refactored footer to global footer
* Introduced new RSS subscription tooltip
2013-09-02 22:59:52 +01:00
49e774889c Full refactor 2013-09-02 22:59:52 +01:00
5234629a60 Rework header/typography/icons 2013-09-02 22:59:52 +01:00
788c8ebff0 Tweaky 2013-09-02 22:59:51 +01:00
bf1dd0e9d4 THE NEXT ONE
* Introducing icon fonts
* New post footer
* Many responsive refinements and enhancements
* Few new helpers
2013-09-02 22:59:51 +01:00
b5021db970 The new header
* Experimental new Ghost watermark
* Ghost icon navigational styles
* Enhanced responsive styles
2013-09-02 22:59:51 +01:00
85b74ea393 Next pass on Casper refactor
* New Helpers
* Updated Helpers
* New reponsive header styles
* New global blog icon
* Responsive styles adjustments
2013-09-02 22:59:51 +01:00
fa61f74ce9 Dropping version number from readme 2013-09-02 22:59:51 +01:00
2b847c0530 Massive overhaul / update.
Introducing
* New helpers
* New header image
* Responsive / mobile styles
* Mobile device metatags and optimisations
* Initial blog icon support
* Restyled homepage feed
2013-09-02 22:59:51 +01:00
75c3ad7f1b Prevent header image from being selectable 2013-09-02 22:59:51 +01:00
701746c102 Move home header image to inline img / refactor headings 2013-09-02 22:59:51 +01:00
4f1ff59839 Introducing new typographic styles + code cleanup 2013-09-02 22:59:51 +01:00
2faa6612b7 Tweak. 2013-09-02 22:59:51 +01:00
43d1e2723f Fixed word breaking bug
See TryGhost/Ghost@044cf21887
2013-09-02 22:59:50 +01:00
d6fec8d50f First pass at new Casper homepage 2013-09-02 22:59:50 +01:00
fd4aebe2e2 Break long words to new line.
Closes #16
2013-09-02 22:59:23 +01:00
73fc435125 Animation tweak 2013-09-02 22:59:23 +01:00
802bb02c63 Minor footer style tweaks and added new RSS/subscription button 2013-09-02 22:59:23 +01:00
21d2a929a9 Second pass on Casper refactor, added new footer areas on single post view. 2013-09-02 22:59:23 +01:00
e4ce16b517 First pass at refactoring styles 2013-09-02 22:59:23 +01:00
e8080571bd Updated Normalize.css from v1.0.2 to v2.1.2 2013-09-02 22:59:23 +01:00
61a960d03f Cleaning 2013-09-02 22:59:23 +01:00
2d5ce92bab Removed old stylesheet defaults 2013-09-02 22:57:55 +01:00
586b52bb21 Removed old image fixtures 2013-09-02 22:57:55 +01:00
9ca4564cb2 Removed concept of partials from Casper. For now. 2013-09-02 22:57:55 +01:00
820b222f8e Changed theme structure. Moved all assets into /assets/ 2013-09-02 22:56:52 +01:00
1fb478234a Byebye old fonts 2013-09-02 22:56:52 +01:00
1c7055de76 Kill off jQuery. Should be calling in Ghost's native/shared jQuery file. Also - lib folder in a theme dir - ew. 2013-09-02 22:56:52 +01:00
87e772c268 Merge pull request #18 from cobbspur/date
helper name changes for casper
2013-08-22 13:54:45 -07:00
7214380abd helper name changes for casper
closes #17

- changed pagination and date in handlebars templates
2013-08-22 21:45:00 +01:00
cebd42fc51 Removing accidental commit 2013-08-07 12:06:16 +01:00
0c94300d4a Casper now displays logo if one is uploaded 2013-08-06 22:17:58 +01:00
ad877308d4 Replacing weird svg font file with the original and correct file 2013-07-27 14:22:45 +01:00
16d9029acc Ghost id in css causes errors
- fixes #265
- I've just removed this css as I can't see anywhere in casper where it will be needed.
- Using id's in theme css should be pretty much banned, or always tightly scoped away from the content so as not to clash with markdown
2013-07-14 17:16:04 +01:00
8990d7598d Milestone 0.2.0 version bump 2013-07-12 00:10:09 +01:00
97a24a07fb Ghost issue 246 part 12
- renaming single.hbs to post.hbs
2013-07-11 17:50:01 +01:00
09295abe40 Ghost issue 254 adds a helper for content
- Removed triple taches from content as they are no longer required
2013-07-11 17:09:45 +01:00
e40d3e2680 Ghost issue 253 changed content_html to just content
This update to casper matches that change
2013-07-11 16:28:58 +01:00
cffc941b6b HTML helpers refactor - issue #246 item 2
- Helpers no longer require data to be passed explicitly to them
2013-07-11 01:28:04 +01:00
5d770ffe10 HTML helpers work with double taches - issue #246 item 1.
- updating casper to use 2 taches for pagination helper
2013-07-09 16:31:44 +01:00
93072a6d9b Merge pull request #14 from cobbspur/casperpage
closes issue #13 pagination
2013-06-25 09:46:25 -07:00
229ab70899 closes issue #13 pagination
- adds pagination to homepage
2013-06-25 16:20:22 +01:00
35 changed files with 1703 additions and 2940 deletions

View File

@ -1,4 +1,4 @@
Copyright (c) 2013 The Ghost Foundation
Copyright (c) 2014 Ghost Foundation - Released under The MIT License.
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
@ -19,4 +19,4 @@ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
OTHER DEALINGS IN THE SOFTWARE.

View File

@ -1,14 +1,14 @@
# Casper v0.1.1
# Casper
The default theme for [Ghost](http://github.com/tryghost/ghost/).
## Copyright & License
Copyright (C) 2013 The Ghost Foundation - Released under the MIT Lincense.
Copyright (C) 2014 Ghost Foundation - Released under the MIT License.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

406
assets/css/normalize.css vendored Normal file
View File

@ -0,0 +1,406 @@
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0; /* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}

952
assets/css/screen.css Normal file
View File

@ -0,0 +1,952 @@
/* ==========================================================================
Table of Contents
========================================================================== */
/*
0. Includes
1. Icons
2. General
3. Utilities
4. General
5. Single Post
6. Third Party Elements
7. Pagination
8. Footer
9. Media Queries (Tablet)
10. Media Queries (Mobile)
*/
/* ==========================================================================
0. Includes - Ground zero
========================================================================== */
@import url(normalize.css);
/* ==========================================================================
1. Icons - Sets up the icon font and respective classes
========================================================================== */
/* Import the font file with the icons in it */
@font-face {
font-family: 'icons';
src:url('../fonts/icons.eot');
src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
url('../fonts/icons.woff') format('woff'),
url('../fonts/icons.ttf') format('truetype'),
url('../fonts/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Apply these base styles to all icons */
.icon-ghost:before,
.icon-feed:before,
.icon-twitter:before,
.icon-google-plus:before,
.icon-facebook:before {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
text-decoration: none;
}
/* Each icon is created by inserting the corret character into the
content of the :before pseudo element. Like a boss. */
.icon-ghost:before {
content: "\e000";
}
.icon-feed:before {
content: "\e001";
}
.icon-twitter:before {
content: "\e002";
font-size: 1.1em;
}
.icon-google-plus:before {
content: "\e003";
}
.icon-facebook:before {
content: "\e004";
}
/* ==========================================================================
2. General - Setting up some base styles
========================================================================== */
html {
height: 100%;
max-height: 100%;
font-size: 62.5%;
}
body {
height: 100%;
max-height: 100%;
font-family: 'Noto Serif', serif;
font-size: 2.0rem;
line-height: 1.6em;
color: #3A4145;
}
::-moz-selection {
color: #222;
background: #D6EDFF;
text-shadow: none;
}
::selection {
color: #222;
background: #D6EDFF;
text-shadow: none;
}
h1, h2, h3,
h4, h5, h6 {
text-rendering: optimizeLegibility;
line-height: 1;
margin-top: 0;
font-family: 'Open Sans', sans-serif;
}
h1 {
font-size: 5rem;
line-height: 1.2em;
letter-spacing: -2px;
text-indent: -3px;
}
h2 {
font-size: 4rem;
line-height: 1.2em;
letter-spacing: -1px;
text-indent: -2px;
}
h3 {
font-size: 3.5rem;
}
h4 {
font-size: 3rem;
}
h5 {
font-size: 2.5rem;
}
h6 {
font-size: 2rem;
}
a {
color: #4a4a4a;
transition: color ease 0.3s;
}
a:hover {
color: #57A3E8;
}
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
color: #50585D;
}
p, ul, ol, dl {
margin: 1.6em 0;
}
ol ol, ul ul,
ul ol, ol ul {
margin: 0.4em 0;
}
dl dt {
float: left;
width: 180px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
margin-bottom: 1em
}
dl dd {
margin-left: 200px;
margin-bottom: 1em
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #efefef;
margin: 3.2em 0;
padding: 0;
}
blockquote {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1.6em 0 1.6em -2.2em;
padding: 0 0 0 1.6em;
border-left: #4a4a4a 0.4em solid;
}
blockquote p {
margin: 0.8em 0;
font-style: italic;
}
blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size:0.9em;
color: #ccc;
}
blockquote small:before { content: '\2014 \00A0'; }
blockquote cite {
font-weight:bold;
}
blockquote cite a { font-weight: normal; }
mark {
background-color: #ffc336;
}
code, tt {
padding: 1px 3px;
font-family: Inconsolata, monospace, sans-serif;
font-size: 0.85em;
white-space: pre-wrap;
border: 1px solid #E3EDF3;
background: #F7FAFB;
border-radius: 2px;
}
pre {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1.6em 0;
border: 1px solid #E3EDF3;
width: 100%;
padding: 10px;
font-family: Inconsolata, monospace, sans-serif;
font-size: 0.9em;
white-space: pre;
overflow: auto;
background: #F7FAFB;
border-radius: 3px;
}
pre code, tt {
font-size: inherit;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
background: transparent;
border: none;
padding: 0;
}
kbd {
display: inline-block;
margin-bottom: 0.4em;
padding: 1px 8px;
border: #ccc 1px solid;
color: #666;
text-shadow: #fff 0 1px 0;
font-size: 0.9em;
font-weight: bold;
background: #f4f4f4;
border-radius: 4px;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
0 1px 0 0 #fff inset;
}
table {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 1.6em 0;
width:100%;
max-width: 100%;
background-color: transparent;
}
table th,
table td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #efefef;
}
table th { color: #000; }
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
border-top: 0;
}
table tbody + tbody { border-top: 2px solid #efefef; }
table table table { background-color: #fff; }
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #f6f6f6;
}
table.plain tbody > tr:nth-child(odd) > td,
table.plain tbody > tr:nth-child(odd) > th {
background: transparent;
}
iframe, .fluid-width-video-wrapper {
display: block;
margin: 1.6em 0;
}
/* When a video is inside the fitvids wrapper, drop the
margin on the iframe, cause it breaks stuff. */
.fluid-width-video-wrapper iframe {
margin: 0;
}
/* ==========================================================================
3. Utilities - These things get used a lot
========================================================================== */
/* Hides shit */
.hidden {
text-indent: -9999px;
visibility: hidden;
display: none;
}
/* Creates a responsive wrapper that makes our content scale nicely */
.inner {
position: relative;
width: 80%;
max-width: 700px;
margin: 0 auto;
}
/* Centres vertically yo. (IE8+) */
.vertical {
display: table-cell;
vertical-align: middle;
}
/* ==========================================================================
4. General - The main styles for the the theme
========================================================================== */
/* Big cover image on the home page */
.site-head {
position: relative;
display: table;
width: 100%;
height: 60%;
margin-bottom: 5rem;
text-align: center;
color: #fff;
background: #303538 no-repeat center center;
background-size: cover;
}
.blog-logo {
text-decoration: none;
}
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
.blog-logo img {
display: block;
max-height: 100px;
width: auto;
margin: 0 auto;
line-height: 0;
}
/* The details of your blog. Defined in ghost/settings/ */
.blog-title {
margin: 10px 0 10px 0;
font-size: 5rem;
letter-spacing: -1px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
text-shadow: 0 1px 6px rgba(0,0,0,0.1);
}
.blog-description {
margin: 0;
font-size: 1.8rem;
line-height: 1.5em;
font-weight: 300;
font-family: 'Noto Serif', serif;
letter-spacing: 0;
text-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
/* Every post, on every page, gets this style on its <article> tag */
.post {
position: relative;
width:80%;
max-width: 700px;
margin: 4rem auto;
padding-bottom: 4rem;
border-bottom: #EBF2F6 1px solid;
word-break: break-word;
hyphens: auto;
}
/* Add a little circle in the middle of the border-bottom on our .post
just for the lolz and stylepoints. */
.post:after {
display: block;
content: "";
width: 7px;
height: 7px;
border: #E7EEF2 1px solid;
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
background: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
box-shadow: #fff 0 0 0 5px;
}
.post-title {
margin:0;
}
.post-title a {
text-decoration: none;
}
.post-excerpt p {
margin: 1.6rem 0 0 0;
font-size: 0.9em;
line-height: 1.6em;
}
.post-meta {
display: inline-block;
margin: 0 0 5px 0;
font-family: 'Open Sans', sans-serif;
font-size: 1.5rem;
color: #9EABB3;
}
.post-meta a {
color: #9EABB3;
text-decoration: none;
}
.post-meta a:hover {
text-decoration: underline;
}
.user-meta {
position: relative;
padding: 0.3rem 40px 0 100px;
min-height: 77px;
}
.user-image {
position: absolute;
top: 0;
left: 0;
}
.user-name {
display: block;
font-weight: bold;
}
.user-bio {
display: block;
max-width: 440px;
font-size: 1.4rem;
line-height: 1.5em;
}
.publish-meta {
position: absolute;
top: 0;
right: 0;
padding: 4.3rem 0 4rem 0;
text-align: right;
}
.publish-heading {
display: block;
font-weight: bold;
}
.publish-date {
display: block;
font-size: 1.4rem;
line-height: 1.5em;
}
/* ==========================================================================
5. Single Post - When you click on an individual post
========================================================================== */
/* Tweak the .post wrapper style */
.post-template .post {
margin-top: 0;
border-bottom: none;
padding-bottom: 0;
}
/* Kill that stylish little circle that was on the border, too */
.post-template .post:after {
display: none;
}
/* Insert some mad padding up in the header for better spacing */
.post-template .post-header {
padding: 60px 0;
text-align: center;
}
.post-template .blog-title {
display: inline-block;
padding: 2.5rem 0;
}
/* Keep large images within the bounds of the post-width */
.post-content img {
display: block;
max-width: 100%;
margin: 0 auto;
height: auto;
}
/* The author credit area after the post */
.post-footer {
position: relative;
margin: 4rem 0 0 0;
padding: 4rem 0 0 0;
border-top: #EBF2F6 1px solid;
}
.post-footer h4 {
font-size: 1.8rem;
margin: 0;
}
.post-footer p {
margin: 1rem 0;
font-size: 1.4rem;
line-height: 1.6em;
}
/* Create some space to the right for the share links */
.post-footer .author {
margin-right: 180px;
}
/* Drop the share links in the space to the right.
Doing it like this means it's easier for the author bio
to be flexible at smaller screen sizes while the share
links remain at a fixed width the whole time */
.post-footer .share {
position: absolute;
top: 4rem;
right: 0;
width: 140px;
}
.post-footer .share a {
font-size: 1.8rem;
display: inline-block;
margin: 1.4rem 1.6rem 1.6rem 0;
color: #BBC7CC;
text-decoration: none;
}
.post-footer .share a:hover {
color: #50585D;
}
/* ==========================================================================
6. Third Party Elements - Embeds from other services
========================================================================== */
/* Github */
.gist table {
margin: 0;
font-size: 1.4rem;
}
.gist .line-number {
min-width: 25px;
font-size: 1.1rem;
}
/* ==========================================================================
7. Pagination - Tools to let you flick between pages
========================================================================== */
/* The main wrapper for our pagination links */
.pagination {
position: relative;
width: 80%;
max-width: 700px;
margin: 4rem auto;
font-family: 'Open Sans', sans-serif;
font-size: 1.3rem;
color: #9EABB3;
text-align: center;
}
.pagination a {
color: #9EABB3;
}
/* Push the previous/next links out to the left/right */
.older-posts,
.newer-posts {
position: absolute;
display: inline-block;
padding: 0 15px;
border: #EBF2F6 2px solid;
text-decoration: none;
border-radius: 30px;
transition: border ease 0.3s;
}
.older-posts {
right: 0;
}
.page-number {
display: inline-block;
padding: 2px 0;
}
.newer-posts {
left: 0;
}
.older-posts:hover,
.newer-posts:hover {
border-color: #9EABB3;
}
/* ==========================================================================
8. Footer - The bottom of every page
========================================================================== */
.site-footer {
position: relative;
margin: 8rem 0 0 0;
padding: 4rem 0;
border-top: #EBF2F6 1px solid;
font-family: 'Open Sans', sans-serif;
font-size: 1.3rem;
line-height: 1.7em;
color: #BBC7CC;
text-align: center;
background: #F7FAFB;
}
.site-footer a {
color: #BBC7CC;
text-decoration: underline;
}
.site-footer a:hover {
color: #50585D;
}
.poweredby .icon-ghost {
font-weight: 700;
text-decoration: none;
}
.poweredby .icon-ghost:hover {
text-decoration: none;
}
.poweredby .icon-ghost:before {
font-size: 1rem;
margin-right: 0.2em;
}
/* The subscribe icon on the footer */
.subscribe {
width: 28px;
height: 28px;
position: absolute;
top: -14px;
left: 50%;
margin-left: -15px;
border: #EBF2F6 1px solid;
text-align: center;
line-height: 2.4rem;
border-radius: 50px;
background: #fff;
transition: box-shadow 0.5s;
}
/* The RSS icon, inserted via icon font */
.subscribe:before {
color: #D2DEE3;
font-size: 10px;
position: absolute;
top: 9px;
left: 9px;
font-weight: bold;
transition: color 0.5s ease;
}
/* Add a box shadow to on hover */
.subscribe:hover {
box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
transition: box-shadow 0.25s;
}
.subscribe:hover:before {
color: #50585D;
}
/* CSS tooltip saying "Subscribe!" - initially hidden */
.tooltip {
opacity:0;
display: inline-block;
padding: 4px 8px 5px 8px;
position:absolute;
top: -23px;
left: -21px;
color: rgba(255,255,255,0.9);
font-size: 1.1rem;
line-height: 1em;
text-align: center;
background: #50585D;
border-radius:20px;
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
transition: opacity 0.3s ease, top 0.3s ease;
}
/* The little chiclet arrow under the tooltip, pointing down */
.tooltip:after {
content:"";
border-width:5px 5px 0 5px;
border-style:solid;
border-color: #50585D transparent;
display:block;
position:absolute;
bottom:-4px;
left:50%;
margin-left:-5px;
z-index: 220;
width:0;
}
/* On hover, show the tooltip! */
.subscribe:hover .tooltip {
opacity: 1;
top: -33px;
}
/* ==========================================================================
9. Media Queries - Smaller than 900px
========================================================================== */
@media only screen and (max-width: 900px) {
blockquote {
margin-left: 0;
}
.site-head {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
min-height: 240px;
padding: 15% 0;
}
.blog-title {
font-size: 4rem;
letter-spacing: -1px;
}
.blog-description {
font-size: 1.7rem;
line-height: 1.5em;
}
.post {
font-size: 0.9em;
line-height: 1.6em;
}
.post-template .post {
padding-bottom: 1rem;
}
.post-template .post-header {
padding: 40px 0;
}
h1 {
font-size: 4.8rem;
text-indent: -2px;
}
h2 {
font-size: 3.8rem;
}
h3 {
font-size: 3.3rem;
}
h4 {
font-size: 2.8rem;
}
}
/* ==========================================================================
10. Media Queries - Smaller than 500px
========================================================================== */
@media only screen and (max-width: 500px) {
.blog-logo img {
max-height: 80px;
}
.inner,
.pagination {
width: auto;
margin-left: 16px;
margin-right: 16px;
}
.post {
width:auto;
margin-left: 16px;
margin-right: 16px;
font-size: 0.8em;
line-height: 1.6em;
}
.site-head {
padding: 10% 0;
}
.blog-title {
font-size: 3rem;
}
.blog-description {
font-size: 1.5rem;
}
h1, h2 {
font-size: 3rem;
line-height: 1.1em;
letter-spacing: -1px;
}
h3 {
font-size: 2.8rem;
}
h4 {
font-size: 2.3rem;
}
.post-template .post {
padding-bottom: 0;
}
.post-template .post-header {
padding: 30px 0;
}
.post-meta {
font-size: 1.3rem;
}
.post-footer {
padding: 4rem 0;
text-align: center;
}
.post-footer .author {
margin: 0 0 2rem 0;
padding: 0 0 1.6rem 0;
border-bottom: #EBF2F6 1px dashed;
}
.post-footer .share {
position: static;
width: auto;
}
.post-footer .share a {
margin: 1.4rem 0.8rem 0 0.8rem;
}
.older-posts,
.newer-posts {
position: static;
margin: 10px 0;
}
.page-number {
display: block;
}
.site-footer {
margin-top: 6rem;
font-size: 1.1rem;
}
}
/* ==========================================================================
End of file. Media queries should be the last thing here. Do not add stuff
below this point, or it will probably fuck everything up.
========================================================================== */

View File

@ -0,0 +1,41 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
This is a custom SVG font generated by IcoMoon.
<iconset grid="16"></iconset>
</metadata>
<defs>
<font id="icons" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
<glyph unicode="&#xe001;" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32
z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4
C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" data-tags="feed, rss" />
<glyph unicode="&#xe002;" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
C 480.11,343.227, 497.918,361.727, 512,382.791z" data-tags="twitter, tweet, social" />
<glyph unicode="&#xe003;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
<glyph unicode="&#xe004;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
L 435.296,224z" data-tags="facebook, social" />
<glyph unicode="&#xe000;" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" data-tags="ghst" />
<glyph unicode="&#x20;" horiz-adv-x="256" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
assets/fonts/icons.eot Normal file

Binary file not shown.

41
assets/fonts/icons.svg Normal file
View File

@ -0,0 +1,41 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
This is a custom SVG font generated by IcoMoon.
<iconset grid="16"></iconset>
</metadata>
<defs>
<font id="icons" horiz-adv-x="512" >
<font-face units-per-em="512" ascent="480" descent="-32" />
<missing-glyph horiz-adv-x="512" />
<glyph class="hidden" unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
<glyph unicode="&#xe001;" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32
z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4
C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" />
<glyph unicode="&#xe002;" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
C 480.11,343.227, 497.918,361.727, 512,382.791z" />
<glyph unicode="&#xe003;" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" />
<glyph unicode="&#xe004;" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
L 435.296,224z" />
<glyph unicode="&#xe000;" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" />
<glyph unicode="&#x20;" horiz-adv-x="256" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
assets/fonts/icons.ttf Normal file

Binary file not shown.

BIN
assets/fonts/icons.woff Normal file

Binary file not shown.

15
assets/js/index.js Normal file
View File

@ -0,0 +1,15 @@
/**
* Main JS file for Casper behaviours
*/
/*globals jQuery, document */
(function ($) {
"use strict";
$(document).ready(function(){
$(".post-content").fitVids();
});
}(jQuery));

74
assets/js/jquery.fitvids.js Executable file
View File

@ -0,0 +1,74 @@
/*global jQuery */
/*jshint multistr:true browser:true */
/*!
* FitVids 1.0.3
*
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
*
* Date: Thu Sept 01 18:00:00 2011 -0500
*/
(function( $ ){
"use strict";
$.fn.fitVids = function( options ) {
var settings = {
customSelector: null
};
if(!document.getElementById('fit-vids-style')) {
var div = document.createElement('div'),
ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
cssStyles = '&shy;<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>';
div.className = 'fit-vids-style';
div.id = 'fit-vids-style';
div.style.display = 'none';
div.innerHTML = cssStyles;
ref.parentNode.insertBefore(div,ref);
}
if ( options ) {
$.extend( settings, options );
}
return this.each(function(){
var selectors = [
"iframe[src*='player.vimeo.com']",
"iframe[src*='youtube.com']",
"iframe[src*='youtube-nocookie.com']",
"iframe[src*='kickstarter.com'][src*='video.html']",
"object",
"embed"
];
if (settings.customSelector) {
selectors.push(settings.customSelector);
}
var $allVideos = $(this).find(selectors.join(','));
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
$allVideos.each(function(){
var $this = $(this);
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
aspectRatio = height / width;
if(!$this.attr('id')){
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
$this.attr('id', videoID);
}
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
$this.removeAttr('height').removeAttr('width');
});
});
};
// Works with either jQuery or Zepto
})( window.jQuery || window.Zepto );

View File

@ -1,267 +0,0 @@
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #ff0054;
color:#fff;
text-shadow: none;
}
::selection {
background: #ff0054;
color:#fff;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #dadada;
margin: 3em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden,
.screen-reader-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/*
* Some standard WordPress classes commonly used by themes/plugins.
*/
.alignleft {
float:left;
}
.alignright {
float:right;
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}

View File

@ -1,11 +0,0 @@
@font-face {
font-family: 'galette';
src: url('../fonts/galette-med-webfont.eot');
src: url('../fonts/galette-med-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/galette-med-webfont.woff') format('woff'),
url('../fonts/galette-med-webfont.ttf') format('truetype'),
url('../fonts/galette-med-webfont.svg#galetteregular') format('svg');
font-weight: normal;
font-style: normal;
}

511
css/normalize.css vendored
View File

@ -1,511 +0,0 @@
/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
margin: 1.5em 0;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 2em;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 2em;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li {
padding:0;
margin-top:5px;
line-height: 1.6em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}

File diff suppressed because it is too large Load Diff

View File

@ -1,19 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{{settings.title}} | {{settings.description}}</title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
{{! Document Settings }}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/js/index.js"></script>
{{! Page Meta }}
<title>{{meta_title}}</title>
<meta name="description" content="{{meta_description}}" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="{{asset "favicon.ico"}}">
{{! Styles'n'Scripts }}
<link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic|Open+Sans:700,400" />
{{! Ghost outputs important style and meta data with this tag }}
{{ghost_head}}
</head>
<body>
<header>
<a id="title" href="/">{{settings.title}}</a>
<p id="description">{{settings.description}}</p>
<div class="clearfix"></div>
</header>
<body class="{{body_class}}">
{{! Everything else gets inserted here }}
{{{body}}}
<footer class="site-footer">
<a class="subscribe icon-feed" href="{{@blog.url}}/rss/"><span class="tooltip">Subscribe!</span></a>
<div class="inner">
<section class="copyright">All content copyright <a href="{{@blog.url}}/">{{@blog.title}}</a> &copy; {{date format="YYYY"}} &bull; All rights reserved.</section>
<section class="poweredby">Proudly published with <a class="icon-ghost" href="http://ghost.org">Ghost</a></section>
</div>
</footer>
{{! Ghost outputs important scripts and data with this tag }}
{{ghost_foot}}
{{! The main JavaScript file for Casper }}
<script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
<script type="text/javascript" src="{{asset "js/index.js"}}"></script>
</body>
</html>
</html>

Binary file not shown.

View File

@ -1,831 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8">
<title>
JohnONolan / Casper
/ source / css / fonts / galette-med-webfont.svg
&mdash; Bitbucket
</title>
<link rel="icon" type="image/png" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/favicon.png">
<meta id="bb-canon-url" name="bb-canon-url" content="https://bitbucket.org">
<link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/css/acebb1beb454.css" type="text/css" />
<link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/css/e8be34c6090b.css" type="text/css" />
<!--[if lt IE 9]><link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/css/aui/aui-ie.css" media="all"><![endif]-->
<!--[if IE 9]><link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/css/aui/aui-ie9.css" media="all"><![endif]-->
<!--[if IE]><link rel="stylesheet" href="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/css/aui-overrides-ie.css" media="all"><![endif]-->
<meta name="description" content=""/>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Bitbucket" />
<link href="/JohnONolan/casper/rss?token=21b2d996077daf426102c1594ef1db36" rel="alternate nofollow" type="application/rss+xml" title="RSS feed for Casper" />
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script></head>
<body class="aui-layout production "
>
<script type="text/javascript" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/js/e98deabf8a2e.js"></script>
<div id="page">
<div id="wrapper">
<header id="header" role="banner">
<nav class="aui-header aui-dropdown2-trigger-group" role="navigation">
<div class="aui-header-inner">
<div class="aui-header-primary">
<h1 class="aui-header-logo aui-header-logo-bitbucket">
<a href="/" class="aui-nav-imagelink">
<span class="aui-header-logo-device">Bitbucket</span>
</a>
</h1>
<script id="repo-dropdown-template" type="text/html">
[[#hasViewed]]
<div class="aui-dropdown2-section">
<strong class="viewed">Recently viewed</strong>
<ul class="aui-list-truncate">
[[#viewed]]
<li class="[[#is_private]]private[[/is_private]][[^is_private]]public[[/is_private]] repository">
<a href="[[url]]" title="[[owner]]/[[name]]" class=" aui-icon-container">
<img class="repo-avatar size16" src="[[{avatar}]]" alt="[[owner]]/[[name]] avatar"/>
[[owner]] / [[name]]
</a>
</li>
[[/viewed]]
</ul>
</div>
[[/hasViewed]]
[[#hasUpdated]]
<div class="aui-dropdown2-section">
<strong class="updated">Recently updated</strong>
<ul class="aui-list-truncate">
[[#updated]]
<li class="[[#is_private]]private[[/is_private]][[^is_private]]public[[/is_private]] repository">
<a href="[[url]]" title="[[owner]]/[[name]]" class=" aui-icon-container">
<img class="repo-avatar size16" src="[[{avatar}]]" alt="[[owner]]/[[name]] avatar"/>
[[owner]] / [[name]]
</a>
</li>
[[/updated]]
</ul>
</div>
[[/hasUpdated]]
</script>
<ul role="menu" class="aui-nav">
<li>
<a class="aui-dropdown2-trigger aui-dropdown2-trigger selected"
aria-owns="repo-dropdown" aria-haspopup="true" href="/repo/mine " id="repositories-dropdown-trigger">
Repositories
<span class="aui-icon-dropdown"></span>
</a>
<nav id="repo-dropdown" class="aui-dropdown2 aui-style-default">
<div id="repo-dropdown-recent"></div>
<div class="aui-dropdown2-section">
<ul>
<li>
<a href="/repo/create" class="new-repository" id="create-repo-link">
Create repository
</a>
</li>
<li>
<a href="/repo/import" class="import-repository" id="import-repo-link">
Import repository
</a>
</li>
</ul>
</div>
</nav>
</li>
<li>
<a class="aui-button aui-button-primary aui-style" href="/repo/create" id="repo-create-cta">
Create
</a>
</li>
</ul>
</div>
<div class="aui-header-secondary">
<ul role="menu" class="aui-nav">
<li>
<form action="/repo/all" method="get" class="aui-quicksearch">
<label for="search-query" class="assistive">owner/repository</label>
<input id="search-query" class="search" type="text" placeholder="owner/repository" name="name">
</form>
</li>
<li>
<a class="aui-dropdown2-trigger"aria-controls="header-help-dropdown" aria-owns="header-help-dropdown"
aria-haspopup="true" data-container="#header .aui-header-inner" href="#header-help-dropdown">
<span class="aui-icon aui-icon-small aui-iconfont-help">Help</span><span class="aui-icon-dropdown"></span>
</a>
<nav id="header-help-dropdown" class="aui-dropdown2 aui-style-default aui-dropdown2-in-header" aria-hidden="true">
<div class="aui-dropdown2-section">
<ul>
<li>
<a href="/whats-new" id="features-link">
What's new
</a>
</li>
</ul>
</div>
<div class="aui-dropdown2-section">
<ul>
<li><a href="https://confluence.atlassian.com/display/BITBUCKET/bitbucket+Documentation+Home" target="_blank">Documentation</a></li>
<li><a href="https://confluence.atlassian.com/display/BITBUCKET/bitbucket+101" target="_blank">Bitbucket 101</a></li>
<li><a href="https://confluence.atlassian.com/display/BBKB/Bitbucket+Knowledge+Base+Home" target="_blank">Knowledge base</a></li>
</ul>
</div>
<div class="aui-dropdown2-section">
<ul>
<li><a href="https://answers.atlassian.com/tags/bitbucket/" target="_blank">Bitbucket on Atlassian Answers</a></li>
<li><a href="/support">Support</a></li>
</ul>
</div>
</nav>
</li>
<li>
<a class="aui-dropdown2-trigger"
aria-owns="user-dropdown" aria-haspopup="true" data-container="#header .aui-header-inner"
href="/ErisDS" title="ErisDS" id="user-dropdown-trigger">
<div class="aui-avatar aui-avatar-small">
<div class="aui-avatar-inner">
<img src="https://secure.gravatar.com/avatar/cb82ccb3c72846f4e111348b8d5a01e5?d=https%3A%2F%2Fd3oaxc4q5k2d6q.cloudfront.net%2Fm%2F8907ccc5f331%2Fimg%2Fdefault_avatar%2F32%2Fuser_blue.png&amp;s=32" alt="ErisDS" height="24" width="24" />
</div>
</div>
</a>
<nav id="user-dropdown" class="aui-dropdown2 aui-style-default" aria-hidden="true">
<div class="aui-dropdown2-section">
<ul>
<li>
<a href="/ErisDS" id="profile-link">View profile</a>
</li>
<li>
<a href="/account/user/ErisDS/" id="account-link">Manage account</a>
</li>
<li>
<a href="/account/notifications/" id="inbox-link">Inbox <span id="inbox-unread-count"></span></a>
</li>
<li>
<a href="/account/signout/">Log out</a>
</li>
</ul>
</div>
<div class="aui-dropdown2-section" id="account-admin-links">
<strong>Teams</strong>
<ul class="aui-list-truncate">
</ul>
</div>
<div class="aui-dropdown2-section">
<ul>
<li>
<a href="#general-invite" class='general-invite-link'>Invite a friend</a>
</li>
</ul>
</div>
<div class="aui-dropdown2-section">
<ul>
<li>
<a href="/account/create-team/" id="create-team-link">Create team</a>
</li>
<li>
<a href="/account/user/ErisDS/convert-team/">Convert to team</a>
</li>
</ul>
</div>
</nav>
</li>
</ul>
</div>
</div>
</nav>
</header>
<header id="account-warning" role="banner"
class="aui-message-banner warning ">
<div class="center-content">
<span class="aui-icon aui-icon-warning"></span>
<span class="message">
</span>
</div>
</header>
<header id="aui-message-bar">
</header>
<header id="repo-warning" role="banner" class="aui-message-banner warning">
<div class="center-content">
<span class="aui-icon aui-icon-warning"></span>
<span class="message">
</span>
</div>
</header>
<script id="repo-warning-template" type="text/html">
This repository's ownership is pending transfer to <a href="/[[username]]">[[username]]</a>.
Visit the <a href="/JohnONolan/casper/admin/transfer">transfer repository page</a> to view more details.
</script>
<header id="repo-header" class="subhead row">
<div class="center-content">
<div class="repo-summary">
<a class="repo-avatar-link" href="/JohnONolan/casper">
<span class="repo-avatar-container size64" title="JohnONolan/Casper">
<img alt="JohnONolan/Casper" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/language-avatars/default_64.png">
</span>
<span class="locked" rel="tooltip" title="Private repository" data-placement="bottom"></span>
</a>
<h1><a class="repo-link" href="/JohnONolan/casper">Casper</a></h1>
<ul class="repo-metadata clearfix">
<li>
<a class="user" href="/JohnONolan">
<span class="icon user">User icon</span>
<span>JohnONolan</span>
</a>
</li>
<li class="social">
<a class="follow" id="repo-follow"
rel="nofollow"
href="/JohnONolan/casper/follow">
<span class="icon follow">Follow icon</span>
<span class="text">Follow</span>
</a>
</li>
</ul>
</div>
<div id="repo-toolbar" class="bb-toolbar">
<div class="aui-buttons">
<a id="repo-clone-button" class="aui-button aui-style" href="https://ErisDS@bitbucket.org/JohnONolan/casper.git">
<span class="icon clone">Clone icon</span>
<span>Clone</span>
<span class="aui-icon-dropdown"></span>
</a>
<a id="fork-button" class="aui-button aui-style"
href="/JohnONolan/casper/fork">
<span class="icon fork">Fork icon</span>
<span>Fork</span>
</a>
</div>
<div class="aui-buttons">
<a id="compare-button" class="aui-button aui-style"
href="/JohnONolan/casper/compare">
<span class="icon compare">Compare icon</span>
<span>Compare</span>
</a>
<a id="pull-request-button" class="aui-button aui-style"
href="/JohnONolan/casper/pull-request/new">
<span class="icon pull-request">Pull request icon</span>
<span>Pull request</span>
</a>
</div>
<div id="repo-clone-dialog" class="clone-dialog hidden">
<div class="clone-url">
<div class="aui-buttons">
<a href="https://ErisDS@bitbucket.org/JohnONolan/casper.git"
class="aui-button aui-style aui-dropdown2-trigger" aria-haspopup="true"
aria-owns="clone-url-dropdown-header">
<span class="dropdown-text">HTTPS</span>
</a>
<div id="clone-url-dropdown-header" class="aui-dropdown2 aui-style-default">
<ul class="aui-list-truncate">
<li>
<a href="https://ErisDS@bitbucket.org/JohnONolan/casper.git"
data-command="git clone https://ErisDS@bitbucket.org/JohnONolan/casper.git"
class="item-link https">HTTPS
</a>
</li>
<li>
<a href="ssh://git@bitbucket.org/JohnONolan/casper.git"
data-command="git clone git@bitbucket.org:JohnONolan/casper.git"
class="item-link ssh">SSH
</a>
</li>
</ul>
</div>
<input type="text" readonly="readonly" value="git clone https://ErisDS@bitbucket.org/JohnONolan/casper.git">
</div>
<p>Need help cloning? Visit
<a href="https://confluence.atlassian.com/x/cgozDQ" target="_blank">Bitbucket 101</a>.</p>
</div>
<div class="clone-in-sourcetree"
data-https-url="https://ErisDS@bitbucket.org/JohnONolan/casper.git"
data-ssh-url="ssh://git@bitbucket.org/JohnONolan/casper.git">
<p><button class="aui-button aui-style aui-button-primary">Clone in SourceTree</button></p>
<p>
<a href="http://www.sourcetreeapp.com" target="_blank">SourceTree</a>
is a free Mac client by Atlassian for Git, Mercurial, and Subversion.
</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</header>
<nav id="repo-tabs" class="aui-navgroup aui-navgroup-horizontal aui-navgroup-horizontal-roomy">
<div class="aui-navgroup-inner">
<div class="aui-navgroup-primary">
<ul class="aui-nav">
<li>
<a href="/JohnONolan/casper/overview" id="repo-overview-link">Overview</a>
</li>
<li class="aui-nav-selected">
<a href="/JohnONolan/casper/src" id="repo-source-link">Source</a>
</li>
<li>
<a href="/JohnONolan/casper/commits" id="repo-commits-link">
Commits
</a>
</li>
<li>
<a href="/JohnONolan/casper/pull-requests" id="repo-pullrequests-link">
Pull requests
</a>
</li>
<li id="issues-tab" class="
">
<a href="/JohnONolan/casper/issues?status=new&amp;status=open" id="repo-issues-link">
Issues
<span class="aui-badge">1</span>
</a>
</li>
<li id="wiki-tab" class="
hidden
">
<a href="/JohnONolan/casper/wiki" id="repo-wiki-link">Wiki</a>
</li>
<li>
<a href="/JohnONolan/casper/downloads" id="repo-downloads-link">
Downloads
</a>
</li>
</ul>
</div>
<div class="aui-navgroup-secondary">
<ul class="aui-nav">
</ul>
</div>
</div>
</nav>
<div id="content" role="main">
<div id="repo-content">
<div id="source-container">
<header id="source-path">
<div class="labels labels-csv">
<div class="aui-buttons">
<button data-branches-tags-url="/api/1.0/repositories/JohnONolan/casper/branches-tags"
class="aui-button aui-style branch-dialog-trigger" title="master">
<span class="branch icon">Branch</span>
<span class="name">master</span>
<span class="aui-icon-dropdown"></span>
</button>
</div>
</div>
<div class="view-switcher">
<div class="aui-buttons">
<a href="/JohnONolan/casper/src/0b79f5f4e8a2/css/fonts/galette-med-webfont.svg?at=master"
class="aui-button aui-style pjax-trigger" aria-pressed="true">
Source
</a>
<a href="/JohnONolan/casper/diff/css/fonts/galette-med-webfont.svg?diff2=0b79f5f4e8a2&at=master"
class="aui-button aui-style pjax-trigger"
title="Diff to previous change">
Diff
</a>
<a href="/JohnONolan/casper/history-node/0b79f5f4e8a2/css/fonts/galette-med-webfont.svg?at=master"
class="aui-button aui-style pjax-trigger">
History
</a>
</div>
</div>
<h1>
<a href="/JohnONolan/casper/src/0b79f5f4e8a2?at=master"
class="pjax-trigger" title="[u&#39;css&#39;, u&#39;fonts&#39;, u&#39;galette-med-webfont.svg&#39;]">Casper</a> /
<a href="/JohnONolan/casper/src/0b79f5f4e8a2/css?at=master"
class="pjax-trigger">css</a> /
<a href="/JohnONolan/casper/src/0b79f5f4e8a2/css/fonts?at=master"
class="pjax-trigger">fonts</a> /
<span>galette-med-webfont.svg</span>
</h1>
<div class="clearfix"></div>
</header>
<div id="source-view">
<div class="toolbar">
<div class="primary">
<div class="aui-buttons">
<button id="file-history-trigger" class="aui-button aui-style changeset-info"
data-changeset="0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2"
data-path="css/fonts/galette-med-webfont.svg"
data-current="0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2">
<img class="avatar avatar16" src="https://secure.gravatar.com/avatar/75e958a6674a7d68fe0d575fb235116c?d=https%3A%2F%2Fd3oaxc4q5k2d6q.cloudfront.net%2Fm%2F8907ccc5f331%2Fimg%2Fdefault_avatar%2F16%2Fuser_blue.png&amp;s=16" alt="John O'Nolan avatar" />
<span class="changeset-hash">0b79f5f</span>
<time datetime="2013-02-16T14:57:05+00:00" class="timestamp"></time>
<span class="aui-icon-dropdown"></span>
</button>
</div>
</div>
<div class="secondary">
<div class="aui-buttons">
<a href="/JohnONolan/casper/full-commit/0b79f5f4e8a2/css/fonts/galette-med-webfont.svg" class="aui-button aui-style"
title="View full commit 0b79f5f">Full commit</a>
<a href="/JohnONolan/casper/raw/0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2/css/fonts/galette-med-webfont.svg"
class="aui-button aui-style">Raw</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div id="inline-image">
<img src="/JohnONolan/casper/raw/0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2/css/fonts/galette-med-webfont.svg" alt="">
</div>
<script id="source-changeset" type="text/html">
<a href="/JohnONolan/casper/src/[[raw_node]]/css/fonts/galette-med-webfont.svg?at=master"
class="[[#selected]]highlight[[/selected]]"
data-hash="[[node]]">
[[#author.username]]
<img class="avatar avatar16" src="[[author.avatar]]"/>
<span class="author" title="[[raw_author]]">[[author.display_name]]</span>
[[/author.username]]
[[^author.username]]
<img class="avatar avatar16" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/default_avatar/16/user_blue.png"/>
<span class="author unmapped" title="[[raw_author]]">[[author]]</span>
[[/author.username]]
<time datetime="[[utctimestamp]]" data-title="true">[[utctimestamp]]</time>
<span class="message">[[message]]</span>
</a>
</script>
<script id="embed-template" type="text/html">
<form class="aui embed">
<label for="embed-code">Embed this source in another page:</label>
<input type="text" readonly="true" value="&lt;script src=&quot;[[url]]&quot;&gt;&lt;/script&gt;" id="embed-code">
</form>
</script>
<div class="mask"></div>
<script id="branch-dialog-template" type="text/html">
<div class="tabbed-filter-widget branch-dialog">
<div class="tabbed-filter">
<input placeholder="Filter branches" class="filter-box" autosave="branch-dropdown-2121860" type="text">
[[^ignoreTags]]
<div class="aui-tabs horizontal-tabs aui-tabs-disabled filter-tabs">
<ul class="tabs-menu">
<li class="menu-item active-tab"><a href="#branches">Branches</a></li>
<li class="menu-item"><a href="#tags">Tags</a></li>
</ul>
</div>
[[/ignoreTags]]
</div>
<div class="tab-pane active-pane" id="branches" data-filter-placeholder="Filter branches">
<ol class="filter-list">
<li class="empty-msg">No matching branches</li>
[[#branches]]
[[#hasMultipleHeads]]
[[#heads]]
<li class="comprev filter-item">
<a href="/JohnONolan/casper/src/[[changeset]]/css/fonts/galette-med-webfont.svg?at=[[safeName]]"
title="[[name]]">
[[name]] ([[shortChangeset]])
</a>
</li>
[[/heads]]
[[/hasMultipleHeads]]
[[^hasMultipleHeads]]
<li class="comprev filter-item">
<a href="/JohnONolan/casper/src/[[changeset]]/css/fonts/galette-med-webfont.svg?at=[[safeName]]" title="[[name]]">
[[name]]
</a>
</li>
[[/hasMultipleHeads]]
[[/branches]]
</ol>
</div>
<div class="tab-pane" id="tags" data-filter-placeholder="Filter tags">
<ol class="filter-list">
<li class="empty-msg">No matching tags</li>
[[#tags]]
<li class="comprev filter-item">
<a href="/JohnONolan/casper/src/[[changeset]]/css/fonts/galette-med-webfont.svg?at=[[safeName]]" title="[[name]]">
[[name]]
</a>
</li>
[[/tags]]
</ol>
</div>
</div>
</script>
</div>
</div>
<form id="file-search-form" action="#"
data-revision="0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2"
data-branch="master">
<input type="text" id="file-search-query" class="loading">
<div id="filtered-files"></div>
<div class="tip"><em>Tip:</em> Filter by directory path e.g. <strong>/media app.js</strong> to search for public<strong>/media/app.js</strong>.</div>
<div class="tip"><em>Tip:</em> Use camelCasing e.g. <strong>ProjME</strong> to search for <strong>ProjectModifiedE</strong>vent.java.</div>
<div class="tip"><em>Tip:</em> Filter by extension type e.g. <strong>/repo .js</strong> to search for all <strong>.js</strong> files in the <strong>/repo</strong> directory.</div>
<div class="tip"><em>Tip:</em> Separate your search with spaces e.g. <strong>/ssh pom.xml</strong> to search for src<strong>/ssh/pom.xml</strong>.</div>
<div class="tip"><em>Tip:</em> Use ↑ and ↓ arrow keys to navigate and <strong>return</strong> to view the file.</div>
<div class="tip mod-osx"><em>Tip:</em> You can also navigate files with <strong>Ctrl+j</strong> <em>(next)</em> and <strong>Ctrl+k</strong> <em>(previous)</em> and view the file with <strong>Ctrl+o</strong>.</div>
<div class="tip mod-win"><em>Tip:</em> You can also navigate files with <strong>Alt+j</strong> <em>(next)</em> and <strong>Alt+k</strong> <em>(previous)</em> and view the file with <strong>Alt+o</strong>.</div>
<script id="filtered-files-template" type="text/html">
<table class="aui bb-list">
<thead>
<tr class="assistive">
<th class="name">Filename</th>
</tr>
</thead>
<tbody>
[[#files]]
<tr class="iterable-item">
<td class="name [[#isDirectory]]directory[[/isDirectory]]">
<a href="/JohnONolan/casper/src/[[node]]/[[name]][[#branch]]?at=[[branch]][[/branch]]"
title="[[name]]" class="execute" tabindex="-1">
[[&highlightedName]]
</a>
</td>
</tr>
[[/files]]
</tbody>
</table>
</script>
</form>
</div>
</div>
<footer id="footer" role="contentinfo">
<section class="footer-body">
<ul>
<li><a href="http://blog.bitbucket.org">Blog</a></li>
<li><a href="//bitbucket.org/site/master/issues/new">Report a bug</a></li>
<li><a href="/support">Support</a></li>
<li><a href="http://confluence.atlassian.com/display/BITBUCKET">Documentation</a></li>
<li><a href="http://confluence.atlassian.com/x/IYBGDQ">API</a></li>
<li><a href="http://groups.google.com/group/bitbucket-users">Forum</a></li>
<li><a href="http://status.bitbucket.org/">Server status</a></li>
<li><a href="http://www.atlassian.com/hosted/terms.jsp">Terms of service</a></li>
<li><a href="http://www.atlassian.com/about/privacy.jsp">Privacy policy</a></li>
</ul>
<ul>
<li><a href="http://git-scm.com/">Git 1.7.10.3</a></li>
<li><a href="http://mercurial.selenic.com/">Mercurial 2.2.2</a></li>
<li><a href="https://www.djangoproject.com/">Django 1.3.1</a></li>
<li><a href="http://www.python.org/">Python 2.7.3</a></li>
<li><a href="#">68e03d903b65 / 8907ccc5f331 @ bitbucket16</a></li>
</ul>
</section>
</footer>
</div>
<script type="text/javascript" src="https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/compressed/js/f48c93f171ac.js"></script>
<!-- This script exists purely for the benefit of our selenium tests -->
<script>
setTimeout(function () {
BB.JsLoaded = true;
}, 3000);
</script>
<script>
(function (window) {
// Base URL to use for non-CNAME URLs.
BB.baseUrl = 'https://bitbucket.org';
BB.images = {
invitation: 'https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/icons/fugue/card_address.png',
noAvatar: 'https://d3oaxc4q5k2d6q.cloudfront.net/m/8907ccc5f331/img/default_avatar/16/user_blue.png'
};
BB.user = {"username": "ErisDS", "displayName": "Hannah Wolfe", "firstName": "Hannah", "avatarUrl": "https://secure.gravatar.com/avatar/cb82ccb3c72846f4e111348b8d5a01e5?d=https%3A%2F%2Fd3oaxc4q5k2d6q.cloudfront.net%2Fm%2F8907ccc5f331%2Fimg%2Fdefault_avatar%2F32%2Fuser_blue.png\u0026s=32", "lastName": "Wolfe", "isTeam": false, "isSshEnabled": false, "isKbdShortcutsEnabled": true, "id": 819867, "isAuthenticated": true};
BB.repo || (BB.repo = {});
BB.repo.id = 2121860;
BB.repo.scm = 'git';
BB.repo.language = null;
BB.repo.pygmentsLanguage = null;
BB.repo.slug = 'casper';
BB.repo.owner = {};
BB.repo.owner.username = 'JohnONolan';
BB.repo.owner.is_team = false;
BB.repo.creator = {};
BB.repo.creator.username = 'JohnONolan';
// Coerce `BB.repo` to a string to get
// "davidchambers/mango" or whatever.
BB.repo.toString = function () {
return BB.cname ? this.slug : '{owner.username}/{slug}'.format(this);
}
BB.changeset = '0b79f5f4e8a236f99a30a7fa95f0dc9db7e931a2'
window.setInterval(BB.localize, 60 * 1000);
$(document).on('ready pjax:end', function () { BB.localize(); });
})(window);
</script>
<script>
// Bitbucket Google Analytics
// NOTE: these will not fire in development. In debug mode it just logs them to console.
(function (window) {
// Track the main pageview to the Bitbucket GA account.
BB.gaqPush(['_trackPageview']);
// Track the main pageview to the Atlassian GA account.
BB.gaqPush(['atl._trackPageview']);
// Include GA commands from sub-templates
(function () {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
}());
})(window);
</script>
<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"d1ros97qkrwjf5.cloudfront.net/42/eum/rum.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","7d4a9813d0","295788","MgMDYhcHDUJVVEIKWAtJJ0MLBRdYW1kZAV4RBBRVDgMXH1VHRhAZFwMRWVdIFVhRQEVZUQwKBFQXCRRCUQ==",0,227,new Date().getTime(),"","","","",""]);</script></body>
</html>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 951 B

View File

@ -1,15 +1,39 @@
{{!< default}}
<section class="content">
<ul class="hfeed">
{{#foreach posts}}
{{#if @first}}
<li class="featured">
{{> full-post}}
</li>
{{else}}
{{> list-post}}
{{/if}}
{{/foreach}}
</ul>
</section>
{{! The comment above "< default" means - insert everything in this file into
the {body} of the default.hbs template, which contains our header/footer. }}
{{! The big featured header on the homepage, with the site logo and description }}
<header class="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
<div class="vertical">
<div class="site-head-content inner">
{{#if @blog.logo}}<a class="blog-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="Blog Logo" /></a>{{/if}}
<h1 class="blog-title">{{@blog.title}}</h1>
<h2 class="blog-description">{{@blog.description}}</h2>
</div>
</div>
</header>
{{! The main content area on the homepage }}
<main class="content" role="main">
{{! Each post will be output using this markup }}
{{#foreach posts}}
<article class="{{post_class}}">
<header class="post-header">
<span class="post-meta"><time datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMM YYYY"}}</time> {{tags prefix="on "}}</span>
<h2 class="post-title"><a href="{{url}}">{{{title}}}</a></h2>
</header>
<section class="post-excerpt">
<p>{{excerpt}}&hellip;</p>
</section>
</article>
{{/foreach}}
{{!! After all the posts, we have the previous/next pagination links }}
{{pagination}}
</main>

View File

@ -1,12 +0,0 @@
/**
* Placeholder JS file for Casper behaviours
*/
/*globals jQuery, document */
(function ($) {
"use strict";
$(document).ready(function () {
// code goes here
});
}(jQuery));

File diff suppressed because one or more lines are too long

32
page.hbs Normal file
View File

@ -0,0 +1,32 @@
{{!< default}}
{{! This is a page template. A page outputs content just like any other post, and has all the same
attributes by default, but you can also customise it to behave differently if you prefer. }}
<main class="content" role="main">
<article class="{{post_class}}">
<header class="post-header">
<a class="blog-logo" href="{{@blog.url}}">
{{#if @blog.logo}}
<img src="{{@blog.logo}}" alt="Blog Logo" />
{{else}}
<span class="blog-title">{{@blog.title}}</span>
{{/if}}
</a>
</header>
{{#post}}
<h1 class="post-title">{{{title}}}</h1>
<section class="post-content">
{{content}}
</section>
{{/post}}
</article>
</main>

View File

@ -1,17 +0,0 @@
<article class="post type-post status-publish format-standard hentry">
{{#if image}}
<figure class="post-thumb">
<img width="550" height="250" src="/content/images/{{image}}" class="attachment-post-thumbnail wp-post-image" alt="ghostpost">
</figure>
{{/if}}
<div class="wrap">
<header>
<h2 class="entry-title h1"><a href="/{{slug}}" rel="bookmark">{{title}}</a></h2>
<span class="entry-meta">Published on <time class="updated" datetime="{{dateFormat published_at format='YYYY-MM-DD'}}">{{dateFormat published_at format='DD MMMM YYYY'}}</time></span>
</header>
<section class="entry-content">
{{{content_html}}}
</section>
</div>
</article>

View File

@ -1,6 +0,0 @@
<li class="wrap">
<article class="post type-post status-publish format-standard hentry">
<h2 class="entry-title"><a href="/{{slug}}" rel="bookmark">{{title}}</a></h2>
<time class="updated" datetime="2012-05-03">{{dateFormat published_at format="MMMM DD, YYYY"}}</time>
</article>
</li>

61
post.hbs Normal file
View File

@ -0,0 +1,61 @@
{{!< default}}
{{! The comment above "< default" means - insert everything in this file into
the {body} of the default.hbs template, which contains our header/footer. }}
<main class="content" role="main">
<article class="{{post_class}}">
{{! Each post has the blog logo at the top, with a link back to the home page }}
<header class="post-header">
<a class="blog-logo" href="{{@blog.url}}">
{{#if @blog.logo}}
<img src="{{@blog.logo}}" alt="Blog Logo" />
{{else}}
<span class="blog-title">{{@blog.title}}</span>
{{/if}}
</a>
</header>
{{! Everything inside the #post tags pulls data from the post }}
{{#post}}
<span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{tags prefix="on " separator=" | "}}</span>
<h1 class="post-title">{{{title}}}</h1>
<section class="post-content">
{{content}}
</section>
<footer class="post-footer">
<section class="author">
<h4>{{author.name}}</h4>
<p>{{author.bio}}</p>
</section>
<section class="share">
<h4>Share this post</h4>
<a class="icon-twitter" href="http://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}"
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
<span class="hidden">Twitter</span>
</a>
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
<span class="hidden">Facebook</span>
</a>
<a class="icon-google-plus" href="https://plus.google.com/share?url={{url absolute="true"}}"
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
<span class="hidden">Google+</span>
</a>
</section>
</footer>
{{/post}}
</article>
</main>

View File

@ -1,6 +0,0 @@
{{!< default}}
<section class="content">
{{#post}}
{{> full-post}}
{{/post}}
</section>