Permalink
Browse files

Update to Casper v1.1.1 - Update jQuery - Adding partial templates - …

…Clean up custom main.scss
  • Loading branch information...
rosario committed Oct 19, 2014
1 parent 087da7d commit 5804bcf5b6a471414eee01060b93f2bfeb6f3991
View
@@ -5,7 +5,7 @@ Feel free to fork, change, modify and re-use it.
## How to use it
-Simply clone this repository, and then run `jekyll -w serve` inside the directory.
+Simply clone this repository, and then run `jekyll serve` inside the directory.
Kasper theme includes:
View
@@ -6,6 +6,8 @@ markdown: redcarpet
highlighter: pygments
logo: false
paginate: 15
+baseurl: /
+domain_name: 'http://yourblog-domain.com'
# Details for the RSS feed generator
url: 'blog url'
View
@@ -0,0 +1,15 @@
+<section class="disqus">
+ <div id="disqus_thread"></div>
+ <script type="text/javascript">
+
+ var disqus_shortname = '';
+ var disqus_developer = 0; // developer mode is on
+ (function() {
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+ dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+ })();
+ </script>
+ <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+ <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+</section>
View
@@ -0,0 +1,13 @@
+<nav class="pagination" role="pagination">
+ {% if paginator.previous_page %}
+ {% if paginator.previous_page == 1 %}
+ <a class="newer-posts" href="/" title="Previous Page">&laquo; Newer Posts</a>
+ {% else %}
+ <a class="newer-posts" href="/page{{ paginator.previous_page }}/" title="Previous Page">&laquo; Newer Posts</a>
+ {% endif %}
+ {% endif %}
+ <span class="page-number"> Page {{paginator.page}} of {{paginator.total_pages}} </span>
+ {% if paginator.next_page %}
+ <a class="older-posts" href="/page{{ paginator.next_page }}/" title="Next Page">Older Posts &raquo;</a>
+ {% endif %}
+</nav>
View
@@ -0,0 +1,15 @@
+<section class="share">
+ <h4>Share this post</h4>
+ <a class="icon-twitter" href="http://twitter.com/share?text={{page.title}}&amp;url={{site.domain_name}}{{ page.url }}"
+ 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={{site.domain_name}}{{page.url}}"
+ 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={{site.domain_name}}{{page.url}}"
+ onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
+ <span class="hidden">Google+</span>
+ </a>
+</section>
View
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<html>
-<head>
+<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
@@ -11,28 +11,26 @@
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <link rel="stylesheet" type="text/css" href="/assets/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic|Open+Sans:700,400" />
+ <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
<!-- Customisation -->
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
</head>
-<body class="home-template">
+<body class="{% if page.post_class %}{{page.post_class}}{% else %}home-template{% endif %}">
-
{{ content }}
-
- <footer class="site-footer">
- <a class="subscribe icon-feed" href="{{ site.baseurl }}rss.xml"><span class="tooltip">Subscribe!</span></a>
- <div class="inner">
- <section class="copyright">All content copyright <a href="{{ site.baseurl }}">{{ site.name }}</a> &copy; {{date format="YYYY"}} &bull; All rights reserved.</section>
- <section class="poweredby">Made with Jekyll using <a href="http://github.com/rosario/kasper">Kasper theme</a></section>
- </div>
+ <footer class="site-footer clearfix">
+ <section class="copyright">
+ <a href="{{ site.baseurl }}">{{ site.name }}</a> &copy;
+ {{date format="YYYY"}} &bull; All rights reserved.
+ </section>
+ <section class="poweredby">Made with Jekyll using
+ <a href="http://github.com/rosario/kasper">Kasper theme</a>
+ </section>
</footer>
-
- <script type="text/javascript" src="/assets/js/jquery-1.10.2.min.js"></script>
+ <script type="text/javascript" src="/assets/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="/assets/js/index.js"></script>
View
@@ -1,18 +1,25 @@
---
layout: default
+post_class: post-template page-template
---
+<nav class="main-nav clearfix">
+ <a class="back-button icon-arrow-left" href="{{ site.baseurl }}">Home</a>
+ <a class="subscribe-button icon-feed" href="{{ site.baseurl }}rss.xml">Subscribe</a>
+</nav>
+
+
<main class="content" role="main">
<article class="post">
- <header class="post-header">
+ <!-- <header class="post-header">
<a id="blog-logo" href="{{site.baseurl}}">
{% if site.logo %}
<img src="{{site.logo}}" alt="{{ site.name }}" />
{% else %}
<span class="blog-title">{{ site.name }}</span>
{%endif%}
</a>
- </header>
+ </header> -->
<h1 class="post-title">{{ page.title }}</h1>
View
@@ -2,95 +2,89 @@
layout: default
disqus: false
archive: false
+post_class: post-template
---
+<header class="main-header post-head {% if page.cover %}" style="background-image: url({{ page.cover }}) {%else%}no-cover{% endif %}">
+ <nav class="main-nav {% if page.cover %} overlay {% endif %} clearfix">
+ <a class="back-button icon-arrow-left" href="{{ site.baseurl }}">Home</a>
+ <a class="subscribe-button icon-feed" href="{{ site.baseurl }}rss.xml">Subscribe</a>
+ </nav>
+</header>
+
<main class="content" role="main">
<article class="post">
+
<header class="post-header">
+ <h1 class="post-title">{{ page.title }}</h1>
+ <section class="post-meta">
+ <time class="post-date" datetime="{{ page.date | date:"%Y-%m-%d" }}">{{ page.date | date_to_string }}</time>
+ {% if page.categories.size > 0 %}
+ {{ page.categories | array_to_sentence_string | prepend: 'on ' }}
+ {% endif %}
+ </section>
+ </header>
+
+<!-- <header class="post-header">
<a id="blog-logo" href="{{site.url}}">
{% if site.logo %}
<img src="{{site.logo}}" alt="{{ site.name }}" />
{% else %}
<span class="blog-title">{{ site.name }}</span>
{%endif%}
</a>
- </header>
+ </header> -->
- <span class="post-meta">
- <time datetime="{{ page.date | date:"%Y-%m-%d" }}">{{ page.date | date_to_string }}</time>
+ <!-- <span class="post-meta">
+ <time datetime="{{ page.date | date:"%Y-%m-%d" }}">{{ page.date | date_to_string }}</time>
{% if page.categories.size > 0 %}
{{ page.categories | array_to_sentence_string | prepend: 'on ' }}
{% endif %}
- </span>
+ </span> -->
- <h1 class="post-title">{{ page.title }}</h1>
+ <!-- <h1 class="post-title">{{ page.title }}</h1> -->
<section class="post-content">
{{content}}
</section>
{% if page.archive %}
<section class="archive">
- <h5>Archive</h5>
- <ul>
- {% for post in site.posts %}
- <li><span>{{ post.date | date_to_string }}</span> <a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
+ <h5>Archive</h5>
+ <ul>
+ {% for post in site.posts %}
+ <li><span>{{ post.date | date_to_string }}</span> <a href="{{ post.url }}">{{ post.title }}</a></li>
+ {% endfor %}
+ </ul>
</section>
{% endif %}
<footer class="post-footer">
- <!-- If we want to display author's name and bio -->
+ <!-- If we want to display author's name and bio -->
{% if site.author %}
+ <figure class="author-image">
+ <a class="img" href="{{ site.baseurl }}" style="background-image: url(/assets/images/profile.png)">
+ <span class="hidden">{{site.author}}'s Picture</span></a>
+ </figure>
<section class="author">
- <header> <a href="{{ site.baseurl }}"> <img class="profile" src="/assets/images/profile.png" alt="Author's profile picture"></a></header>
- <article>
- <!-- Author Name -->
- <h4> {{ site.author }} </h4>
- <!-- Author Bio -->
- <p>
- Here goes the author description. You might want to place some links too in here
- </p>
- </article>
+ <!-- Author Name -->
+ <h4> {{ site.author }} </h4>
+ <!-- Author Bio -->
+ <p>
+ Here goes the author description. You might want to place some links too in here
+ </p>
</section>
{% endif %}
- <section class="share">
- <h4>Share this post</h4>
- <a class="icon-twitter" href="http://twitter.com/share?text={{page.title}}&amp;url={{site.url}}{{ page.url }}"
- 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={{site.url}}{{page.url}}"
- 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={{site.url}}{{page.url}}"
- onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
- <span class="hidden">Google+</span>
- </a>
- </section>
+ <!-- Share links section -->
+ {% include share.html %}
+ <!-- Disqus comments -->
{% if page.disqus %}
- <section class="disqus">
- <div id="disqus_thread"></div>
- <script type="text/javascript">
-
- var disqus_shortname = '';
- var disqus_developer = 0; // developer mode is on
- (function() {
- var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
- dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
- (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
- })();
- </script>
- <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
- <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
- </section>
+ {% include disqus.html %}
{% endif %}
-
+
</footer>
</article>
View
@@ -3,4 +3,4 @@ layout: page
title: About me
---
-This is where you could put your "About me" page.
+This is a static page. It could be an 'about page' if you'd like.
View
@@ -1,52 +1,11 @@
---
# Let's add a comment to make this file sass-y.
+# Change this file for any custom CSS.
---
-/* Font size of 2.0 is too big, I'll reduce it */
-body {
- font-size: 1.9rem;
-}
-
-/* Adding some text shadow*/
-.site-head {
- text-shadow: 2px 2px #234;
-
- a {
- color: #eee;
- }
-}
-
-/* The font is too large in the post view. Revert to small size*/
-.post-header .blog-title {
- font-size: inherit;
-}
-
-/* Reduce font size and add line-height*/
-pre {
- font-size: 0.75em;
- line-height: 1.4em;
-}
-
-/* Author styling */
-.author {
- margin-bottom: 1em;
-
- header {
- float: left;
- width: 80px;
- }
-
- article {
- margin-left: 80px;
- min-height: 80px;
- padding-left: 20px;
- }
-}
-
-img.profile {
- width: 80px;
- height: auto;
- border-radius: 50px;
+/* We need to add display:inline in order to align the '>>' of the 'read more' link */
+.post-excerpt p {
+ display:inline;
}
// Import partials from `sass_dir` (defaults to `_sass`)
Oops, something went wrong.

0 comments on commit 5804bcf

Please sign in to comment.