v.1.2.0 ready for Ghost 0.5

- added author.hbs page - added titles over the posts in the tag pages
GavickPro · Aug 9, 2014 · bdb1831 · bdb1831
1 parent ca59e62
commit bdb1831
Show file tree

Hide file tree

Showing 5 changed files with 146 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -8,6 +8,8 @@ Free theme for [Ghost](http://github.com/tryghost/ghost/) prepared by [GavickPro
 
 **Important** All below packages contain the "perfetta" directory with the theme which should be moved to the content/themes directory.
 
+[Download v.1.2.0 for Ghost 0.5.0](https://github.com/GavickPro/Perfetta-Free-Ghost-Theme/releases/tag/v1.2.0)
+
 [Download v.1.1.2 for Ghost 0.4.2](https://github.com/GavickPro/Perfetta-Free-Ghost-Theme/releases/tag/v1.1.2)
 
 [Download v.1.1.1 for Ghost 0.4.2](https://github.com/GavickPro/Perfetta-Free-Ghost-Theme/releases/tag/v1.1.1)

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -1,8 +1,8 @@
 /*---------------------------------
 
  Perfetta Ghost Theme by GavickPro
-           05-04-2014
-             v.1.1.2
+           09-08-2014
+             v.1.2.0
 
 - - - - - - - - - - - - - - - - - -
 
@@ -578,6 +578,75 @@ footer.page-wrap > div { margin-left: 170px; }
 	margin-left: 0;
 }
 
+/* Tag page */
+.page-title {
+	color: #fff;
+	font-size: 36px;
+	line-height: 1;
+	text-align: center;
+}
+.author-bio,
+.page-title > small {
+	color: #fff;
+	clear: both;
+	display: inline-block;
+	font-size: 14px;
+	line-height: 1;
+	position: relative;
+	text-align: center;
+	top: -10px;
+	width: 100%;
+}
+
+/* Author page */
+.author-profile {
+	font-size: 14px;
+	margin: 0 auto 40px auto;
+	max-width: 640px;
+	text-align: center;
+}
+.author-profile a {
+	color: #fff;
+	border-bottom: 1px dotted #fff;
+}
+.author-profile a:active,
+.author-profile a:focus,
+.author-profile a:hover {
+	color: #DA6426;
+	border-bottom-color: #DA6426;
+}
+.author-profile img {
+	border: 1px solid rgba(255, 255, 255, .5);
+	border-radius: 50%;
+	display: block;
+	margin: 0 auto;
+	padding: 3px;
+	overflow: hidden;
+	width: 100px;
+}
+.author-bio {
+	line-height: 1.6;
+	margin: 0;
+}
+.author-meta {
+	color: #fff;
+	margin: 5px 0 0 0;
+	text-align: center;
+}
+.author-meta dt {
+	display: inline-block;
+	font-weight: bold;
+	margin: 0 10px;
+}
+.author-meta dd {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+}
+.author-profile .subscribe-button {
+	margin: 10px 0;
+}
+
 /*---------------------------------
 4. RWD
 ----------------------------------*/

diff --git a/author.hbs b/author.hbs
@@ -0,0 +1,67 @@
+{{!< default}}
+
+{{! The main content area on the homepage }}
+<main class="page-wrap author-page" role="main">
+    {{! Everything inside the #author tags pulls data from the author }}
+    {{#author}}    
+        <section class="author-profile">
+            {{#if image}}
+            <img src="{{image}}" alt="{{name}}'s Picture" />
+            {{/if}}
+            <h2 class="page-title">Posts by {{name}} ({{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}})</h1>
+            <p class="author-bio">{{bio}}</p>
+            <dl class="author-meta">
+                {{#if location}}<dt>Location:</dt><dd>{{location}}</dd>{{/if}}
+                {{#if website}}<dt>Website: </dt><dd><a href="{{website}}">{{website}}</a></dd>{{/if}}
+            </dl>
+            <a class="subscribe-button" href="{{url}}rss/">Subscribe {{name}}'s posts RSS</a>
+        </section>
+    {{/author}}
+
+    {{! Each post will be output using this markup }}
+    {{#foreach posts}}
+
+    <article class="{{post_class}}" data-scroll-reveal="enter bottom">
+        <div>    
+            <header class="post-header">
+                {{content words="0"}}
+                <h2 class="post-title">
+                    <a href="{{url}}"><span>{{{title}}}</span></a>
+                </h2>
+            </header>
+            <section class="post-excerpt">
+                <p>{{excerpt}}&hellip;</p>
+
+                <a href="{{url}}" class="post-readmore">Read more</a>
+            </section>
+        </div>
+
+        <aside class="post-meta" data-scroll-reveal="enter left and move 30px after .3s">
+            <time datetime="{{date format='YYYY-MM-DD'}}">
+                {{date format="MMM DD"}}
+                <span>{{date format="YYYY"}}</span>
+            </time> 
+
+            <dl>
+                <dt class="item-author">by</dt>
+                <dd>{{author}}</dd>
+
+                {{#if tags}}
+                <dt class="item-tags">tagged as:</dt>
+                <dd>
+                    <ul>
+                      {{#foreach tags}}
+                        <li><a href="{{url}}">{{name}}</a>{{#if @last}} {{else}}, {{/if}}</li>
+                      {{/foreach}}
+                    </ul>
+                </dd>
+                {{/if}}
+            </dl>
+        </aside>
+    </article>
+
+    {{/foreach}}
+
+    {{!! After all the posts, we have the previous/next pagination links }}
+    {{pagination}}
+</main>
diff --git a/package.json b/package.json
@@ -1,4 +1,4 @@
 {
   "name": "Perfetta",
-  "version": "1.1.2"
+  "version": "1.2.0"
 }
diff --git a/tag.hbs b/tag.hbs
@@ -2,7 +2,11 @@
 
 {{! The main content area on the homepage }}
 <main class="page-wrap tag-page" role="main">
-
+    <h2 class="page-title">
+    	{{tag.name}}
+    	<small>A {{pagination.total}}-post collection</small>
+    </h2>
+
     {{! Each post will be output using this markup }}
     {{#foreach posts}}