focus-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +52 -0
- data/_includes/comments.html +23 -0
- data/_includes/main-loop-card.html +27 -0
- data/_includes/meta-read-time.html +9 -0
- data/_includes/search-lunr.html +81 -0
- data/_includes/sidebar-featured.html +21 -0
- data/_includes/sidebar.html +7 -0
- data/_layouts/default.html +95 -0
- data/_layouts/page-sidebar.html +23 -0
- data/_layouts/page.html +14 -0
- data/_layouts/post.html +151 -0
- data/assets/css/main.css +8462 -0
- data/assets/css/theme.css +811 -0
- data/assets/images/1.jpg +0 -0
- data/assets/images/10.jpg +0 -0
- data/assets/images/11.jpg +0 -0
- data/assets/images/12.jpg +0 -0
- data/assets/images/13.jpg +0 -0
- data/assets/images/14.jpg +0 -0
- data/assets/images/15.jpg +0 -0
- data/assets/images/16.jpg +0 -0
- data/assets/images/17.jpg +0 -0
- data/assets/images/2.jpg +0 -0
- data/assets/images/3.jpg +0 -0
- data/assets/images/4.jpg +0 -0
- data/assets/images/5.jpg +0 -0
- data/assets/images/6.jpg +0 -0
- data/assets/images/7.jpg +0 -0
- data/assets/images/8.jpg +0 -0
- data/assets/images/9.jpg +0 -0
- data/assets/images/avatar1.jpg +0 -0
- data/assets/images/avatar2.jpg +0 -0
- data/assets/images/demo1.jpg +0 -0
- data/assets/images/favicon.ico +0 -0
- data/assets/images/home.jpg +0 -0
- data/assets/images/jekyll.svg +2 -0
- data/assets/images/screenshot.jpg +0 -0
- data/assets/js/bootstrap.js +7 -0
- data/assets/js/lunr.js +2977 -0
- data/assets/js/theme.js +136 -0
- metadata +123 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: fc516f4a700678338569c6d5f83a493af4469d0c35698c008a394992d9b901b1
|
4
|
+
data.tar.gz: 7cc140e8ea25810c3f1bbd1fcb83ac3a7bcba89639c76cb9fcbb2da3a007c2dd
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 3d32496ccecc3fe19a6e494a3cc811cad94f731a843ad40de530c7cde8ad3e18b6fa20b1cae1bb66c38979176fd1501feb9b34845913adfb95d030da549d6834
|
7
|
+
data.tar.gz: 9906c0f3cdb9ed3cb014476a67cc0c93a78fac6b12f9c5e39ae6b9b33e8e09929fa6594d20169fd2bef1f207dfd3cb394df0f286b4d0d7ec61e75ed231765e87
|
data/README.md
ADDED
@@ -0,0 +1,52 @@
|
|
1
|
+
# Jekyll Theme - Focus by Alex Thorpe
|
2
|
+
|
3
|
+
[Live Demo](https://aiproductstrategist/) |
|
4
|
+
[Download](https://github.com/mundana-theme-jekyll/archive/master.zip) |
|
5
|
+
|
6
|
+
## Documentation
|
7
|
+
|
8
|
+
In your _config.yml set the following
|
9
|
+
|
10
|
+
```
|
11
|
+
theme: focus // This is required
|
12
|
+
name: "My Personal Blog"
|
13
|
+
description: "Reflections, tutorials, and more."
|
14
|
+
favicon: "assets/images/custom-favicon.ico"
|
15
|
+
logo: "assets/images/custom-logo.png"
|
16
|
+
```
|
17
|
+
|
18
|
+
There are _data files that can be set by the user
|
19
|
+
|
20
|
+
authors.yml
|
21
|
+
|
22
|
+
```
|
23
|
+
authors:
|
24
|
+
sal:
|
25
|
+
name: "Sal"
|
26
|
+
site: "https://www.wowthemes.net"
|
27
|
+
avatar: "/assets/images/avatar1.jpg"
|
28
|
+
bio: "Hi, I am Sal, the author of Mundana, the theme you're currently previewing. I hope you like it!"
|
29
|
+
email: "wowthemesnet@gmail.com"
|
30
|
+
twitter: "https://twitter.com/wowthemesnet"
|
31
|
+
|
32
|
+
jane:
|
33
|
+
name: "Jane"
|
34
|
+
site: "https://www.wowthemes.net"
|
35
|
+
avatar: "/assets/images/avatar2.jpg"
|
36
|
+
bio: "Blogger, fashionista, love to explore new ideas and write on my morning coffee!"
|
37
|
+
email: "fakemail@gmail.com"
|
38
|
+
twitter: "https://twitter.com/wowthemesnet"
|
39
|
+
```
|
40
|
+
|
41
|
+
footer
|
42
|
+
|
43
|
+
```
|
44
|
+
copyright_title: "Focus"
|
45
|
+
show_credit: true
|
46
|
+
```
|
47
|
+
|
48
|
+
### Copyright
|
49
|
+
|
50
|
+
Copyright (C) 2024 Global Nomad.
|
51
|
+
|
52
|
+
Theme designed and developed by [Alex](https://globalnomadstudios.com), *free* under MIT license.
|
@@ -0,0 +1,23 @@
|
|
1
|
+
<!--
|
2
|
+
This file includes the Disqus comments integration for the website.
|
3
|
+
It creates a section for comments and loads the Disqus embed script asynchronously.
|
4
|
+
The Disqus shortname is dynamically set using the site's configuration in the _config.yml file.
|
5
|
+
If JavaScript is disabled, a message prompting the user to enable JavaScript is displayed.
|
6
|
+
-->
|
7
|
+
|
8
|
+
<div id="comments" class="mt-5">
|
9
|
+
<div id="disqus_thread">
|
10
|
+
</div>
|
11
|
+
<script type="text/javascript">
|
12
|
+
var disqus_shortname = '{{site.disqus}}';
|
13
|
+
var disqus_developer = 0;
|
14
|
+
(function() {
|
15
|
+
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
16
|
+
dsq.src = window.location.protocol + '//' + disqus_shortname + '.disqus.com/embed.js';
|
17
|
+
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
18
|
+
})();
|
19
|
+
</script>
|
20
|
+
<noscript>
|
21
|
+
Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
|
22
|
+
</noscript>
|
23
|
+
</div>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<div class="mb-5 d-flex justify-content-between main-loop-card">
|
2
|
+
<div class="pr-3">
|
3
|
+
<h2 class="mb-1 h4 font-weight-bold">
|
4
|
+
<a class="text-dark" href="{{site.baseurl}}{{post.url}}">{{ post.title }}</a>
|
5
|
+
</h2>
|
6
|
+
<p class="excerpt">
|
7
|
+
{{ post.excerpt | strip_html | strip_newlines | truncate: 186}}
|
8
|
+
</p>
|
9
|
+
<small class="d-block text-muted">
|
10
|
+
In <span class="catlist">
|
11
|
+
{% for category in post.categories %}
|
12
|
+
<a class="text-capitalize text-muted smoothscroll" href="{{site.baseurl}}/categories.html#{{ category | downcase }}">{{ category }}</a><span class="sep">, </span>
|
13
|
+
{% endfor %}
|
14
|
+
</span>
|
15
|
+
</small>
|
16
|
+
<small class="text-muted">
|
17
|
+
{{ post.date | date: '%b %d, %Y' }}
|
18
|
+
</small>
|
19
|
+
</div>
|
20
|
+
{% if post.image %}
|
21
|
+
<div class="col-md-3 pr-0 text-right">
|
22
|
+
<a href="{{site.baseurl}}{{post.url}}">
|
23
|
+
<img class="w-100" src="{% if post.image contains "://" %}{{ post.image }}{% else %}{{ site.baseurl }}/{{ post.image }}{% endif %}" alt="{{ post.title }}">
|
24
|
+
</a>
|
25
|
+
</div>
|
26
|
+
{% endif %}
|
27
|
+
</div>
|
@@ -0,0 +1,81 @@
|
|
1
|
+
<script src="{{site.baseurl}}/assets/js/lunr.js"></script>
|
2
|
+
|
3
|
+
<script>
|
4
|
+
$(function() {
|
5
|
+
$("#lunrsearchresults").on('click', '#btnx', function () {
|
6
|
+
$('#lunrsearchresults').hide( 1000 );
|
7
|
+
$( "body" ).removeClass( "modal-open" );
|
8
|
+
});
|
9
|
+
});
|
10
|
+
|
11
|
+
{% assign counter = 0 %}
|
12
|
+
var documents = [{% for page in site.pages %}{% if page.url contains '.xml' or page.url contains 'assets' %}{% else %}{
|
13
|
+
"id": {{ counter }},
|
14
|
+
"url": "{{ site.url }}{{site.baseurl}}{{ page.url }}",
|
15
|
+
"title": "{{ page.title }}",
|
16
|
+
"body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
|
17
|
+
}, {% endif %}{% endfor %}{% for page in site.without-plugin %}{
|
18
|
+
"id": {{ counter }},
|
19
|
+
"url": "{{ site.url }}{{site.baseurl}}{{ page.url }}",
|
20
|
+
"title": "{{ page.title }}",
|
21
|
+
"body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
|
22
|
+
}, {% endfor %}{% for page in site.posts %}{
|
23
|
+
"id": {{ counter }},
|
24
|
+
"url": "{{ site.url }}{{site.baseurl}}{{ page.url }}",
|
25
|
+
"title": "{{ page.title }}",
|
26
|
+
"body": "{{ page.date | date: "%Y/%m/%d" }} - {{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
|
27
|
+
}{% if forloop.last %}{% else %}, {% endif %}{% endfor %}];
|
28
|
+
|
29
|
+
var idx = lunr(function () {
|
30
|
+
this.ref('id')
|
31
|
+
this.field('title')
|
32
|
+
this.field('body')
|
33
|
+
|
34
|
+
documents.forEach(function (doc) {
|
35
|
+
this.add(doc)
|
36
|
+
}, this)
|
37
|
+
});
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
function lunr_search(term) {
|
42
|
+
$('#lunrsearchresults').show( 1000 );
|
43
|
+
$( "body" ).addClass( "modal-open" );
|
44
|
+
|
45
|
+
document.getElementById('lunrsearchresults').innerHTML = '<div id="resultsmodal" class="modal fade show d-block" tabindex="-1" role="dialog" aria-labelledby="resultsmodal"> <div class="modal-dialog shadow-lg" role="document"> <div class="modal-content"> <div class="modal-header" id="modtit"> <button type="button" class="close" id="btnx" data-dismiss="modal" aria-label="Close"> × </button> </div> <div class="modal-body"> <ul class="mb-0"> </ul> </div> <div class="modal-footer"><button id="btnx" type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Close</button></div></div> </div></div>';
|
46
|
+
if(term) {
|
47
|
+
document.getElementById('modtit').innerHTML = "<h5 class='modal-title'>Search results for '" + term + "'</h5>" + document.getElementById('modtit').innerHTML;
|
48
|
+
//put results on the screen.
|
49
|
+
var results = idx.search(term);
|
50
|
+
if(results.length>0){
|
51
|
+
//console.log(idx.search(term));
|
52
|
+
//if results
|
53
|
+
for (var i = 0; i < results.length; i++) {
|
54
|
+
// more statements
|
55
|
+
var ref = results[i]['ref'];
|
56
|
+
var url = documents[ref]['url'];
|
57
|
+
var title = documents[ref]['title'];
|
58
|
+
var body = documents[ref]['body'].substring(0,160)+'...';
|
59
|
+
document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML + "<li class='lunrsearchresult'><a href='" + url + "'><span class='title'>" + title + "</span><br /><small><span class='body'>"+ body +"</span><br /><span class='url'>"+ url +"</span></small></a></li>";
|
60
|
+
}
|
61
|
+
} else {
|
62
|
+
document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = "<li class='lunrsearchresult'>Sorry, no results found. Close & try a different search!</li>";
|
63
|
+
}
|
64
|
+
}
|
65
|
+
return false;
|
66
|
+
}
|
67
|
+
</script>
|
68
|
+
<style>
|
69
|
+
.lunrsearchresult .title {color: #d9230f;}
|
70
|
+
.lunrsearchresult .url {color: silver;}
|
71
|
+
.lunrsearchresult a {display: block; color: #777;}
|
72
|
+
.lunrsearchresult a:hover, .lunrsearchresult a:focus {text-decoration: none;}
|
73
|
+
.lunrsearchresult a:hover .title {text-decoration: underline;}
|
74
|
+
</style>
|
75
|
+
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
<form class="bd-search hidden-sm-down" onSubmit="return lunr_search(document.getElementById('lunrsearch').value);">
|
80
|
+
<input type="text" class="form-control text-small" id="lunrsearch" name="q" value="" placeholder="Type keyword and enter...">
|
81
|
+
</form>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<div class="sticky-top sticky-top-offset">
|
2
|
+
<h4 class="font-weight-bold spanborder"><span>Featured</span></h4>
|
3
|
+
<ol class="list-featured">
|
4
|
+
{% for post in site.tags.featured %}
|
5
|
+
<li class="mb-4">
|
6
|
+
<span>
|
7
|
+
<h6 class="font-weight-bold">
|
8
|
+
<a href="{{site.baseurl}}{{ post.url }}" class="text-dark">{{ post.title }}</a>
|
9
|
+
</h6>
|
10
|
+
<span class="d-block text-muted">
|
11
|
+
In <span class="catlist">
|
12
|
+
{% for category in post.categories %}
|
13
|
+
<a class="text-capitalize text-muted smoothscroll" href="{{site.baseurl}}/categories.html#{{ category | downcase }}">{{ category }}</a><span class="sep">, </span>
|
14
|
+
{% endfor %}
|
15
|
+
</span>
|
16
|
+
</span>
|
17
|
+
</span>
|
18
|
+
</li>
|
19
|
+
{% endfor %}
|
20
|
+
</ol>
|
21
|
+
</div>
|
@@ -0,0 +1,7 @@
|
|
1
|
+
<h5 class="mb-3">Mundana Jekyll Theme</h5>
|
2
|
+
|
3
|
+
<p>Hi! The website you are previewing is a demonstration for Mundana Jekyll theme, hosted on Github, made by <a href="https://www.wowthemes.net/donate/">Sal</a>.</p>
|
4
|
+
|
5
|
+
<a target="_blank" href="https://www.wowthemes.net/mundana-jekyll-theme/" class="btn btn-warning d-block mb-2"><i class="fa fa-file"></i> Documentation</a>
|
6
|
+
|
7
|
+
<a target="_blank" class="btn btn-danger d-block" href="https://www.wowthemes.net/donate/"><i class="fa fa-coffee"></i> Buy me a coffee</a>
|
@@ -0,0 +1,95 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
7
|
+
<title>{{page.title}} | {{site.name}}</title>
|
8
|
+
|
9
|
+
{% seo %}
|
10
|
+
|
11
|
+
<link rel="shortcut icon" type="image/x-icon" href="{{ '/site.favicon' | relative_url}}">
|
12
|
+
|
13
|
+
<!-- Font Awesome Icons -->
|
14
|
+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
|
15
|
+
|
16
|
+
<!-- Google Fonts-->
|
17
|
+
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700" rel="stylesheet">
|
18
|
+
|
19
|
+
<!-- Bootstrap Modified -->
|
20
|
+
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
|
21
|
+
|
22
|
+
|
23
|
+
<!-- Theme Stylesheet -->
|
24
|
+
<link rel="stylesheet" href="{{ '/assets/css/theme.css' | relative_url }}">
|
25
|
+
|
26
|
+
<!-- Jquery on header to make sure everything works, the rest of the scripts in footer for fast loading -->
|
27
|
+
<script
|
28
|
+
src="https://code.jquery.com/jquery-3.3.1.min.js"
|
29
|
+
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
|
30
|
+
crossorigin="anonymous"></script>
|
31
|
+
|
32
|
+
|
33
|
+
</head>
|
34
|
+
|
35
|
+
<body class="{% if page.url == "/" %} homefirstpage {% endif %}">
|
36
|
+
|
37
|
+
<!-- Navbar -->
|
38
|
+
<nav id="MagicMenu" class="topnav navbar navbar-expand-lg navbar-light bg-white fixed-top">
|
39
|
+
<div class="container">
|
40
|
+
<a class="navbar-brand" href="{{ site.baseurl }}/index.html"><strong>{{site.name}}</strong></a>
|
41
|
+
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
|
42
|
+
<span class="navbar-toggler-icon"></span>
|
43
|
+
</button>
|
44
|
+
<div class="navbar-collapse collapse" id="navbarColor02" style="">
|
45
|
+
<ul class="navbar-nav mr-auto d-flex align-items-center">
|
46
|
+
{% for link in site.data.menu %}
|
47
|
+
<li class="nav-item">
|
48
|
+
<a class="nav-link" href="{{ link.url | relative_url }}">{{ link.title }}</a>
|
49
|
+
</li>
|
50
|
+
{% endfor %}
|
51
|
+
</ul>
|
52
|
+
<ul class="navbar-nav ml-auto d-flex align-items-center">
|
53
|
+
{% include search-lunr.html %}
|
54
|
+
</ul>
|
55
|
+
</div>
|
56
|
+
</div>
|
57
|
+
</nav>
|
58
|
+
|
59
|
+
<!-- Search Results -->
|
60
|
+
<div id="lunrsearchresults">
|
61
|
+
<ul class="mb-0"></ul>
|
62
|
+
</div>
|
63
|
+
|
64
|
+
<!-- Content -->
|
65
|
+
<main role="main" class="site-content">
|
66
|
+
{{ content }}
|
67
|
+
</main>
|
68
|
+
|
69
|
+
|
70
|
+
<!-- Scripts: popper, bootstrap, theme, lunr -->
|
71
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
|
72
|
+
|
73
|
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
|
74
|
+
|
75
|
+
<script src="{{'/assets/js/theme.js' | relative_url }}"></script>
|
76
|
+
|
77
|
+
|
78
|
+
<!-- Footer -->
|
79
|
+
<footer class="bg-white border-top p-3 text-muted small">
|
80
|
+
<div class="container">
|
81
|
+
<div class="row align-items-center justify-content-between">
|
82
|
+
<div>
|
83
|
+
<span class="navbar-brand mr-2 mb-0"><strong>{{ site.data.footer.copyright_title }}</strong></span>
|
84
|
+
<span>Copyright © <script>document.write(new Date().getFullYear())</script>.</span>
|
85
|
+
</div>
|
86
|
+
{% if site.data.footer.show_credit %}
|
87
|
+
<div>
|
88
|
+
Made with <a target="_blank" class="text-dark font-weight-bold" href="https://www.globalnomadstudios.com/focus-jekyll-theme/"> Focus Jekyll Theme </a> by <a class="text-dark" target="_blank" href="https://www.globalnomadstudios.com">Global Nomad</a>.
|
89
|
+
</div>
|
90
|
+
{% endif %}
|
91
|
+
</div>
|
92
|
+
</div>
|
93
|
+
</footer>
|
94
|
+
</body>
|
95
|
+
</html>
|
@@ -0,0 +1,23 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<div class="container">
|
5
|
+
<h3 class="font-weight-bold spanborder"><span>{{page.title}}</span></h3>
|
6
|
+
<div class="row">
|
7
|
+
<div class="col-md-8">
|
8
|
+
{% if page.image %}
|
9
|
+
<img class="card-img-top mb-5 shadow-lg" src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ page.image | absolute_url }}{% endif %}" alt="{{ page.title }}">
|
10
|
+
{% endif %}
|
11
|
+
<div class="page-content">
|
12
|
+
{{ content }}
|
13
|
+
<!-- Comments -->
|
14
|
+
{% if page.comments == true %}
|
15
|
+
{% include comments.html %}
|
16
|
+
{% endif %}
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
<div class="col-md-4">
|
20
|
+
{% include sidebar.html %}
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
</div>
|
data/_layouts/page.html
ADDED
@@ -0,0 +1,14 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
<div class="container">
|
6
|
+
<h3 class="font-weight-bold spanborder"><span>{{page.title}}</span></h3>
|
7
|
+
<div class="page-content">
|
8
|
+
{{ content }}
|
9
|
+
<!-- Comments -->
|
10
|
+
{% if page.comments == true %}
|
11
|
+
{% include comments.html %}
|
12
|
+
{% endif %}
|
13
|
+
</div>
|
14
|
+
</div>
|
data/_layouts/post.html
ADDED
@@ -0,0 +1,151 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
{% assign author = site.authors[page.author] %}
|
5
|
+
<div class="container">
|
6
|
+
<div class="jumbotron jumbotron-fluid mb-3 pl-0 pt-0 pb-0 bg-white position-relative">
|
7
|
+
<div class="h-100 tofront">
|
8
|
+
<div class="row {% if page.image %} justify-content-between {% else %} justify-content-center {% endif %}">
|
9
|
+
<div class="{% if page.image %} col-md-6 {% else %} col-md-8 {% endif %} pr-0 pr-md-4 pt-4 pb-4 align-self-center">
|
10
|
+
<p class="text-uppercase font-weight-bold">
|
11
|
+
<span class="catlist">
|
12
|
+
{% for category in page.categories %}
|
13
|
+
<a class="sscroll text-danger" href="{{site.baseurl}}/categories.html#{{ category | downcase }}">{{ category | downcase }}</a><span class="sep">, </span>
|
14
|
+
{% endfor %}
|
15
|
+
</span>
|
16
|
+
</p>
|
17
|
+
<h1 class="display-4 mb-4 article-headline">{{ page.title }}</h1>
|
18
|
+
<div class="d-flex align-items-center">
|
19
|
+
{% if author.avatar %}
|
20
|
+
<img class="rounded-circle" src="{{site.baseurl}}/{{author.avatar}}" alt="{{author.name}}" width="70"/>
|
21
|
+
{% endif %}
|
22
|
+
<small class="ml-3"> {{ author.name }} <span><a target="_blank" href="{{ author.twitter }}" class="btn btn-outline-success btn-sm btn-round ml-1">Follow</a></span>
|
23
|
+
<span class="text-muted d-block mt-1">{{ page.date | date: '%b %d, %Y' }} · {% include meta-read-time.html %}</span>
|
24
|
+
</small>
|
25
|
+
</div>
|
26
|
+
</div>
|
27
|
+
{% if page.image %}
|
28
|
+
<div class="col-md-6 pr-0 align-self-center">
|
29
|
+
<img class="rounded" src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ site.baseurl }}/{{ page.image }}{% endif %}" alt="{{ page.title }}">
|
30
|
+
</div>
|
31
|
+
{% endif %}
|
32
|
+
</div>
|
33
|
+
</div>
|
34
|
+
</div>
|
35
|
+
</div>
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
<div class="container-lg pt-4 pb-4">
|
42
|
+
<div class="row justify-content-center">
|
43
|
+
|
44
|
+
|
45
|
+
<!-- Share -->
|
46
|
+
<div class="col-lg-2 pr-4 mb-4 col-md-12">
|
47
|
+
<div class="sticky-top sticky-top-offset text-center">
|
48
|
+
<div class="text-muted">
|
49
|
+
Share this
|
50
|
+
</div>
|
51
|
+
<div class="share d-inline-block">
|
52
|
+
<!-- AddToAny BEGIN -->
|
53
|
+
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
|
54
|
+
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
|
55
|
+
<a class="a2a_button_facebook"></a>
|
56
|
+
<a class="a2a_button_twitter"></a>
|
57
|
+
</div>
|
58
|
+
<script async src="https://static.addtoany.com/menu/page.js"></script>
|
59
|
+
<!-- AddToAny END -->
|
60
|
+
</div>
|
61
|
+
</div>
|
62
|
+
</div>
|
63
|
+
|
64
|
+
|
65
|
+
<div class="col-md-12 col-lg-8">
|
66
|
+
|
67
|
+
<!-- Article -->
|
68
|
+
<article class="article-post">
|
69
|
+
{{ content }}
|
70
|
+
</article>
|
71
|
+
|
72
|
+
<!-- Tags -->
|
73
|
+
<div class="mb-4">
|
74
|
+
<span class="taglist">
|
75
|
+
{% for tag in page.tags %}
|
76
|
+
<a class="sscroll btn btn-light btn-sm font-weight-bold" href="{{site.baseurl}}/tags.html#{{ tag | downcase }}">{{ tag | downcase }}</a>
|
77
|
+
{% endfor %}
|
78
|
+
</span>
|
79
|
+
</div>
|
80
|
+
|
81
|
+
<!-- Mailchimp Subscribe Form -->
|
82
|
+
{% if site.mailchimp-list %}
|
83
|
+
<div class="border p-5 bg-lightblue">
|
84
|
+
<div class="row justify-content-between">
|
85
|
+
<div class="col-md-6 mb-2 mb-md-0">
|
86
|
+
<h5 class="font-weight-bold">Join Newsletter</h5>
|
87
|
+
Get the latest news right in your inbox. We never spam!
|
88
|
+
</div>
|
89
|
+
<div class="col-md-6">
|
90
|
+
<div class="row">
|
91
|
+
<form action="{{site.mailchimp-list}}" method="post" name="mc-embedded-subscribe-form" class="wj-contact-form validate w-100" target="_blank" novalidate>
|
92
|
+
<div class="mc-field-group">
|
93
|
+
|
94
|
+
<input type="email" placeholder="Enter e-mail address" name="EMAIL" class="required email form-control w-100" id="mce-EMAIL" autocomplete="on" required>
|
95
|
+
|
96
|
+
|
97
|
+
<button type="submit" value="Subscribe" name="subscribe" class="heart btn btn-success btn-block w-100 mt-2">Subscribe</button>
|
98
|
+
|
99
|
+
</div>
|
100
|
+
</form>
|
101
|
+
</div>
|
102
|
+
</div>
|
103
|
+
</div>
|
104
|
+
</div>
|
105
|
+
{% endif %}
|
106
|
+
|
107
|
+
|
108
|
+
<!-- Author Box -->
|
109
|
+
{% if page.author %}
|
110
|
+
<div class="row mt-5">
|
111
|
+
<div class="col-md-2 align-self-center">
|
112
|
+
{% if author.avatar %}
|
113
|
+
<img class="rounded-circle" src="{{site.baseurl}}/{{author.avatar}}" alt="{{author.name}}" width="90"/>
|
114
|
+
{% endif %}
|
115
|
+
</div>
|
116
|
+
<div class="col-md-10">
|
117
|
+
<h5 class="font-weight-bold">Written by {{ author.name }} {% if author.twitter %}<span><a target="_blank" href="{{ author.twitter }}" class="btn btn-outline-success btn-sm btn-round ml-2">Follow</a></span>{% endif %}</h5>
|
118
|
+
{{ author.bio }}
|
119
|
+
</div>
|
120
|
+
</div>
|
121
|
+
{% endif %}
|
122
|
+
|
123
|
+
<!-- Comments -->
|
124
|
+
{% if page.comments != false %}
|
125
|
+
{% include comments.html %}
|
126
|
+
{% endif %}
|
127
|
+
|
128
|
+
</div>
|
129
|
+
|
130
|
+
|
131
|
+
</div>
|
132
|
+
</div>
|
133
|
+
|
134
|
+
|
135
|
+
<!-- Aletbar Prev/Next -->
|
136
|
+
<div class="alertbar">
|
137
|
+
<div class="container">
|
138
|
+
<div class="row prevnextlinks small font-weight-bold">
|
139
|
+
{% if page.previous.url %}
|
140
|
+
<div class="col-md-6 rightborder pl-0">
|
141
|
+
<a class="text-dark" href="{{ site.baseurl }}{{ page.previous.url }}">{% if page.previous.image %} <img height="30px" class="mr-1" src="{{site.baseurl}}/{{page.previous.image}}"> {% endif %} {{page.previous.title}}</a>
|
142
|
+
</div>
|
143
|
+
{% endif %}
|
144
|
+
{% if page.next.url %}
|
145
|
+
<div class="col-md-6 text-right pr-0">
|
146
|
+
<a class="text-dark" href="{{ site.baseurl }}{{ page.next.url }}"> {{page.next.title}} {% if page.next.image %} <img height="30px" class="ml-1" src="{{site.baseurl}}/{{page.next.image}}"> {% endif %}</a>
|
147
|
+
</div>
|
148
|
+
{% endif %}
|
149
|
+
</div>
|
150
|
+
</div>
|
151
|
+
</div>
|