best-blogging-theme 0.1.2 → 0.1.3
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 +4 -4
- data/_data/blog/authors.yml +1 -7
- data/_data/blog/footer.json +85 -0
- data/_includes/footer/index.html +16 -40
- data/_includes/header/nav-menu.html +6 -11
- data/_includes/pagination.html +10 -5
- data/_includes/postbox.html +12 -19
- data/_includes/search-lunr.html +4 -2
- data/_layouts/blog.html +13 -15
- data/_layouts/post.html +2 -2
- data/_sass/theme/_blog.scss +28 -2
- data/_sass/theme/_footer.scss +3 -3
- data/_sass/theme/_header.scss +20 -0
- data/readme.md +320 -1
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 355a7cb5835ae193784be153b9fd6d97988235af0599574b911740b38ad23ec5
|
|
4
|
+
data.tar.gz: 42994ca1b9adeea6bcaab9e9cdc0bc6c6d07181b85e2b6ad3c496c159a698f2b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 68f80837ab61c98c1688ca42d1a1a4dfdbe10e91a89754938eacc1dbc6d132c3d2d8ccec778edfd2d86e42b4caa46b92804933d0115c0f1df7a2e415b15ee1ae
|
|
7
|
+
data.tar.gz: 49e1764133ce49d6af08e12d3b81f442fa0781601c2da34ed72a82003eeffb986d686e35f100af72d7959ca5ce1543630f1ff1fdcb7c8dee4159e3818597b316
|
data/_data/blog/authors.yml
CHANGED
|
@@ -2,10 +2,4 @@ Manpreet:
|
|
|
2
2
|
name: Manpreet singh
|
|
3
3
|
image: /assets/images/manpreet.png
|
|
4
4
|
bio: Author4 of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo.
|
|
5
|
-
twitter: https://twitter.com/home
|
|
6
|
-
|
|
7
|
-
nisha:
|
|
8
|
-
name: Nisha
|
|
9
|
-
image: /assets/images/avatar.png
|
|
10
|
-
bio: Author5 of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo.
|
|
11
|
-
twitter: https://twitter.com/home
|
|
5
|
+
twitter: https://twitter.com/home
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
{
|
|
2
|
+
"footerMenu": {
|
|
3
|
+
"dropdown": [{
|
|
4
|
+
"categoryName":"Cricket Posts",
|
|
5
|
+
"links": [
|
|
6
|
+
{
|
|
7
|
+
"name": "blog1",
|
|
8
|
+
"url":"/"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"name": "blog2",
|
|
12
|
+
"url":"/"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "blog3",
|
|
16
|
+
"url":"/"
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"categoryName":"Latest Posts",
|
|
22
|
+
"links": [
|
|
23
|
+
{
|
|
24
|
+
"name": "blog1",
|
|
25
|
+
"url":"/"
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"name": "blog1",
|
|
29
|
+
"url":"/"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"name": "blog1",
|
|
33
|
+
"url":"/"
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"categoryName":"Website Name",
|
|
40
|
+
"links": [
|
|
41
|
+
{
|
|
42
|
+
"name": "Terms and conditions",
|
|
43
|
+
"url":"/"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"name": "Privacy Policy",
|
|
47
|
+
"url":"/"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "Disclaimer",
|
|
51
|
+
"url":"/"
|
|
52
|
+
}
|
|
53
|
+
]
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
|
|
58
|
+
"socialIcon":[
|
|
59
|
+
{
|
|
60
|
+
"target": "_blank",
|
|
61
|
+
"href": "https://www.facebook.com/",
|
|
62
|
+
"i": "fab fa-facebook-square"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"target": "_blank",
|
|
66
|
+
"href": "https://twitter.com/",
|
|
67
|
+
"i": "fab fa-twitter-square"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"target": "_blank",
|
|
71
|
+
"href": "https://www.linkedin.com/",
|
|
72
|
+
"i": "fab fa-linkedin-in"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"target": "_blank",
|
|
76
|
+
"href": "https://github.com/",
|
|
77
|
+
"i": "fab fa-github"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"target": "_blank",
|
|
81
|
+
"href": "https://slack.com/intl/en-in/",
|
|
82
|
+
"i": "fab fa-slack"
|
|
83
|
+
}
|
|
84
|
+
]
|
|
85
|
+
}
|
data/_includes/footer/index.html
CHANGED
|
@@ -1,29 +1,17 @@
|
|
|
1
|
+
{%- assign footerData = site.data.blog.footer.footerMenu.dropdown -%}
|
|
1
2
|
<div class="container-fluid">
|
|
2
3
|
<div class="main_row row py-5 px-5 mx-0">
|
|
3
4
|
<div class="col-md-10 mx-auto">
|
|
4
5
|
<div class="row d-flex justify-content-between">
|
|
6
|
+
{%- for item in footerData -%}
|
|
5
7
|
<div class="col-md-2">
|
|
6
|
-
<p class="font-weight-bold footer_subheading">
|
|
7
|
-
|
|
8
|
-
<p><a class="footer__link" href="
|
|
9
|
-
|
|
10
|
-
<p><a class="footer__link" href="#">Blog4</a></p>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="col-md-2">
|
|
13
|
-
<p class=" font-weight-bold footer_subheading">Latest Posts</p>
|
|
14
|
-
<div class="usefull_links">
|
|
15
|
-
<p><a class="footer__link" href="#">Blog5</a></p>
|
|
16
|
-
<p><a class="footer__link" href="#">Blog6</a></p>
|
|
17
|
-
<p><a class="footer__link" href="#">Blog7</a></p>
|
|
18
|
-
<p><a class="footer__link" href="#">Blog8</a></p>
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="col-md-2">
|
|
22
|
-
<p class="font-weight-bold footer_subheading">Website Name</p>
|
|
23
|
-
<p><a class="footer__link" href="/terms-and-conditions">Terms and Conditions</a></p>
|
|
24
|
-
<p><a class="footer__link" href="/privacy-policy">Privacy Policy</a></p>
|
|
25
|
-
<p><a class="footer__link" href="/disclaimer">Disclaimer</a></p>
|
|
8
|
+
<p class="font-weight-bold footer_subheading">{{item.categoryName}}</p>
|
|
9
|
+
{%- for item in item.links -%}
|
|
10
|
+
<p><a class="footer__link" href="{{item.url}}">{{item.name}}</a></p>
|
|
11
|
+
{% endfor %}
|
|
26
12
|
</div>
|
|
13
|
+
{% endfor %}
|
|
14
|
+
|
|
27
15
|
<div class="col-md-4">
|
|
28
16
|
<p class="footer_subheading">Feedback</p>
|
|
29
17
|
<p> Share your expierence with Math-World</p>
|
|
@@ -38,36 +26,24 @@
|
|
|
38
26
|
<div class="col-12 mt-2">
|
|
39
27
|
<p class="footer_subheading text-center">Follow us on</p>
|
|
40
28
|
<div class="icons d-flex align-items-center justify-content-center">
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
<a target="_blank" href="https://twitter.com/"><i class="fab fa-twitter-square s_link"></i>
|
|
45
|
-
</a>
|
|
46
|
-
<a target="_blank" href="https://www.linkedin.com/">
|
|
47
|
-
<i class="fab fa-linkedin-in s_link"></i>
|
|
48
|
-
</a>
|
|
49
|
-
<a target="_blank" href="https://github.com/">
|
|
50
|
-
<i class="fab fa-github s_link"></i>
|
|
51
|
-
</a>
|
|
52
|
-
<a target="_blank" href="https://slack.com/intl/en-in/">
|
|
53
|
-
<i class="fab fa-slack s_link"></i>
|
|
29
|
+
{%- for item in site.data.blog.footer.socialIcon -%}
|
|
30
|
+
<a target="{{item.target}}" href="{{item.href}}">
|
|
31
|
+
<i class="{{item.i}} s_link"></i>
|
|
54
32
|
</a>
|
|
33
|
+
{%- endfor -%}
|
|
55
34
|
</div>
|
|
56
35
|
</div>
|
|
57
36
|
</div>
|
|
58
37
|
</div>
|
|
59
38
|
</div>
|
|
60
39
|
</div>
|
|
61
|
-
<div class="row m-0 py-3" style="background-color: #
|
|
40
|
+
<div class="row m-0 py-3" style="background-color: #00ab6b;">
|
|
62
41
|
<div class="col-12">
|
|
63
42
|
<div class="d-flex justify-content-between px-md-5 px-0 footer__flexbox">
|
|
64
|
-
<p class="m-0 text-white"
|
|
65
|
-
|
|
66
|
-
for the people of the internet.
|
|
67
|
-
</p>
|
|
68
|
-
<p class="m-0"><a class="footer__link" href="/about-us">About Us</a>
|
|
43
|
+
<p class="m-0 text-white">{{site.copyright_text}}</p>
|
|
44
|
+
<!-- <p class="m-0"><a class="footer__link" href="/about-us">About Us</a>
|
|
69
45
|
<a class="footer__link" href="/contact-us">| Contact Us</a>
|
|
70
|
-
</p>
|
|
46
|
+
</p> -->
|
|
71
47
|
</div>
|
|
72
48
|
</div>
|
|
73
49
|
</div>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
{%- assign navBarData = site.data.blog.nav.navItems -%}
|
|
1
2
|
<nav class="navbar navbar-expand-lg navbar-light">
|
|
2
3
|
<div class="container-fluid p-0">
|
|
3
4
|
{%- assign navbar = site.data.blog.nav -%}
|
|
@@ -17,22 +18,16 @@
|
|
|
17
18
|
|
|
18
19
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
19
20
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar__nav">
|
|
20
|
-
{%- for item in
|
|
21
|
+
{%- for item in navBarData -%}
|
|
21
22
|
<li class="nav-item">
|
|
22
23
|
<a class="nav-link" href="/{{item.url}}">{{item.name}}</a>
|
|
23
24
|
</li>
|
|
24
25
|
{% endfor %}
|
|
26
|
+
|
|
27
|
+
<li class="nav-item">
|
|
28
|
+
{% include search-lunr.html %}
|
|
29
|
+
</li>
|
|
25
30
|
</ul>
|
|
26
31
|
</div>
|
|
27
|
-
|
|
28
|
-
<form action="">
|
|
29
|
-
<input type="text" class="form-control" placeholder="Serach"
|
|
30
|
-
style="border-bottom: 1px solid;
|
|
31
|
-
border-left:none; border-right:0; border-top:none;
|
|
32
|
-
border-radius: 5px;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
">
|
|
36
|
-
</form>
|
|
37
32
|
</div>
|
|
38
33
|
</nav>
|
data/_includes/pagination.html
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
<!-- pagination -->
|
|
2
|
+
<div class="bottompagination">
|
|
3
|
+
<div class="pointerup"><i class="fa fa-caret-up"></i></div>
|
|
4
|
+
<span class="navigation" role="navigation"></span>
|
|
5
|
+
</div>
|
|
2
6
|
{% if paginator.total_pages > 1 %}
|
|
3
|
-
<div class="
|
|
7
|
+
<div class="blog-pagination">
|
|
4
8
|
{% if paginator.previous_page %}
|
|
5
|
-
<a style="color: #
|
|
9
|
+
<a style="color: #00ab6b; font-weight: 900;"
|
|
6
10
|
href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a>
|
|
7
11
|
{% else %}
|
|
8
12
|
<span class="text-muted">« Prev</span>
|
|
@@ -12,16 +16,17 @@
|
|
|
12
16
|
{% if page == paginator.page %}
|
|
13
17
|
<span class="webjeda text-muted">{{ page }}</span>
|
|
14
18
|
{% elsif page == 1 %}
|
|
15
|
-
<a href="/blog" style="color: #
|
|
19
|
+
<a href="/blog" style="color: #00ab6b; font-weight: 900;">{{ page }}</a>
|
|
16
20
|
{% else %}
|
|
17
|
-
<a style="color: #
|
|
21
|
+
<a style="color: #00ab6b; font-weight: 900;"
|
|
18
22
|
href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page
|
|
19
23
|
}}</a>
|
|
20
24
|
{% endif %}
|
|
21
25
|
{% endfor %}
|
|
22
26
|
|
|
23
27
|
{% if paginator.next_page %}
|
|
24
|
-
<a style="color:#
|
|
28
|
+
<a style="color:#00ab6b; font-weight: 900;"
|
|
29
|
+
href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
|
|
25
30
|
»</a>
|
|
26
31
|
{% else %}
|
|
27
32
|
<span class="text-muted">Next »</span>
|
data/_includes/postbox.html
CHANGED
|
@@ -1,38 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
<div class="card h-100">
|
|
1
|
+
<div class="col-lg-3 col-md-6 mb-4 card-group">
|
|
2
|
+
<div class="card h-100" style="border-radius:16px" id="{{post.categories}}">
|
|
4
3
|
<a href="{{ post.url }}">
|
|
5
|
-
<img src="{{ post.image }}" class="card-img-top"
|
|
4
|
+
<img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px; height: 170px;"
|
|
5
|
+
alt="not found">
|
|
6
6
|
</a>
|
|
7
7
|
<div class="card-body">
|
|
8
8
|
<a href="{{ post.url }}" class="anchor_link">
|
|
9
|
-
<
|
|
9
|
+
<h1 class="card-title mb-4">{{ post.title }}</h1>
|
|
10
10
|
</a>
|
|
11
11
|
</div>
|
|
12
|
-
|
|
13
12
|
{% assign author = site.data.blog.authors[post.author] %}
|
|
14
|
-
<div class="card-footer
|
|
13
|
+
<div class="card-footer">
|
|
15
14
|
<div class="wrapfooter">
|
|
16
|
-
{% if post.author %}
|
|
17
15
|
<span class="meta-footer-thumb">
|
|
18
16
|
<img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
|
|
19
17
|
</span>
|
|
20
|
-
{% endif %}
|
|
21
|
-
|
|
22
18
|
<span class="author-meta">
|
|
23
19
|
<span class="post-name">
|
|
24
|
-
<a target="_blank" href="/
|
|
20
|
+
<a target="_blank" href="/">{{post.author}}</a>
|
|
25
21
|
</span><br>
|
|
26
22
|
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
27
23
|
</span>
|
|
28
|
-
<span class="post-read-more"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
fill-rule="evenodd"></path>
|
|
33
|
-
</svg></a></span>
|
|
24
|
+
<span class="post-read-more">
|
|
25
|
+
<a href="{{ post.url }}" title="Read Story">
|
|
26
|
+
Read More
|
|
27
|
+
</a></span>
|
|
34
28
|
</div>
|
|
35
29
|
</div>
|
|
36
30
|
</div>
|
|
37
|
-
</div>
|
|
38
|
-
<!-- end post -->
|
|
31
|
+
</div>
|
data/_includes/search-lunr.html
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<form class="bd-search m-0" onSubmit="return lunr_search(document.getElementById('lunrsearch').value);">
|
|
2
2
|
<input type="text" class="form-control text-small launch-modal-search" id="lunrsearch" name="q" maxlength="255"
|
|
3
|
-
value="" placeholder="Type and enter..."
|
|
3
|
+
value="" placeholder="Type and enter..." style="border-bottom: 1px solid;
|
|
4
|
+
border-left:none; border-right:0; border-top:none;
|
|
5
|
+
border-radius: 5px;">
|
|
4
6
|
</form>
|
|
5
7
|
|
|
6
8
|
<div id="lunrsearchresults">
|
|
@@ -8,4 +10,4 @@
|
|
|
8
10
|
</div>
|
|
9
11
|
|
|
10
12
|
<script src=" {{site.url}}/assets/js/lunr.js"></script>
|
|
11
|
-
<script src="{{site.url}}/assets/js/lunrsearchengine.js"></script>
|
|
13
|
+
<script src="{{site.url}}/assets/js/lunrsearchengine.js"></script>
|
data/_layouts/blog.html
CHANGED
|
@@ -24,36 +24,35 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
<!-- close -->
|
|
26
26
|
|
|
27
|
-
|
|
28
|
-
{% for post in paginator.posts
|
|
29
|
-
<div class="col-lg-
|
|
30
|
-
<div class="card h-100" style="border-radius:
|
|
27
|
+
<div class="row">
|
|
28
|
+
{% for post in paginator.posts%}
|
|
29
|
+
<div class="col-lg-3 col-md-6 mb-4 card-group">
|
|
30
|
+
<div class="card h-100" style="border-radius:16px" id="{{post.categories}}">
|
|
31
31
|
<a href="{{ post.url }}">
|
|
32
|
-
<img src="{{ post.image }}" class="card-img-top"
|
|
33
|
-
|
|
32
|
+
<img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px; height: 170px;"
|
|
33
|
+
alt="not found">
|
|
34
34
|
</a>
|
|
35
35
|
<div class="card-body">
|
|
36
36
|
<a href="{{ post.url }}" class="anchor_link">
|
|
37
|
-
<
|
|
37
|
+
<h1 class="card-title mb-4">{{ post.title }}</h1>
|
|
38
38
|
</a>
|
|
39
39
|
</div>
|
|
40
|
-
|
|
41
40
|
{% assign author = site.data.blog.authors[post.author] %}
|
|
42
|
-
<div class="card-footer
|
|
41
|
+
<div class="card-footer">
|
|
43
42
|
<div class="wrapfooter">
|
|
44
|
-
{% if post.author %}
|
|
45
43
|
<span class="meta-footer-thumb">
|
|
46
44
|
<img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
|
|
47
45
|
</span>
|
|
48
|
-
{% endif %}
|
|
49
|
-
|
|
50
46
|
<span class="author-meta">
|
|
51
47
|
<span class="post-name">
|
|
52
|
-
<a target="_blank" href="/
|
|
48
|
+
<a target="_blank" href="/">{{post.author}}</a>
|
|
53
49
|
</span><br>
|
|
54
50
|
<span class="post-date">{{post.date | date_to_string }}</span>
|
|
55
51
|
</span>
|
|
56
|
-
<span class="post-read-more
|
|
52
|
+
<span class="post-read-more">
|
|
53
|
+
<a href="{{ post.url }}" title="Read Story">
|
|
54
|
+
Read More
|
|
55
|
+
</a></span>
|
|
57
56
|
</div>
|
|
58
57
|
</div>
|
|
59
58
|
</div>
|
|
@@ -69,7 +68,6 @@
|
|
|
69
68
|
{% include footer/index.html %}
|
|
70
69
|
|
|
71
70
|
{% include scripts.html %}
|
|
72
|
-
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
|
|
73
71
|
</body>
|
|
74
72
|
|
|
75
73
|
</html>
|
data/_layouts/post.html
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
{% include author_bio.html %}
|
|
44
44
|
{% endif %}
|
|
45
45
|
|
|
46
|
-
<div class="post-content">
|
|
46
|
+
<div class="post-content fetch-posts-content mt-5">
|
|
47
47
|
{{ content }}
|
|
48
48
|
</div>
|
|
49
49
|
{%- include paginationPostPage.html -%}
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
</div>
|
|
57
57
|
</section>
|
|
58
58
|
{%- include section/count.html -%}
|
|
59
|
+
{%- include footer/index.html -%}
|
|
59
60
|
{% include scripts.html %}
|
|
60
|
-
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
|
|
61
61
|
</body>
|
|
62
62
|
|
|
63
63
|
</html>
|
data/_sass/theme/_blog.scss
CHANGED
|
@@ -22,6 +22,12 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
+
@media(max-width:768px){
|
|
26
|
+
.card-img-top{
|
|
27
|
+
height:auto !important;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
25
31
|
.blog-post {
|
|
26
32
|
font-size: 20px;
|
|
27
33
|
color: rgb(37, 34, 34);
|
|
@@ -161,15 +167,16 @@
|
|
|
161
167
|
}
|
|
162
168
|
|
|
163
169
|
.explore {
|
|
164
|
-
margin:
|
|
170
|
+
margin: 100px 0;
|
|
165
171
|
height: 300px;
|
|
166
|
-
background:
|
|
172
|
+
background: #00ab6b;
|
|
167
173
|
width: 100%;
|
|
168
174
|
text-align: center;
|
|
169
175
|
display: grid;
|
|
170
176
|
place-items: center;
|
|
171
177
|
/* min-height: 100vh; */
|
|
172
178
|
color: #fff;
|
|
179
|
+
font-weight: 400;
|
|
173
180
|
.cat {
|
|
174
181
|
display: inline-block;
|
|
175
182
|
padding: 7px 10px;
|
|
@@ -195,3 +202,22 @@
|
|
|
195
202
|
margin-bottom: -1px;
|
|
196
203
|
}
|
|
197
204
|
}
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
/* Blog-Pages-Pagination stlying*/
|
|
208
|
+
.blog-pagination a,
|
|
209
|
+
.blog-pagination span {
|
|
210
|
+
padding: 7px 10px;
|
|
211
|
+
margin-left: -2px;
|
|
212
|
+
margin-right: -2px;
|
|
213
|
+
background-color: #ffffff;
|
|
214
|
+
display: inline-block;
|
|
215
|
+
text-decoration: none;
|
|
216
|
+
}
|
|
217
|
+
.blog-pagination{
|
|
218
|
+
text-align: center;
|
|
219
|
+
a:hover {
|
|
220
|
+
background-color: #f1f1f1;
|
|
221
|
+
color: #333;
|
|
222
|
+
}
|
|
223
|
+
}
|
data/_sass/theme/_footer.scss
CHANGED
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
border-radius: 5px;
|
|
24
24
|
padding: 4px 20px !important;
|
|
25
25
|
border: none;
|
|
26
|
-
color: $
|
|
27
|
-
background:
|
|
26
|
+
color: $white;
|
|
27
|
+
background: #00ab6b;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
.footer__link {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
.s_link {
|
|
41
41
|
margin: 0 20px;
|
|
42
42
|
font-size: 1rem;
|
|
43
|
-
color:
|
|
43
|
+
color: #00ab6b;
|
|
44
44
|
z-index: 99999;
|
|
45
45
|
border-radius: 100%;
|
|
46
46
|
}
|
data/_sass/theme/_header.scss
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
/* common css */
|
|
3
|
+
body::-webkit-scrollbar {
|
|
4
|
+
height: 1rem;
|
|
5
|
+
width: 12px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
body::-webkit-scrollbar-thumb {
|
|
9
|
+
background: #fff;
|
|
10
|
+
border-radius: 1.25rem;
|
|
11
|
+
border:none;
|
|
12
|
+
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
body::-webkit-scrollbar-track {
|
|
16
|
+
box-shadow: inset 0 0 5px grey;
|
|
17
|
+
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
1
21
|
body {
|
|
2
22
|
font-family: Quicksand, sans-serif !important;
|
|
3
23
|
}
|
data/readme.md
CHANGED
|
@@ -1 +1,320 @@
|
|
|
1
|
-
|
|
1
|
+
--------------------------------------
|
|
2
|
+
# BEST-BLOGGING-THEME
|
|
3
|
+
--------------------------------------
|
|
4
|
+
|
|
5
|
+
### THEME IMPORT GUIDE
|
|
6
|
+
|
|
7
|
+
------------------------------------------------
|
|
8
|
+
HOW TO IMPORT THIS THEME IN YOUR JEKYLL PROJECT.
|
|
9
|
+
------------------------------------------------
|
|
10
|
+
|
|
11
|
+
SO, Basically, we have very easy three steps to import theme in any Jekyll project.
|
|
12
|
+
|
|
13
|
+
STEP:1 Add this lines of code in YOUR Gemfile. (so just copy it and paste it on your gemfile)
|
|
14
|
+
|
|
15
|
+
GEMFILE ->
|
|
16
|
+
|
|
17
|
+
source "https://rubygems.org"
|
|
18
|
+
|
|
19
|
+
gem "jekyll", "~> 3.9.0" // JEKYLL VERSION SHOULD BE SAME
|
|
20
|
+
|
|
21
|
+
gem 'best-blogging-theme', '~> 0.1.2' //THEME NAME SHOULD BE SAME, BUT VERSION WILL BE CHANGED AFTER LATEST UPDATE, SO PLEASE FOLLOW OUR RUBY GEMS: https://rubygems.org/gems/best-blogging-theme, WHERE YOU CAN CHECK IN WHICH LATEST VERSION RUNNING IN THE THEME.
|
|
22
|
+
|
|
23
|
+
gem "kramdown-parser-gfm" // THIS WILL BE SAME
|
|
24
|
+
|
|
25
|
+
FOLLOWING PLUGINS ARE ALSO REQUIRED:
|
|
26
|
+
|
|
27
|
+
group :jekyll_plugins do
|
|
28
|
+
gem "jekyll-feed"
|
|
29
|
+
gem "jekyll-sitemap"
|
|
30
|
+
gem "jekyll-include-cache"
|
|
31
|
+
gem 'jekyll-paginate'
|
|
32
|
+
end
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
STEP: 2 Also add this line of code in _config.yml. (so just copy it and paste it on your _config.yml)
|
|
36
|
+
|
|
37
|
+
CONFIG.YML ->
|
|
38
|
+
permalink: /blog/:title // IF YOU ARE SERVE BLOG SITE LIKE, WWW.DOMAIN.COM THEN USE /title.
|
|
39
|
+
// BUT IF YOU ARE SERVE BLOG SITE LIKE, WWW.DOMAIN.COM/BLOG THEN USE SAME AS GIVEN PERMALINK: /blog/title.
|
|
40
|
+
|
|
41
|
+
paginate: '12' // BY DEFAULT 12 BLOG POST IN SINGLE PAGE, IF YOU WANT TO CHANGE THEN CHANGE ACCORDILY.
|
|
42
|
+
paginate_path: '/blog/page:num/' // PAGINATE-PATH DENOTE WHEN WE WENT ANOTHER BLOG PAGE, THOSE URL LIKE THAT, WWW.DOMAIN.COM/BLOG/PAGE1/, ALSO CAN CHANGE.
|
|
43
|
+
|
|
44
|
+
### Build settings
|
|
45
|
+
theme: best-blogging-theme //ENSURE THAT THEME NAME WILL BE SAME AS IN GEMFILE THEME NAME. IT IS MANDTARY ALSO IN CONFIG.YML FILE
|
|
46
|
+
markdown: kramdown // IT WILL BE SAME .
|
|
47
|
+
|
|
48
|
+
when you paste all these things in your files. after that open terminal and write command: bundle install
|
|
49
|
+
|
|
50
|
+
-----------------------------------------------------------------------------
|
|
51
|
+
ENSURE THAT, WHEN WE CHANGED THESE FILES. THEN WE NEED TO DELETE GEMFILE.LOCK
|
|
52
|
+
AFTER THAT, HIT BUNDLE INSTALL
|
|
53
|
+
PLEASE THIS WILL REQUIRED BEFORE HIT BUNDLE INSTALL.
|
|
54
|
+
-----------------------------------------------------------------------------
|
|
55
|
+
|
|
56
|
+
STEP: 3 SO, AFTER BUNDLE INSTALL
|
|
57
|
+
|
|
58
|
+
-----------------------------------------------------
|
|
59
|
+
ALL THE DEPENDENCY HAS BEEN INSTALLED IN YOUR PROJECT.
|
|
60
|
+
------------------------------------------------------
|
|
61
|
+
|
|
62
|
+
----------------------------------------------
|
|
63
|
+
SUCCESFULLY THEME IMPORTED NOW IN YOUR PROJECT.
|
|
64
|
+
----------------------------------------------
|
|
65
|
+
|
|
66
|
+
-----------------------------------------------------------------------------
|
|
67
|
+
|
|
68
|
+
### blog layout Import guide:
|
|
69
|
+
|
|
70
|
+
-------------------------------
|
|
71
|
+
How to use blog layout by theme
|
|
72
|
+
-------------------------------
|
|
73
|
+
|
|
74
|
+
Before blog layout use, I hope theme will be imported in your project successfully.
|
|
75
|
+
If not then GO TO TOP:
|
|
76
|
+
|
|
77
|
+
WE HAVE FOLLOWING TWO BLOG LAYOUTS:
|
|
78
|
+
|
|
79
|
+
#### 1. blog
|
|
80
|
+
#### 2. categories
|
|
81
|
+
|
|
82
|
+
*******************************
|
|
83
|
+
CREATE FILE FOR BLOG LAYOUT IN ROOT DIR:
|
|
84
|
+
OR ANYWHERE ITS DEPEND UPON YOU.
|
|
85
|
+
*********************************
|
|
86
|
+
|
|
87
|
+
#### FOR EXAMPLE:
|
|
88
|
+
|
|
89
|
+
#### index.html
|
|
90
|
+
//ensure that file extention will be .html, if .md then i am sure that you blog post pagination won't works.
|
|
91
|
+
|
|
92
|
+
---
|
|
93
|
+
layout: blog
|
|
94
|
+
title: BloggingSite //Title of blog
|
|
95
|
+
---
|
|
96
|
+
|
|
97
|
+
another example:
|
|
98
|
+
#### blog/index.html //inside blog folder
|
|
99
|
+
|
|
100
|
+
---
|
|
101
|
+
layout: blog
|
|
102
|
+
title: BloggingSite //Title of blog
|
|
103
|
+
---
|
|
104
|
+
|
|
105
|
+
*******************************
|
|
106
|
+
CREATE FILE FOR CATEGORIES LAYOUT IN ROOT DIR:
|
|
107
|
+
*********************************
|
|
108
|
+
|
|
109
|
+
#### FOR EXAMPLE
|
|
110
|
+
#### categories.md
|
|
111
|
+
---
|
|
112
|
+
layout: categories
|
|
113
|
+
title: BloggingSite Categories // TITLE OF BLOG Categories
|
|
114
|
+
permalink: /categories
|
|
115
|
+
---
|
|
116
|
+
|
|
117
|
+
#### IF YOU ARE USING BLOG LAYUT UNDER BLOG FOLDER
|
|
118
|
+
---
|
|
119
|
+
layout: categories
|
|
120
|
+
title: BloggingSite Categories // TITLE OF BLOG Categories
|
|
121
|
+
permalink: /blog/categories
|
|
122
|
+
---
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
#### Now, you can see blog layout is visible in your project.
|
|
126
|
+
|
|
127
|
+
THESE LAYOUTS DATA DRIVEN BY JSON DATA OR YML FILES, YOU IF YOU WANT CHANGE FOR EXAMPLE:
|
|
128
|
+
#### TITLE, META, NAVLINK, LOGO, BLOGTITLE, TAGLINE, FOOTERLINK ETC.
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
--------------------------------------------------------------------------
|
|
132
|
+
#### CREATE blog(folder) in _data(dir), for ex:) _data/blog
|
|
133
|
+
|
|
134
|
+
UNDER THESE FOLLOWING JSON OR YML FILES. YOU CAN CHANGE DATA ACOORDING ON YOUR PROJECT.
|
|
135
|
+
|
|
136
|
+
#### 1. authors.yml
|
|
137
|
+
#### 2. blog.yml
|
|
138
|
+
#### 3. nav.json
|
|
139
|
+
#### 4. share.yml
|
|
140
|
+
#### 5. footer.json
|
|
141
|
+
#### 6. disquss comment system
|
|
142
|
+
|
|
143
|
+
#### authors.yml // BLOG POST AUTHOR CAN CHANGE HERE.
|
|
144
|
+
|
|
145
|
+
Manpreet:
|
|
146
|
+
name: Manpreet singh
|
|
147
|
+
image: /assets/images/manpreet.png
|
|
148
|
+
bio: Author4 of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo.
|
|
149
|
+
twitter: https://twitter.com/home
|
|
150
|
+
|
|
151
|
+
#### blog.yml //CHANGE H1 OR TAGLING OF BLOG
|
|
152
|
+
---
|
|
153
|
+
h1: Latest Posts from our Blog
|
|
154
|
+
tagline: Best Blogging Site
|
|
155
|
+
|
|
156
|
+
---
|
|
157
|
+
// REMOVE --- END OF THE LINE, ITS NOT REQUIRED.
|
|
158
|
+
|
|
159
|
+
#### nav.json // NAVLINK CAN BE CHANGE .
|
|
160
|
+
{
|
|
161
|
+
"navbarBrandText": "", //NAVTEXT LIKE "bloggingsite"
|
|
162
|
+
"navbarBrandLogo": "/assets/images/bebo-logo.svg", //LOGO
|
|
163
|
+
"navItems":[
|
|
164
|
+
{
|
|
165
|
+
"name":"home", //navlinks
|
|
166
|
+
"url":"/home" // navurl
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"name":"blog",
|
|
170
|
+
"url":"/blog"
|
|
171
|
+
}
|
|
172
|
+
]
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
you can add nav links according to your requirements.
|
|
176
|
+
|
|
177
|
+
#### share.yml //if you want change sharing handle then you can
|
|
178
|
+
#### Sharing options at the bottom of the post.
|
|
179
|
+
#### Icons from <https://fontawesome.com/>
|
|
180
|
+
|
|
181
|
+
label: 'Share'
|
|
182
|
+
platforms:
|
|
183
|
+
- type: Twitter
|
|
184
|
+
icon: 'fab fa-twitter'
|
|
185
|
+
link: 'https://twitter.com/intent/tweet?url=URL'
|
|
186
|
+
- type: Facebook
|
|
187
|
+
icon: 'fab fa-facebook-square'
|
|
188
|
+
link: 'https://www.facebook.com/sharer/sharer.php?u=URL'
|
|
189
|
+
- type: Linkedin
|
|
190
|
+
icon: 'fab fa-linkedin'
|
|
191
|
+
link: 'https://www.linkedin.com/sharing/share-offsite/?url=URL'
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
#### footer.json
|
|
195
|
+
{
|
|
196
|
+
"footerMenu": {
|
|
197
|
+
"dropdown": [{
|
|
198
|
+
"categoryName":"Cricket Posts",
|
|
199
|
+
"links": [
|
|
200
|
+
{
|
|
201
|
+
"name": "blog1",
|
|
202
|
+
"url":"/"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "blog2",
|
|
206
|
+
"url":"/"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "blog3",
|
|
210
|
+
"url":"/"
|
|
211
|
+
}
|
|
212
|
+
]
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"categoryName":"Latest Posts",
|
|
216
|
+
"links": [
|
|
217
|
+
{
|
|
218
|
+
"name": "blog1",
|
|
219
|
+
"url":"/"
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "blog1",
|
|
223
|
+
"url":"/"
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
"name": "blog1",
|
|
227
|
+
"url":"/"
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
]
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"categoryName":"Website Name",
|
|
234
|
+
"links": [
|
|
235
|
+
{
|
|
236
|
+
"name": "Terms and conditions",
|
|
237
|
+
"url":"/"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"name": "Privacy Policy",
|
|
241
|
+
"url":"/"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "Disclaimer",
|
|
245
|
+
"url":"/"
|
|
246
|
+
}
|
|
247
|
+
]
|
|
248
|
+
}
|
|
249
|
+
]
|
|
250
|
+
},
|
|
251
|
+
|
|
252
|
+
"socialIcon":[
|
|
253
|
+
{
|
|
254
|
+
"target": "_blank",
|
|
255
|
+
"href": "https://www.facebook.com/",
|
|
256
|
+
"i": "fab fa-facebook-square"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"target": "_blank",
|
|
260
|
+
"href": "https://twitter.com/",
|
|
261
|
+
"i": "fab fa-twitter-square"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"target": "_blank",
|
|
265
|
+
"href": "https://www.linkedin.com/",
|
|
266
|
+
"i": "fab fa-linkedin-in"
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"target": "_blank",
|
|
270
|
+
"href": "https://github.com/",
|
|
271
|
+
"i": "fab fa-github"
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"target": "_blank",
|
|
275
|
+
"href": "https://slack.com/intl/en-in/",
|
|
276
|
+
"i": "fab fa-slack"
|
|
277
|
+
}
|
|
278
|
+
]
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
<!-- IF YOU WANT TO CHANGE COPYRIGHT TEXT THEN GO TO CONFIG.YML FILE AND EDIT COPYRIGHT TEXT VARIABLE -->
|
|
282
|
+
|
|
283
|
+
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
#### disquss comment system
|
|
287
|
+
|
|
288
|
+
sO, NOW YOU CAN DISQUSS COMMENT SYSTEM VERY EASILY IN YOUR PROJECT.
|
|
289
|
+
FIRST, YOU NEED TO CREATE ACCOUNT ON DISQUSS LINK: https://disqus.com/
|
|
290
|
+
AFTER THAT, CREATE ACCOUNT AND SETUP COMMENT SYSTEM FOR WEBSITE.
|
|
291
|
+
|
|
292
|
+
AFTER, CREATING ACCOUNT FOR WEBSITE, DISQUSS GIVE YOU SHORTNAME : FOR EXAMPLE : MYSITE
|
|
293
|
+
|
|
294
|
+
JUST COPY THAT SHORTNAME AND PASTE IT IN CONFIG.YML.
|
|
295
|
+
FOR EXAMPLE:
|
|
296
|
+
|
|
297
|
+
CONFIG.YML
|
|
298
|
+
|
|
299
|
+
disquss:
|
|
300
|
+
shortname: yourshortname
|
|
301
|
+
|
|
302
|
+
after that you can see that comment system added to your website.
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
## ENJOY THE BLOGGING THEME
|
|
307
|
+
|
|
308
|
+
|
|
309
|
+
|
|
310
|
+
|
|
311
|
+
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
|
|
316
|
+
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: best-blogging-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- manpreet-choudhary
|
|
@@ -61,6 +61,7 @@ extra_rdoc_files: []
|
|
|
61
61
|
files:
|
|
62
62
|
- _data/blog/authors.yml
|
|
63
63
|
- _data/blog/blog.yml
|
|
64
|
+
- _data/blog/footer.json
|
|
64
65
|
- _data/blog/nav.json
|
|
65
66
|
- _data/blog/share.yml
|
|
66
67
|
- _includes/author_bio.html
|