Skip to content
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
@@ -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:

@@ -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'
@@ -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>
@@ -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>
@@ -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>
@@ -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>

@@ -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>

@@ -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>
@@ -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.
@@ -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`)

0 comments on commit 5804bcf

Please sign in to comment.
You can’t perform that action at this time.