Fix line-wrapping on gists

Update README.md

README.md

@@ -4,7 +4,7 @@ The default theme for [Ghost](http://github.com/tryghost/ghost/).
 
 ## Copyright & License
 
-Copyright (C) 2013 Ghost Foundation - Released under the MIT Lincense.
+Copyright (C) 2013 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:
 

assets/css/screen.css

@@ -3,9 +3,19 @@
    ========================================================================== */
 
 /*
+
     0.  Includes
-   1.   General
+    1.  Icons
-   2.   Something else
+    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)
+
  */
 
 /* ==========================================================================
@@ -65,7 +75,7 @@
 
 
 /* ==========================================================================
-   1. General - Setting up some base styles
+   2. General - Setting up some base styles
    ========================================================================== */
 
 html {
@@ -317,7 +327,7 @@ table.plain {
 
 
 /* ==========================================================================
-   1. Utilities - These things get used a lot
+   3. Utilities - These things get used a lot
    ========================================================================== */
 
 /* Hides shit */
@@ -343,7 +353,7 @@ table.plain {
 
 
 /* ==========================================================================
-   1. General
+   4. General - The main styles for the the theme
    ========================================================================== */
 
 /* Big cover image on the home page */
@@ -499,7 +509,7 @@ table.plain {
 }
 
 /* ==========================================================================
-   1. Single Post - When you click on an individual post
+   5. Single Post - When you click on an individual post
    ========================================================================== */
 
 /* Tweak the .post wrapper style */
@@ -574,7 +584,24 @@ table.plain {
 
 
 /* ==========================================================================
-   1. Pagination
+   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 */
@@ -625,7 +652,7 @@ table.plain {
 
 
 /* ==========================================================================
-   1. Footer - The bottom of every page
+   8. Footer - The bottom of every page
    ========================================================================== */
 
 .site-footer {
@@ -743,7 +770,7 @@ table.plain {
 
 
 /* ==========================================================================
-   1. Media Queries - Smaller than 900px
+   9. Media Queries - Smaller than 900px
    ========================================================================== */
 
 @media only screen and (max-width: 900px) {
@@ -804,7 +831,7 @@ table.plain {
 }
 
 /* ==========================================================================
-   1. Media Queries - Smaller than 500px
+   10. Media Queries - Smaller than 500px
    ========================================================================== */
 
 
@@ -888,7 +915,18 @@ table.plain {
         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;
     }
 

default.hbs

@@ -2,20 +2,20 @@
 <html>
 <head>
     {{! Document Settings }}
-    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
+    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
     {{! Page Meta }}
-    <title>{{@blog.title}}</title>
+    <title>{{meta_title}}</title>
-    <meta name="description" content="{{@blog.description}}" />
+    <meta name="description" content="{{meta_description}}" />
 
-    <meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True" />
-    <meta name="MobileOptimized" content="320">
+    <meta name="MobileOptimized" content="320" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     {{! Styles'n'Scripts }}
-    <link rel="stylesheet" type="text/css" href="/assets/css/screen.css">
+    <link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
-    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Open+Sans:700,400">
+    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Open+Sans:700,400" />
 
     {{! Ghost outputs important style and meta data with this tag }}
     {{ghost_head}}
@@ -26,7 +26,7 @@
     {{{body}}}
 
     <footer class="site-footer">
-        <a class="subscribe icon-feed" href="#"><span class="tooltip">Subscribe!</span></a>
+        <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.title}}</a> &copy; 2013 &bull; All rights reserved.</section>
              <section class="poweredby">Proudly published with <a class="icon-ghost" href="http://tryghost.org">Ghost</a></section>
@@ -37,7 +37,7 @@
     {{ghost_foot}}
 
     {{! The main JavaScript file for Casper }}
-    <script type="text/javascript" src="assets/js/index.js"></script>
+    <script type="text/javascript" src="/assets/js/index.js"></script>
 
 </body>
 </html>

index.hbs

@@ -4,7 +4,7 @@
     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 id="site-head" {{! style="background-image: url()" }}>
+<header id="site-head" {{#if @blog.cover}}style="background-image: url({{@blog.cover}})"{{/if}}>
     <div class="vertical">
         <div id="site-head-content" class="inner">
 

post.hbs

@@ -22,7 +22,7 @@
         {{#post}}
 
         {{! Everything below outputs content of the the post which has been published }}
-        <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{#if tags}}on {{tags}}{{/if}}</span>
+        <span class="post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format='DD MMM YYYY'}}</time> {{#if tags}}on {{tags separator=" | "}}{{/if}}</span>
 
         <h1 class="post-title">{{title}}</h1>
 
@@ -41,9 +41,18 @@
 
             <section class="share">
                 <h4>Share this post</h4>
-                <a class="icon-twitter" href="http://twitter.com/share?text={{title}}&url={{url absolute}}"><span class="hidden">Twitter</span></a>
+                <a class="icon-twitter" href="http://twitter.com/share?text={{title}}&url={{url absolute="true"}}"
-                <a class="icon-facebook" href="http://www.facebook.com/sharer.php?u={{url absolute}}"><span class="hidden">Facebook</span></a>
+                    onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
-                <a class="icon-google-plus" href="#"><span class="hidden">Google+</span></a>
+                    <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>