leonids 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.gitignore +6 -0
- data/README.md +36 -0
- data/_includes/disqus.html +12 -0
- data/_includes/footer.html +3 -0
- data/_includes/head.html +21 -0
- data/_includes/js.html +14 -0
- data/_includes/nav.html +33 -0
- data/_includes/read_time.html +8 -0
- data/_includes/sidebar.html +27 -0
- data/_includes/social-links.html +40 -0
- data/_layouts/default.html +22 -0
- data/_layouts/page.html +21 -0
- data/_layouts/post.html +67 -0
- data/_layouts/post_listing.html +62 -0
- data/_sass/components/_buttons.scss +92 -0
- data/_sass/components/_global.scss +122 -0
- data/_sass/components/_grid.scss +125 -0
- data/_sass/components/_helpers.scss +194 -0
- data/_sass/components/_mixins.scss +280 -0
- data/_sass/components/_normalize.scss +427 -0
- data/_sass/components/_syntax-highlighting.scss +124 -0
- data/_sass/components/_typography.scss +98 -0
- data/_sass/components/_variables.scss +79 -0
- data/_sass/pages/_archive.scss +47 -0
- data/_sass/pages/_layout.scss +91 -0
- data/_sass/pages/_post.scss +248 -0
- data/_sass/pages/_tags.scss +58 -0
- data/categories/index.html +18 -0
- data/css/font-awesome.min.css +4 -0
- data/css/main.scss +27 -0
- data/favicon.ico +0 -0
- data/favicon.png +0 -0
- data/fonts/FontAwesome.otf +0 -0
- data/fonts/fontawesome-webfont.eot +0 -0
- data/fonts/fontawesome-webfont.svg +640 -0
- data/fonts/fontawesome-webfont.ttf +0 -0
- data/fonts/fontawesome-webfont.woff +0 -0
- data/fonts/fontawesome-webfont.woff2 +0 -0
- data/img/avatar.jpg +0 -0
- data/img/leonids-logo.png +0 -0
- data/index.html +4 -0
- data/js/jquery-2.1.4.min.js +4 -0
- data/js/main.js +2 -0
- data/leonids.gemspec +22 -0
- data/screenshot.png +0 -0
- metadata +146 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: 491def6cf69f11df3c57c1ee1393aaaee04ef9bc
|
|
4
|
+
data.tar.gz: b12d6c08b5fbb2ed9d2839c29c136db4b86ef2b2
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 7681c513b98afc049d1106a00f252083ed48fa1fc9055c6c3cfe6c450e4b146a6e39c372d792d4b1fdd0b461efd9cda5e504edf1aab3b370827362bcd7d77d7c
|
|
7
|
+
data.tar.gz: fb39ff9aa9f77d7c353776c09924b1749108ccf368c2386cc3bb1dcbf6b776a41a42dd89736ce336f3c8266ec07019f6a38921542d4a74b4c834039ed508164c
|
data/.gitignore
ADDED
data/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# Update 05/06/2016
|
|
2
|
+
|
|
3
|
+
Important! It's better to download the gzipped files instead of forking the repo. I would really appreciate if you could give me a star. 😁
|
|
4
|
+
|
|
5
|
+
This project is under MIT license, so feel free to make it your own.
|
|
6
|
+
|
|
7
|
+
# Leonids Jekyll Themes
|
|
8
|
+
|
|
9
|
+
**[Leonids](http://renyuanz.github.io/leonids)** is a clean Jekyll theme perfect for powering your GitHub hosted blog.
|
|
10
|
+
|
|
11
|
+
## What is Leonids?
|
|
12
|
+
|
|
13
|
+
* Responsive templates. Looking good on mobile, tablet, and desktop.
|
|
14
|
+
* Simple and clear permalink structure.
|
|
15
|
+
* Support for Disqus Comments.
|
|
16
|
+
* Support for multi-authors.
|
|
17
|
+
* **And** the Leonids (/ˈliːənɪdz/ lee-ə-nidz) are a prolific meteor shower associated with the comet [Tempel-Tuttle](https://en.wikipedia.org/wiki/55P/Tempel%E2%80%93Tuttle).
|
|
18
|
+
|
|
19
|
+
See a [demo](http://renyuanz.github.io/leonids/) hosted on GitHub.
|
|
20
|
+
|
|
21
|
+
## Quick setup
|
|
22
|
+
|
|
23
|
+
`git clone https://github.com/renyuanz/leonids`
|
|
24
|
+
|
|
25
|
+
`cd leonids`
|
|
26
|
+
|
|
27
|
+
`jekyll server`
|
|
28
|
+
|
|
29
|
+
Check out your awesome blog at `http://localhost:4000` and Cheers!
|
|
30
|
+
|
|
31
|
+
## TODO
|
|
32
|
+
|
|
33
|
+
- [ ] Build a timeline page.
|
|
34
|
+
- [ ] Build a portfolio page.
|
|
35
|
+
- [ ] Redesign categories page. Ref: [dribbble: blog category section By Ilja Miskov](https://dribbble.com/shots/2274792-Blog-Category-Selection)
|
|
36
|
+
- [ ] Multi languages support.
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<script type="text/javascript">
|
|
2
|
+
/* * * CONFIGURATION VARIABLES * * */
|
|
3
|
+
var disqus_shortname = '{{ site.owner.disqus-shortname }}';
|
|
4
|
+
|
|
5
|
+
/* * * DON'T EDIT BELOW THIS LINE * * */
|
|
6
|
+
(function() {
|
|
7
|
+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
8
|
+
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
|
|
9
|
+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
|
10
|
+
})();
|
|
11
|
+
</script>
|
|
12
|
+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
|
data/_includes/head.html
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8">
|
|
3
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
4
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
5
|
+
|
|
6
|
+
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }} | A Jekyll theme{% endif %}</title>
|
|
7
|
+
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
|
8
|
+
|
|
9
|
+
<!-- CSS files -->
|
|
10
|
+
<link rel="stylesheet" href="{{ site.url }}/css/font-awesome.min.css">
|
|
11
|
+
<link rel="stylesheet" href="{{ site.url }}/css/main.css">
|
|
12
|
+
|
|
13
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
|
|
14
|
+
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ " /feed.xml " | prepend: site.url }}" />
|
|
15
|
+
|
|
16
|
+
<!-- Icons -->
|
|
17
|
+
<!-- 16x16 -->
|
|
18
|
+
<link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
|
|
19
|
+
<!-- 32x32 -->
|
|
20
|
+
<link rel="shortcut icon" href="{{ site.url }}/favicon.png">
|
|
21
|
+
</head>
|
data/_includes/js.html
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<script type="text/javascript" src="{{ site.url }}/js/jquery-2.1.4.min.js"></script>
|
|
2
|
+
<script type="text/javascript" src="{{ site.url }}/js/main.js"></script>
|
|
3
|
+
{% if site.owner.google.analytics %}
|
|
4
|
+
<!-- Asynchronous Google Analytics snippet -->
|
|
5
|
+
<script>
|
|
6
|
+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
7
|
+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
8
|
+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
9
|
+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
10
|
+
|
|
11
|
+
ga('create', '{{ site.owner.google.analytics }}', 'auto');
|
|
12
|
+
ga('send', 'pageview');
|
|
13
|
+
</script>
|
|
14
|
+
{% endif %}
|
data/_includes/nav.html
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<nav class="post-navigation" role="navigation">
|
|
2
|
+
<div class="row">
|
|
3
|
+
<div class="col s5">
|
|
4
|
+
<div class="post-nav-prev">
|
|
5
|
+
{% if page.previous %}
|
|
6
|
+
<a href="{{ site.url }}{{ page.previous.url }}" title="{{ page.previous.title }}">
|
|
7
|
+
<div class="post-nav-btn">
|
|
8
|
+
<div class="post-nav-text"><span class="danger-text-color"><i class="fa fa-angle-left"></i> ~ </span><span class="hidden-md primary-text-color">{{ page.previous.title }}</span></div>
|
|
9
|
+
</div>
|
|
10
|
+
</a>
|
|
11
|
+
{% endif %}
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="col s2">
|
|
15
|
+
<a href="{{ site.url }}/">
|
|
16
|
+
<div class="leonids-icon">
|
|
17
|
+
<i class="fa fa-leaf"></i>
|
|
18
|
+
</div>
|
|
19
|
+
</a>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="col s5 right">
|
|
22
|
+
<div class="post-nav-next">
|
|
23
|
+
{% if page.next %}
|
|
24
|
+
<a href="{{ site.url }}{{ page.next.url }}" title="{{ page.previous.title }}">
|
|
25
|
+
<div class="post-nav-btn">
|
|
26
|
+
<div class="post-nav-text"><span class="hidden-md primary-text-color">{{ page.next.title }}</span><span class="success-text-color"> ~ <i class="fa fa-angle-right"></i></span></div>
|
|
27
|
+
</div>
|
|
28
|
+
</a>
|
|
29
|
+
{% endif %}
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</nav>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{% if page.author %} {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %} {% endif %}
|
|
2
|
+
|
|
3
|
+
<div class="cover-card table-cell table-middle">
|
|
4
|
+
{% if author.avatar %}
|
|
5
|
+
<img src="{{ site.url }}/img/{{ author.avatar }}" alt="" class="avatar">
|
|
6
|
+
{% endif %}
|
|
7
|
+
<a href="{{ site.url }}/" class="author_name">{{ author.name }}</a>
|
|
8
|
+
<span class="author_job">{{ author.job }}</span>
|
|
9
|
+
<span class="author_bio mbm">{{ author.bio }}</span>
|
|
10
|
+
<nav class="nav">
|
|
11
|
+
<ul class="nav-list">
|
|
12
|
+
<li class="nav-item">
|
|
13
|
+
<a href="{{ site.url }}/">home</a>
|
|
14
|
+
<span>/</span>
|
|
15
|
+
</li>
|
|
16
|
+
{% for page in site.pages %} {% if page.title %}
|
|
17
|
+
<li class="nav-item">
|
|
18
|
+
<a href="{{ site.url }}{{ page.url }}">{{ page.title }}</a>
|
|
19
|
+
{% unless forloop.last %}
|
|
20
|
+
<span>/</span>
|
|
21
|
+
{% endunless %}
|
|
22
|
+
</li>
|
|
23
|
+
{% endif %} {% endfor %}
|
|
24
|
+
</ul>
|
|
25
|
+
</nav>
|
|
26
|
+
{% include social-links.html %}
|
|
27
|
+
</div>
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<script type="text/javascript">
|
|
2
|
+
// based on http://stackoverflow.com/a/10300743/280842
|
|
3
|
+
function gen_mail_to_link(hs, subject) {
|
|
4
|
+
var lhs,rhs;
|
|
5
|
+
var p = hs.split('@');
|
|
6
|
+
lhs = p[0];
|
|
7
|
+
rhs = p[1];
|
|
8
|
+
document.write("<a class=\"social-link-item\" target=\"_blank\" href=\"mailto");
|
|
9
|
+
document.write(":" + lhs + "@");
|
|
10
|
+
document.write(rhs + "?subject=" + subject + "\"><i class=\"fa fa-fw fa-envelope\"></i><\/a>");
|
|
11
|
+
}
|
|
12
|
+
</script>
|
|
13
|
+
<div class="social-links">
|
|
14
|
+
<ul>
|
|
15
|
+
{% if author.email %}
|
|
16
|
+
<li>
|
|
17
|
+
<script>gen_mail_to_link('{{ author.email }}', 'Hello from website');</script>
|
|
18
|
+
</li>
|
|
19
|
+
{% endif %}
|
|
20
|
+
{% if author.twitter %}<li><a href="http://twitter.com/{{ author.twitter }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-twitter"></i></a></li>{% endif %}
|
|
21
|
+
{% if author.facebook %}<li><a href="http://facebook.com/{{ author.facebook }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-facebook"></i></a></li>{% endif %}
|
|
22
|
+
{% if author.google.plus %}<li><a href="http://plus.google.com/+{{ author.google.plus }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-google-plus"></i> Google+</a></li>{% endif %}
|
|
23
|
+
{% if author.linkedin %}<li><a href="http://linkedin.com/in/{{ author.linkedin }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-linkedin"></i></a></li>{% endif %}
|
|
24
|
+
{% if author.xing %}<li><a href="http://www.xing.com/profile/{{ author.xing }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-xing"></i></a></li>{% endif %}
|
|
25
|
+
{% if author.instagram %}<li><a href="http://instagram.com/{{ author.instagram }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-instagram"></i></a></li>{% endif %}
|
|
26
|
+
{% if author.tumblr %}<li><a href="http://{{ author.tumblr }}.tumblr.com" class="social-link-item" target="_blank"><i class="fa fa-fw fa-tumblr"></i></a></li>{% endif %}
|
|
27
|
+
{% if author.github %}<li><a href="http://github.com/{{ author.github }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-github"></i></a></li>{% endif %}
|
|
28
|
+
{% if author.stackoverflow %}<li><a href="http://stackoverflow.com/users/{{ author.stackoverflow }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i></a></li>{% endif %}
|
|
29
|
+
{% if author.lastfm %}<li><a href="http://lastfm.com/user/{{ author.lastfm }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-music"></i></a></li>{% endif %}
|
|
30
|
+
{% if author.dribbble %}<li><a href="http://dribbble.com/{{ author.dribbble }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-dribbble"></i></a></li>{% endif %}
|
|
31
|
+
{% if author.pinterest %}<li><a href="http://www.pinterest.com/{{ author.pinterest }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-pinterest"></i></a></li>{% endif %}
|
|
32
|
+
{% if author.foursquare %}<li><a href="http://foursquare.com/{{ author.foursquare }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-foursquare"></i></a></li>{% endif %}
|
|
33
|
+
{% if author.steam %}<li><a href="http://steamcommunity.com/id/{{ author.steam }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-steam"></i></a></li>{% endif %}
|
|
34
|
+
{% if author.youtube %}<li><a href="https://youtube.com/user/{{ author.youtube }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-youtube"></i></a></li>{% endif %}
|
|
35
|
+
{% if author.soundcloud %}<li><a href="http://soundcloud.com/{{ author.soundcloud }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-soundcloud"></i></a></li>{% endif %}
|
|
36
|
+
{% if author.weibo %}<li><a href="http://www.weibo.com/{{ author.weibo }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-weibo"></i></a></li>{% endif %}
|
|
37
|
+
{% if author.flickr %}<li><a href="http://www.flickr.com/{{ author.flickr }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-flickr"></i></a></li>{% endif %}
|
|
38
|
+
{% if author.codepen %}<li><a href="http://codepen.io/{{ author.codepen }}" class="social-link-item" target="_blank"><i class="fa fa-fw fa-codepen"></i></a></li>{% endif %}
|
|
39
|
+
</ul>
|
|
40
|
+
</div>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
{% include head.html %}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="col s12 m3">
|
|
9
|
+
<div class="table cover">
|
|
10
|
+
{% include sidebar.html %}
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="col s12 m9">
|
|
14
|
+
<div class="post-listing">
|
|
15
|
+
{{ content }}
|
|
16
|
+
{% include footer.html %}
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
{% include js.html %}
|
|
21
|
+
</body>
|
|
22
|
+
</html>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div id="page">
|
|
6
|
+
<header class="page-header">
|
|
7
|
+
<h2>{{ page.title }}</h2>
|
|
8
|
+
</header>
|
|
9
|
+
|
|
10
|
+
<article class="page-content">
|
|
11
|
+
{{ content }}
|
|
12
|
+
</article>
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
</div><!-- end page content -->
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
{% if site.owner.disqus-shortname and page.comments == true %}
|
|
19
|
+
<div id="disqus_thread"></div>
|
|
20
|
+
{% include disqus.html %}
|
|
21
|
+
{% endif %}
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<a class="btn" href= "{{ site.url }}/" >
|
|
6
|
+
Home
|
|
7
|
+
</a>
|
|
8
|
+
{% if page.image.feature %}
|
|
9
|
+
<div class="post-image-feature">
|
|
10
|
+
<img class="feature-image" src=
|
|
11
|
+
{% if (page.image.feature contains 'https') or (page.image.feature contains 'http') %}
|
|
12
|
+
"{{ page.image.feature }}"
|
|
13
|
+
{% else %}
|
|
14
|
+
"{{ site.url }}/img/{{ page.image.feature }}"
|
|
15
|
+
{% endif %}
|
|
16
|
+
alt="{{ page.title }} feature image">
|
|
17
|
+
|
|
18
|
+
{% if page.image.credit %}
|
|
19
|
+
<span class="image-credit">Photo Credit: <a href="{{ page.image.creditlink }}">{{ page.image.credit }}</a></span>
|
|
20
|
+
{% endif %}
|
|
21
|
+
</div><!-- /.image-wrap -->
|
|
22
|
+
{% endif %}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
<div id="post">
|
|
26
|
+
<header class="post-header">
|
|
27
|
+
<h1 title="{{ page.title }}">{{ page.title }}</h1>
|
|
28
|
+
<span class="post-meta">
|
|
29
|
+
<span class="post-date">
|
|
30
|
+
{{ page.date | date: "%-d %b %Y" | upcase }}
|
|
31
|
+
</span>
|
|
32
|
+
•
|
|
33
|
+
{% include read_time.html %}
|
|
34
|
+
</span>
|
|
35
|
+
|
|
36
|
+
</header>
|
|
37
|
+
|
|
38
|
+
<article class="post-content">
|
|
39
|
+
{{ content }}
|
|
40
|
+
</article>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div class="share-buttons">
|
|
44
|
+
<h6>Share on: </h6>
|
|
45
|
+
<ul>
|
|
46
|
+
<li>
|
|
47
|
+
<a href="https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url }}" class="twitter btn" title="Share on Twitter"><i class="fa fa-twitter"></i><span> Twitter</span></a>
|
|
48
|
+
</li>
|
|
49
|
+
<li>
|
|
50
|
+
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" class="facebook btn" title="Share on Facebook"><i class="fa fa-facebook"></i><span> Facebook</span></a>
|
|
51
|
+
</li>
|
|
52
|
+
<li>
|
|
53
|
+
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" class="google-plus btn" title="Share on Google Plus"><i class="fa fa-google-plus"></i><span> Google+</span></a>
|
|
54
|
+
</li>
|
|
55
|
+
<li>
|
|
56
|
+
<a href="https://news.ycombinator.com/submitlink?u={{ site.url }}{{ page.url }}" class="hacker-news btn" title="Share on Hacker News"><i class="fa fa-hacker-news"></i><span> Hacker News</span></a>
|
|
57
|
+
</li>
|
|
58
|
+
<li>
|
|
59
|
+
<a href="https://www.reddit.com/submit?url={{ site.url }}{{ page.url }}" class="reddit btn" title="Share on Reddit"><i class="fa fa-reddit"></i><span> Reddit</span></a>
|
|
60
|
+
</li>
|
|
61
|
+
</ul>
|
|
62
|
+
</div><!-- end share-buttons -->
|
|
63
|
+
|
|
64
|
+
{% if site.owner.disqus-shortname and page.comments == true %}
|
|
65
|
+
<div id="disqus_thread"></div>
|
|
66
|
+
{% include disqus.html %}
|
|
67
|
+
{% endif %}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% for post in site.posts %}
|
|
6
|
+
<section class="post">
|
|
7
|
+
<header class="post-header">
|
|
8
|
+
<p class="post-meta">
|
|
9
|
+
<span class="post-date">
|
|
10
|
+
{{ post.date | date: "%-d %b %Y" | upcase }}
|
|
11
|
+
</span>
|
|
12
|
+
{% if post.categories.size > 0 %}
|
|
13
|
+
•
|
|
14
|
+
{% for cat in post.categories %}
|
|
15
|
+
<a class="post-cat" href="{{ site.url }}/categories/#{{ cat }}">{{ cat }}</a>
|
|
16
|
+
{% unless forloop.last %}
|
|
17
|
+
<span>/</span>
|
|
18
|
+
{% endunless %}
|
|
19
|
+
{% endfor %}
|
|
20
|
+
{% endif %}
|
|
21
|
+
</p>
|
|
22
|
+
<h4>
|
|
23
|
+
<a href="{{ site.url }}{{ post.url }}" class="post-title" title="{{ post.title }}">{{ post.title }}</a>
|
|
24
|
+
{% if post.link %}
|
|
25
|
+
<a class="post-title-link" href="{{ post.link }}" target="_blank" title="{{ post.title }}"><i class="fa fa-external-link"></i></a>
|
|
26
|
+
{% endif %}
|
|
27
|
+
</h4>
|
|
28
|
+
|
|
29
|
+
{% if post.author %}
|
|
30
|
+
{% assign author = site.data.authors[post.author] %}
|
|
31
|
+
{% else %}
|
|
32
|
+
{% assign author = site.owner %}
|
|
33
|
+
{% endif %}
|
|
34
|
+
|
|
35
|
+
</header>
|
|
36
|
+
|
|
37
|
+
{% if post.excerpt %}
|
|
38
|
+
<div class="post-description">
|
|
39
|
+
<p>
|
|
40
|
+
{{ post.excerpt }}
|
|
41
|
+
</p>
|
|
42
|
+
</div>
|
|
43
|
+
{% endif %}
|
|
44
|
+
|
|
45
|
+
{% if post.image.feature %}
|
|
46
|
+
<div class="post-image-feature">
|
|
47
|
+
<img src=
|
|
48
|
+
{% if post.image.feature contains 'http' %}
|
|
49
|
+
"{{ post.image.feature }}"
|
|
50
|
+
{% else %}
|
|
51
|
+
"{{ site.url }}/img/{{ post.image.feature }}"
|
|
52
|
+
{% endif %}
|
|
53
|
+
alt="{{ post.title }} feature image">
|
|
54
|
+
|
|
55
|
+
{% if post.image.credit %}
|
|
56
|
+
<span class="image-credit">Photo Credit: <a href="{{ post.image.creditlink }}">{{ post.image.credit }}</a></span>
|
|
57
|
+
{% endif %}
|
|
58
|
+
</div><!-- /.image-wrap -->
|
|
59
|
+
{% endif %}
|
|
60
|
+
|
|
61
|
+
</section>
|
|
62
|
+
{% endfor %}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/* Buttons
|
|
2
|
+
========================================================================== */
|
|
3
|
+
|
|
4
|
+
// General
|
|
5
|
+
.btn {
|
|
6
|
+
display: inline-block;
|
|
7
|
+
margin-bottom: 20px;
|
|
8
|
+
padding: 8px 20px;
|
|
9
|
+
font-size: 0.875em;
|
|
10
|
+
font-family: $font-family-base;
|
|
11
|
+
font-weight: 700;
|
|
12
|
+
background-color: $primary;
|
|
13
|
+
color: $white;
|
|
14
|
+
border-width: 2px !important;
|
|
15
|
+
border-style: solid !important;
|
|
16
|
+
border-color: $primary;
|
|
17
|
+
text-decoration: none !important;
|
|
18
|
+
border-radius: 5px;
|
|
19
|
+
&:visited {
|
|
20
|
+
color: $white;
|
|
21
|
+
border-color: $primary;
|
|
22
|
+
}
|
|
23
|
+
&:hover {
|
|
24
|
+
background-color: $white;
|
|
25
|
+
color: $primary;
|
|
26
|
+
border-color: $primary;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// Success button
|
|
31
|
+
.btn-success {
|
|
32
|
+
background-color: $success;
|
|
33
|
+
color: $white;
|
|
34
|
+
border-color: $success;
|
|
35
|
+
&:visited {
|
|
36
|
+
color: $white;
|
|
37
|
+
border-color: $success;
|
|
38
|
+
}
|
|
39
|
+
&:hover {
|
|
40
|
+
background-color: $white;
|
|
41
|
+
color: $success;
|
|
42
|
+
border-color: $success;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// Warning button
|
|
47
|
+
.btn-warning {
|
|
48
|
+
background-color: $warning;
|
|
49
|
+
color: $white;
|
|
50
|
+
border-color: $warning;
|
|
51
|
+
&:visited {
|
|
52
|
+
color: $white;
|
|
53
|
+
border-color: $warning;
|
|
54
|
+
}
|
|
55
|
+
&:hover {
|
|
56
|
+
background-color: $white;
|
|
57
|
+
color: $warning;
|
|
58
|
+
border-color: $warning;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// Danger button
|
|
63
|
+
.btn-danger {
|
|
64
|
+
background-color: $danger;
|
|
65
|
+
color: $white;
|
|
66
|
+
border-color: $danger;
|
|
67
|
+
&:visited {
|
|
68
|
+
color: $white;
|
|
69
|
+
border-color: $danger;
|
|
70
|
+
}
|
|
71
|
+
&:hover {
|
|
72
|
+
background-color: $white;
|
|
73
|
+
color: $danger;
|
|
74
|
+
border-color: $danger;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// Information button
|
|
79
|
+
.btn-info {
|
|
80
|
+
background-color: $info;
|
|
81
|
+
color: $white;
|
|
82
|
+
border-color: $info;
|
|
83
|
+
&:visited {
|
|
84
|
+
border-color: $info;
|
|
85
|
+
color: $white;
|
|
86
|
+
}
|
|
87
|
+
&:hover {
|
|
88
|
+
background-color: $white;
|
|
89
|
+
color: $info;
|
|
90
|
+
border-color: $info;
|
|
91
|
+
}
|
|
92
|
+
}
|