best-blogging-theme 0.2.0 → 0.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/blog/footer.json +74 -74
- data/_data/blog/nav.json +11 -7
- data/_data/dataFiles/en/data.json +34 -0
- data/_data/theme/UI.json +3 -0
- data/_includes/custom-head.html +2 -1
- data/_includes/header/index.html +2 -1
- data/_includes/header/nav-menu.html +5 -1
- data/_includes/pagination.html +5 -4
- data/_includes/paginationPostPage.html +3 -2
- data/_includes/postbox.html +1 -1
- data/_includes/search-lunr.html +1 -3
- data/_includes/section/count.html +2 -1
- data/_includes/section/faq.html +32 -0
- data/_includes/section/recent_posts.html +42 -0
- data/_includes/section/related_post.html +55 -0
- data/_layouts/blog.html +5 -3
- data/_layouts/post.html +68 -59
- data/_sass/_main.scss +1 -0
- data/_sass/theme/_blog.scss +18 -0
- data/_sass/theme/_faq.scss +69 -0
- data/_sass/theme/_header.scss +11 -6
- data/_sass/theme/pagination2.scss +1 -1
- metadata +8 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9b621aa9a9df2b43729ad9a2c4760fe259abedffd1a14c3dd8c28d71f44026ec
|
4
|
+
data.tar.gz: 2d129a7f2556b24d47344be713dac16f19b4eea38cc391ffe7a595fb0e18bcf5
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c0e9fd8730d58bccc08b701ca254199a360a0ef91b09b53a90fb661b48dd7db9f90658a307f5a58ef70ca6b7c2d8cea3af0abab670d0a871080a2bc6182e64a3
|
7
|
+
data.tar.gz: 616fd058dbf09992019f413f239ef6770c442a0fcac6fc0ea53aa056c956505e57b7335c3676d66430af90f64d3bd808fc21007a79193ff3f1fb15c8daae751b
|
data/_data/blog/footer.json
CHANGED
@@ -1,86 +1,86 @@
|
|
1
1
|
{
|
2
|
-
"color": "deepskyblue",
|
3
2
|
"footerMenu": {
|
4
|
-
|
5
|
-
|
6
|
-
|
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":[
|
7
59
|
{
|
8
|
-
|
9
|
-
|
60
|
+
"target": "_blank",
|
61
|
+
"href": "https://www.facebook.com/",
|
62
|
+
"i": "fab fa-facebook-square"
|
10
63
|
},
|
11
64
|
{
|
12
|
-
|
13
|
-
|
65
|
+
"target": "_blank",
|
66
|
+
"href": "https://twitter.com/",
|
67
|
+
"i": "fab fa-twitter-square"
|
14
68
|
},
|
15
69
|
{
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
{
|
25
|
-
"name": "blog1",
|
26
|
-
"url":"/"
|
27
|
-
},
|
28
|
-
{
|
29
|
-
"name": "blog1",
|
30
|
-
"url":"/"
|
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"
|
31
78
|
},
|
32
79
|
{
|
33
|
-
|
34
|
-
|
80
|
+
"target": "_blank",
|
81
|
+
"href": "https://slack.com/intl/en-in/",
|
82
|
+
"i": "fab fa-slack"
|
35
83
|
}
|
36
|
-
|
37
|
-
]
|
38
|
-
},
|
39
|
-
{
|
40
|
-
"categoryName":"Website Name",
|
41
|
-
"links": [
|
42
|
-
{
|
43
|
-
"name": "Terms and conditions",
|
44
|
-
"url":"/"
|
45
|
-
},
|
46
|
-
{
|
47
|
-
"name": "Privacy Policy",
|
48
|
-
"url":"/"
|
49
|
-
},
|
50
|
-
{
|
51
|
-
"name": "Disclaimer",
|
52
|
-
"url":"/"
|
53
|
-
}
|
54
|
-
]
|
55
|
-
}
|
56
84
|
]
|
57
|
-
|
58
|
-
|
59
|
-
"socialIcon":[
|
60
|
-
{
|
61
|
-
"target": "_blank",
|
62
|
-
"href": "https://www.facebook.com/",
|
63
|
-
"i": "fab fa-facebook-square"
|
64
|
-
},
|
65
|
-
{
|
66
|
-
"target": "_blank",
|
67
|
-
"href": "https://twitter.com/",
|
68
|
-
"i": "fab fa-twitter-square"
|
69
|
-
},
|
70
|
-
{
|
71
|
-
"target": "_blank",
|
72
|
-
"href": "https://www.linkedin.com/",
|
73
|
-
"i": "fab fa-linkedin-in"
|
74
|
-
},
|
75
|
-
{
|
76
|
-
"target": "_blank",
|
77
|
-
"href": "https://github.com/",
|
78
|
-
"i": "fab fa-github"
|
79
|
-
},
|
80
|
-
{
|
81
|
-
"target": "_blank",
|
82
|
-
"href": "https://slack.com/intl/en-in/",
|
83
|
-
"i": "fab fa-slack"
|
84
|
-
}
|
85
|
-
]
|
85
|
+
|
86
86
|
}
|
data/_data/blog/nav.json
CHANGED
@@ -1,14 +1,18 @@
|
|
1
1
|
{
|
2
|
-
"navbarBrandText": "",
|
2
|
+
"navbarBrandText": "BestBloggingTheme",
|
3
3
|
"navbarBrandLogo": "/assets/images/bebo-logo.svg",
|
4
4
|
"navItems":[
|
5
5
|
{
|
6
|
-
"name":"",
|
6
|
+
"name":"Home",
|
7
7
|
"url":""
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
8
|
+
},
|
9
|
+
{
|
10
|
+
"name":"About",
|
11
|
+
"url":""
|
12
|
+
},
|
13
|
+
{
|
14
|
+
"name":"Blog",
|
15
|
+
"url":""
|
16
|
+
}
|
13
17
|
]
|
14
18
|
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
{
|
2
|
+
"faq_heading": "FREQUENTLY ASKED QUESTIONS",
|
3
|
+
"faqList":[
|
4
|
+
{
|
5
|
+
"question": "1. How to make the right choice every time?",
|
6
|
+
"answer": "Do you think a simple coin flip is going to ensure you always make the right choice?\nIt's true!\nMake one option head or tail. Consider it for a moment, visualising the two possibilities on either side. Toss the coin after taking a deep breath.\nIt suddenly doesn't matter which side of the coin lands on, because you already know which side you want it to land on.\nYou've received your answer. And it's the correct option."
|
7
|
+
},
|
8
|
+
{
|
9
|
+
"question": "2. Can you cheat a coin toss?",
|
10
|
+
"answer": "This tool is 100% cheat-proof way to flip a coin and get head or tail over the internet. There is no magic trick involved and it will not allow you to manipulate the outcome of a coin toss."
|
11
|
+
},
|
12
|
+
{
|
13
|
+
"question": "3. How to Use the Head or Tail Tool?",
|
14
|
+
"answer": "The world's most fashionable head or tail tool. Toss a virtual coin to make choices. One side is labelled \"Heads,\" while the other is labelled \"Tails.\" To begin random flipping, press the coin or the flip button. The probability of heads or tails is 50:50."
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"question": "4. When to use head or tail tool?",
|
18
|
+
"answer": "We've all found ourselves in positions where we couldn't decide whether to act or not. Those difficult 50/50 choices can be resolved by head or tail tool. Head or tail has always been a convenient and efficient way to reach a decision. Throughout history, it has been used to resolve disputes, declare winners. The outcome of head or tail tool can be used for conflict resolution"
|
19
|
+
},
|
20
|
+
{
|
21
|
+
"question": "5. Is it possible for a virtual coin to always generate a random head or tail result?",
|
22
|
+
"answer": "The chances of a coin flip are 50:50, as we discussed earlier. However, research indicates that there is a bias that makes the coin toss less equal. More precisely, catching the coin the same way we throw it has a 0.51 chance of happening. Despite this, flipping a coin is still a popular way to choose between two choices. We no longer have to be concerned with the physics of it. We can instead go to numbermagics.com and flip a virtual coin with a single click. It's a wonderful way to make a fast decision at any time and in any where."
|
23
|
+
},
|
24
|
+
{
|
25
|
+
"question": " What is head or tail in flip a coin game?",
|
26
|
+
"answer": "The side of the coin with an image, or head, is referred to as 'Heads,' while the opposite side is referred to as 'Tails.' This is not because it has a tail, but rather because it is the polar opposite of heads."
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"question": "Is flipping a coin head or tail a fair and unbaised method?",
|
30
|
+
"answer": "This application is a decision-making method that provides a satisfactory 50/50 outcome. numbermagic.com coin is simple, easy to use and fun tool for f;ip a coin and get head or tail, Flip-a-coin has 50 – 50 chances of turning head/tail. That makes heads and tails equally likely. The chance to get the head is equal to the chance to get a tail since a coin is supposed to be unbaised. Therefore the results of the toss are believed to be absolutely fair, purely a matter of luck at the moment. The coin toss has been used for many centuries to determine random results."
|
31
|
+
}
|
32
|
+
]
|
33
|
+
|
34
|
+
}
|
data/_data/theme/UI.json
ADDED
data/_includes/custom-head.html
CHANGED
@@ -12,7 +12,7 @@
|
|
12
12
|
<title data-rh="true">{{page.title}}</title>
|
13
13
|
|
14
14
|
<meta charset="UTF-8">
|
15
|
-
<meta
|
15
|
+
<meta data-rh="true" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
16
16
|
<meta name="keywords" content="{{site.keyboard}}">
|
17
17
|
<meta name="description" content="{{ seo_description}}">
|
18
18
|
<meta data-rh="true" property="description" content="{{ seo_description}}">
|
@@ -50,5 +50,6 @@
|
|
50
50
|
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
|
51
51
|
|
52
52
|
|
53
|
+
<meta name="google-site-verification" content="{{site.google_site_verification}}" />
|
53
54
|
{% include google-analytics.html %}
|
54
55
|
</head>
|
data/_includes/header/index.html
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
<!-- start Header Area -->
|
2
|
-
|
2
|
+
{%- assign theme = site.data.theme.UI -%}
|
3
|
+
<div class="container-fluid navigationBottomLine" style="background: {{theme.color}};">
|
3
4
|
<div class="container samePad">
|
4
5
|
<header>
|
5
6
|
{% include header/nav-menu.html %}
|
@@ -1,9 +1,10 @@
|
|
1
|
+
|
1
2
|
{%- assign navBarData = site.data.blog.nav.navItems -%}
|
2
3
|
<nav class="navbar navbar-expand-lg navbar-light">
|
3
4
|
<div class="container-fluid p-0">
|
4
5
|
{%- assign navbar = site.data.blog.nav -%}
|
5
6
|
{% if navbar.navbarBrandText != "" %}
|
6
|
-
<a class="navbar-brand" href="/" title="{{navbar.navbarBrandText}}">{{navbar.navbarBrandText}}</a>
|
7
|
+
<a class="navbar-brand text-white" href="/" title="{{navbar.navbarBrandText}}">{{navbar.navbarBrandText}}</a>
|
7
8
|
|
8
9
|
{% else %}
|
9
10
|
<a href="/">
|
@@ -19,9 +20,12 @@
|
|
19
20
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
20
21
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar__nav">
|
21
22
|
{%- for item in navBarData -%}
|
23
|
+
{%- if item.name -%}
|
22
24
|
<li class="nav-item">
|
23
25
|
<a class="nav-link" href="/{{item.url}}">{{item.name}}</a>
|
24
26
|
</li>
|
27
|
+
|
28
|
+
{%- endif -%}
|
25
29
|
{% endfor %}
|
26
30
|
|
27
31
|
<li class="nav-item">
|
data/_includes/pagination.html
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
1
2
|
<!-- pagination -->
|
2
3
|
<div class="bottompagination">
|
3
4
|
<div class="pointerup"><i class="fa fa-caret-up"></i></div>
|
@@ -6,7 +7,7 @@
|
|
6
7
|
{% if paginator.total_pages > 1 %}
|
7
8
|
<div class="blog-pagination">
|
8
9
|
{% if paginator.previous_page %}
|
9
|
-
<a style="color:
|
10
|
+
<a style="color: {{theme.color}}; font-weight: 900;"
|
10
11
|
href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a>
|
11
12
|
{% else %}
|
12
13
|
<span class="text-muted">« Prev</span>
|
@@ -16,16 +17,16 @@
|
|
16
17
|
{% if page == paginator.page %}
|
17
18
|
<span class="webjeda text-muted">{{ page }}</span>
|
18
19
|
{% elsif page == 1 %}
|
19
|
-
<a href="/blog" style="color:
|
20
|
+
<a href="/blog" style="color: {{theme.color}}; font-weight: 900;">{{ page }}</a>
|
20
21
|
{% else %}
|
21
|
-
<a style="color:
|
22
|
+
<a style="color: {{theme.color}}; font-weight: 900;"
|
22
23
|
href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page
|
23
24
|
}}</a>
|
24
25
|
{% endif %}
|
25
26
|
{% endfor %}
|
26
27
|
|
27
28
|
{% if paginator.next_page %}
|
28
|
-
<a style="color
|
29
|
+
<a style="color: {{theme.color}}; font-weight: 900;"
|
29
30
|
href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
|
30
31
|
»</a>
|
31
32
|
{% else %}
|
@@ -1,14 +1,15 @@
|
|
1
|
+
{%- assign theme = site.data.theme.UI -%}
|
1
2
|
<div class="post-links">
|
2
3
|
<div class="bottompagination">
|
3
4
|
<div class="pointerup"><i class="fa fa-caret-up"></i></div>
|
4
5
|
<span class="navigation" role="navigation">
|
5
6
|
<div class="pagination2">
|
6
7
|
{% if page.previous.url %}
|
7
|
-
<a class="ml-1 mr-1 pageUrl" href="{{page.previous.url}}">« Prev</a>
|
8
|
+
<a class="ml-1 mr-1 pageUrl" style="color: {{theme.color}}; href="{{page.previous.url}}">« Prev</a>
|
8
9
|
{% endif %}
|
9
10
|
|
10
11
|
{% if page.next.url %}
|
11
|
-
<a class="ml-1 mr-1 pageUrl" href="{{page.next.url}}"> Next »</a>
|
12
|
+
<a class="ml-1 mr-1 pageUrl" style="color: {{theme.color}}; href="{{page.next.url}}"> Next »</a>
|
12
13
|
|
13
14
|
{% endif %}
|
14
15
|
</div>
|
data/_includes/postbox.html
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
<div class="col-lg-3 col-md-6 mb-4 card-group">
|
2
2
|
<div class="card h-100" style="border-radius:16px" id="{{post.categories}}">
|
3
3
|
<a href="{{ post.url }}">
|
4
|
-
<img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px;"
|
4
|
+
<img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px; height: 180px"
|
5
5
|
alt="not found">
|
6
6
|
</a>
|
7
7
|
<div class="card-body">
|
data/_includes/search-lunr.html
CHANGED
@@ -1,8 +1,6 @@
|
|
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..."
|
4
|
-
border-left:none; border-right:0; border-top:none;
|
5
|
-
border-radius: 5px;">
|
3
|
+
value="" placeholder="Type and enter...">
|
6
4
|
</form>
|
7
5
|
|
8
6
|
<div id="lunrsearchresults">
|
@@ -1,5 +1,6 @@
|
|
1
1
|
{%- assign footerData2 = site.data.blog.footer -%}
|
2
|
-
|
2
|
+
{%- assign theme = site.data.theme.UI -%}
|
3
|
+
<div class="explore" style="background: {{theme.color}}">
|
3
4
|
<h2 class="animate__animated animate__bounce animate__infinite">Explore</h2>
|
4
5
|
<span class="d-none d-md-inline animate__animated animate__backInDown animate__infinite"
|
5
6
|
style="font-size: 25px;">↓</span>
|
@@ -0,0 +1,32 @@
|
|
1
|
+
|
2
|
+
{%- assign fileName = page.fileName -%}
|
3
|
+
{%- assign folderName = page.folderName -%}
|
4
|
+
{%- assign lang = page.lang -%}
|
5
|
+
|
6
|
+
<!-- Theme Config -->
|
7
|
+
<!-- {%- assign theme = site.data.theme.UI -%}
|
8
|
+
|
9
|
+
{% if lang %}
|
10
|
+
{%- assign dataToShow = site.data[folderName][lang][fileName] -%}
|
11
|
+
|
12
|
+
{% elsif folderName %}
|
13
|
+
{%- assign dataToShow = site.data[folderName][fileName] -%}
|
14
|
+
|
15
|
+
{% else %}
|
16
|
+
{%- assign dataToShow = site.data[fileName] -%}
|
17
|
+
{% endif %}
|
18
|
+
|
19
|
+
|
20
|
+
{% if dataToShow %}
|
21
|
+
<h1 class="faq_heading">{{dataToShow.faq_heading}}</h1>
|
22
|
+
{% endif %}
|
23
|
+
<main>
|
24
|
+
{% for entry in dataToShow.faqList%}
|
25
|
+
<details>
|
26
|
+
<summary style="background-color: {{theme.color}}">{{entry.question}}</summary>
|
27
|
+
<div class="faq__content">
|
28
|
+
<p>{{entry.answer}}</p>
|
29
|
+
</div>
|
30
|
+
</details>
|
31
|
+
{% endfor %}
|
32
|
+
</main>
|
@@ -0,0 +1,42 @@
|
|
1
|
+
<div class="container">
|
2
|
+
<div class="relatedPosts">
|
3
|
+
<h1 class="related_post_heading">Recent Posts</h1>
|
4
|
+
<div class="row">
|
5
|
+
{% for recent in site.posts offset:1 limit:3 %}
|
6
|
+
{% if recent.url != page.url %}
|
7
|
+
<div class="col-lg-4 col-md-6 mb-4 card-group">
|
8
|
+
<div class="card h-100">
|
9
|
+
<a href="{{ recent.url }}">
|
10
|
+
<img src="{{ recent.image }}" class="card-img-top" alt="" style="height: 180px">
|
11
|
+
</a>
|
12
|
+
<div class="card-body">
|
13
|
+
<a class="text-decoration-none text-dark" href="{{ recent.url }}" class="anchor_link">
|
14
|
+
<h4 class="card-title mb-4 text-left">{{ recent.title }}</h4>
|
15
|
+
</a>
|
16
|
+
</div>
|
17
|
+
{% assign author = site.data.blog.authors[recent.author] %}
|
18
|
+
<div class="card-footer bg-white">
|
19
|
+
<div class="wrapfooter">
|
20
|
+
{% if recent.author %}
|
21
|
+
<span class="meta-footer-thumb">
|
22
|
+
<img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
|
23
|
+
</span>
|
24
|
+
{% endif %}
|
25
|
+
|
26
|
+
<span class="author-meta">
|
27
|
+
<span class="recent-name">
|
28
|
+
<a target="_blank" href="/blog">{{recent.author}}</a>
|
29
|
+
</span><br>
|
30
|
+
<span class="post-date">{{recent.date | date_to_string }}</span>
|
31
|
+
</span>
|
32
|
+
<span class="post-read-more"><a class="text-dark" href="{{ recent.url }}"
|
33
|
+
title="Read Story">Read More</a></span>
|
34
|
+
</div>
|
35
|
+
</div>
|
36
|
+
</div>
|
37
|
+
</div>
|
38
|
+
{% endif %}
|
39
|
+
{% endfor %}
|
40
|
+
</div>
|
41
|
+
</div>
|
42
|
+
</div>
|
@@ -0,0 +1,55 @@
|
|
1
|
+
<div class="container">
|
2
|
+
<div class="relatedPosts">
|
3
|
+
{%- if page.categories -%}
|
4
|
+
<h2 class="pt-5 pb-0 related_post_heading">You might also like</h2>
|
5
|
+
{%- endif -%}
|
6
|
+
|
7
|
+
<div class="row">
|
8
|
+
{% for post in site.posts %}
|
9
|
+
|
10
|
+
{% for category in post.categories %}
|
11
|
+
{% if post.url != page.url %}
|
12
|
+
{% if page.categories contains category %}
|
13
|
+
|
14
|
+
<div class="col-lg-4 col-md-6 mb-4 card-group">
|
15
|
+
<div class="card h-100">
|
16
|
+
<a href="{{ post.url }}">
|
17
|
+
<img src="{{ post.image }}"
|
18
|
+
style="height: 150px; border-radius: 5px;"
|
19
|
+
class="card-img-top" alt="">
|
20
|
+
</a>
|
21
|
+
<div class="card-body">
|
22
|
+
<a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link">
|
23
|
+
<h4 class="card-title mb-4 text-left">{{ post.title }}</h4>
|
24
|
+
</a>
|
25
|
+
</div>
|
26
|
+
{% assign author = site.data.blog.authors[post.author] %}
|
27
|
+
<div class="card-footer bg-white">
|
28
|
+
<div class="wrapfooter" style="justify-content: space-between;
|
29
|
+
">
|
30
|
+
{% if post.author %}
|
31
|
+
<span class="meta-footer-thumb">
|
32
|
+
<img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
|
33
|
+
</span>
|
34
|
+
{% endif %}
|
35
|
+
|
36
|
+
<!-- <span class="author-meta">
|
37
|
+
<span class="post-name">
|
38
|
+
<a target="_blank" href="/blog">{{post.author}}</a>
|
39
|
+
</span><br>
|
40
|
+
<span class="post-date">{{post.date | date_to_string }}</span>
|
41
|
+
</span> -->
|
42
|
+
<span class="post-read-more ml-5"><a class="text-dark" href="{{ post.url }}"
|
43
|
+
title="Read Story">Read More</a></span>
|
44
|
+
</div>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
</div>
|
48
|
+
|
49
|
+
{% endif %}
|
50
|
+
{% endif %}
|
51
|
+
{% endfor %}
|
52
|
+
{% endfor %}
|
53
|
+
</div>
|
54
|
+
</div>
|
55
|
+
</div>
|
data/_layouts/blog.html
CHANGED
@@ -5,7 +5,6 @@
|
|
5
5
|
|
6
6
|
<body>
|
7
7
|
{%- include header/index.html -%}
|
8
|
-
|
9
8
|
<section class="section_post">
|
10
9
|
<div class="container px-5">
|
11
10
|
<div class="row justify-content-center section-title-wrap">
|
@@ -26,10 +25,10 @@
|
|
26
25
|
|
27
26
|
<div class="row">
|
28
27
|
{% for post in paginator.posts%}
|
29
|
-
<div class="col-lg-
|
28
|
+
<div class="col-lg-4 col-md-6 mb-4 card-group">
|
30
29
|
<div class="card h-100" style="border-radius:16px" id="{{post.categories}}">
|
31
30
|
<a href="{{ post.url }}">
|
32
|
-
<img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px;"
|
31
|
+
<img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px; height: 180px;"
|
33
32
|
alt="not found">
|
34
33
|
</a>
|
35
34
|
<div class="card-body">
|
@@ -65,6 +64,9 @@
|
|
65
64
|
{% include section/count.html %}
|
66
65
|
</section>
|
67
66
|
|
67
|
+
{%- include section/recent_posts.html -%}
|
68
|
+
<!-- {% include section/faq.html %} -->
|
69
|
+
|
68
70
|
{% include footer/index.html %}
|
69
71
|
|
70
72
|
{% include scripts.html %}
|
data/_layouts/post.html
CHANGED
@@ -1,69 +1,78 @@
|
|
1
1
|
<Doctype html>
|
2
|
-
<html lang="en">
|
3
|
-
{% include custom-head.html %}
|
4
|
-
<style>
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
2
|
+
<html lang="en">
|
3
|
+
{% include custom-head.html %}
|
4
|
+
<style>
|
5
|
+
.post-content img {
|
6
|
+
width: auto;
|
7
|
+
max-width: 100%;
|
8
|
+
}
|
9
|
+
@media(max-width:768px){
|
10
|
+
.main_h1{
|
11
|
+
font-size: 1rem !important;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
</style>
|
15
|
+
|
16
|
+
<body>
|
17
|
+
{%- include header/index.html -%}
|
18
|
+
<section class="section_post">
|
19
|
+
<div class="container px-5">
|
20
|
+
<div class="row section-title-wrap">
|
21
|
+
<div class="col-md-12 mt-5">
|
22
|
+
<h1 class="main_h1" style="font-weight: 900;">{{ page.title }}</h1>
|
23
|
+
</div>
|
17
24
|
</div>
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
</
|
33
|
-
|
34
|
-
|
35
|
-
</
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
25
|
+
<div class="row mt-5">
|
26
|
+
<div class="col-md-2">
|
27
|
+
<div class="socialIons">
|
28
|
+
<ul class="list-unstyled item-lists2">
|
29
|
+
<li><a style="pointer-events: none;">{{ site.data.blog.share.label }}</a></li>
|
30
|
+
{% capture title %}{{ page.title }}{% endcapture %}
|
31
|
+
{% assign url = page.url | relative_url | prepend: site.url %}
|
32
|
+
{% for share in site.data.blog.share.platforms %}
|
33
|
+
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
|
34
|
+
<li> <a href=" {{ link }}" data-toggle="tooltip"
|
35
|
+
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
|
36
|
+
data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
|
37
|
+
<i class="fa-fw {{ share.icon }}"></i>
|
38
|
+
</a>
|
39
|
+
</li>
|
40
|
+
{% endfor %}
|
41
|
+
</span>
|
42
|
+
</ul>
|
43
|
+
<div class="sep"></div>
|
44
|
+
<div class="comments-count">
|
45
|
+
<a href="{{ content.absolute_url }}#disqus_thread" class="comment_count"></a>
|
46
|
+
</div>
|
47
|
+
</ul>
|
40
48
|
</div>
|
41
|
-
</ul>
|
42
49
|
</div>
|
43
|
-
</div>
|
44
50
|
|
45
|
-
|
46
|
-
|
51
|
+
<div class="col-md-8">
|
52
|
+
{% assign author = site.data.blog.authors[page.author] %}
|
47
53
|
|
48
|
-
|
49
|
-
|
50
|
-
|
54
|
+
{% if author %}
|
55
|
+
{% include author_bio.html %}
|
56
|
+
{% endif %}
|
51
57
|
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
{%-
|
58
|
-
|
59
|
-
|
58
|
+
<div class="post-content fetch-posts-content mt-5">
|
59
|
+
{{ content }}
|
60
|
+
</div>
|
61
|
+
|
62
|
+
{%- include paginationPostPage.html -%}
|
63
|
+
{%- include section/related_post.html -%}
|
64
|
+
<div class="commentsection">
|
65
|
+
{%- if site.disqus.shortname -%}
|
66
|
+
{%- include disqus_comments.html -%}
|
67
|
+
{%- endif -%}
|
68
|
+
</div>
|
60
69
|
</div>
|
61
70
|
</div>
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
</body>
|
71
|
+
</section>
|
72
|
+
{%- include section/count.html -%}
|
73
|
+
|
74
|
+
{%- include footer/index.html -%}
|
75
|
+
{% include scripts.html %}
|
76
|
+
</body>
|
68
77
|
|
69
|
-
</html>
|
78
|
+
</html>
|
data/_sass/_main.scss
CHANGED
data/_sass/theme/_blog.scss
CHANGED
@@ -222,3 +222,21 @@ a:hover {
|
|
222
222
|
color: #333;
|
223
223
|
}
|
224
224
|
}
|
225
|
+
|
226
|
+
|
227
|
+
/* recent post heading stlye */
|
228
|
+
.related_post_heading{
|
229
|
+
text-align: center !important;
|
230
|
+
width:100%;
|
231
|
+
font-size: 40px;
|
232
|
+
text-align: left;
|
233
|
+
font-weight: 800;
|
234
|
+
font-stretch: normal;
|
235
|
+
font-style: normal;
|
236
|
+
line-height: 1.24;
|
237
|
+
letter-spacing: normal;
|
238
|
+
color: rgb(17, 48, 78);
|
239
|
+
margin-bottom: 45px;
|
240
|
+
padding-top: 75px;
|
241
|
+
display: inline-block;
|
242
|
+
}
|
@@ -0,0 +1,69 @@
|
|
1
|
+
.faq_heading {
|
2
|
+
font-size: clamp(20px, 4vw, 30px);
|
3
|
+
line-height: 1.2;
|
4
|
+
margin-bottom: 40px;
|
5
|
+
text-align: center;
|
6
|
+
margin-top: 100px;
|
7
|
+
color: #000;
|
8
|
+
}
|
9
|
+
.faq_ans {
|
10
|
+
font-size: 15px;
|
11
|
+
width: 100%;
|
12
|
+
text-align: center;
|
13
|
+
color: #000;
|
14
|
+
}
|
15
|
+
main {
|
16
|
+
max-width: 520px;
|
17
|
+
margin: 0px auto;
|
18
|
+
margin-bottom: 100px;
|
19
|
+
|
20
|
+
summary {
|
21
|
+
font-size: 18px;
|
22
|
+
font-weight: 500;
|
23
|
+
background-color: #6C63FF;
|
24
|
+
color: #fff;
|
25
|
+
padding: 1.5rem 1rem;
|
26
|
+
margin-bottom: 1rem;
|
27
|
+
outline: none;
|
28
|
+
border-radius: 0.25rem;
|
29
|
+
text-align: left;
|
30
|
+
cursor: pointer;
|
31
|
+
position: relative;
|
32
|
+
border-radius: 4px !important;
|
33
|
+
&:hover {
|
34
|
+
text-decoration: underline;
|
35
|
+
transition: all 0.5s ease;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
details[open] summary ~ * {
|
39
|
+
animation: sweep 0.5s ease-in-out;
|
40
|
+
}
|
41
|
+
.faq__content {
|
42
|
+
font-size: 15px;
|
43
|
+
color: $black;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
@keyframes sweep {
|
47
|
+
0% {
|
48
|
+
opacity: 0;
|
49
|
+
margin-top: -10px;
|
50
|
+
}
|
51
|
+
100% {
|
52
|
+
opacity: 1;
|
53
|
+
margin-top: 0px;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
details > summary::after {
|
57
|
+
position: absolute;
|
58
|
+
content: '+';
|
59
|
+
right: 20px;
|
60
|
+
}
|
61
|
+
details[open] > summary::after {
|
62
|
+
position: absolute;
|
63
|
+
content: '-';
|
64
|
+
right: 20px;
|
65
|
+
}
|
66
|
+
details > summary::-webkit-details-marker {
|
67
|
+
display: none;
|
68
|
+
}
|
69
|
+
|
data/_sass/theme/_header.scss
CHANGED
@@ -41,7 +41,6 @@ pre{
|
|
41
41
|
top: 0;
|
42
42
|
z-index: 99;
|
43
43
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
|
44
|
-
background: $white;
|
45
44
|
border-bottom: 1px solid $offwhite;
|
46
45
|
transition: top 0.2s ease-in-out;
|
47
46
|
|
@@ -53,17 +52,18 @@ pre{
|
|
53
52
|
cursor: pointer;
|
54
53
|
transition: all 0.2s linear;
|
55
54
|
padding: 25px 0;
|
55
|
+
z-index: 999;
|
56
56
|
.transforming-bars {
|
57
57
|
position: relative;
|
58
58
|
height: 2px;
|
59
59
|
width: 25px;
|
60
|
-
background-color: $
|
60
|
+
background-color: $white;
|
61
61
|
&::before {
|
62
62
|
content: '';
|
63
63
|
position: absolute;
|
64
64
|
height: 2px;
|
65
65
|
width: 30px;
|
66
|
-
background-color: $
|
66
|
+
background-color: $white;
|
67
67
|
bottom: 10px;
|
68
68
|
transition: all 0.2s linear;
|
69
69
|
}
|
@@ -73,7 +73,7 @@ pre{
|
|
73
73
|
top: 10px;
|
74
74
|
height: 2px;
|
75
75
|
width: 30px;
|
76
|
-
background-color: $
|
76
|
+
background-color: $white;
|
77
77
|
transition: all 0.2s linear;
|
78
78
|
}
|
79
79
|
}
|
@@ -98,10 +98,15 @@ pre{
|
|
98
98
|
}
|
99
99
|
.nav-link {
|
100
100
|
font-size: 0.9rem;
|
101
|
+
padding: 0.6rem 1rem;
|
102
|
+
color:$white;
|
103
|
+
&:hover{
|
104
|
+
color:$white;
|
105
|
+
}
|
101
106
|
}
|
102
107
|
}
|
103
108
|
.activeNav {
|
104
|
-
background-color:
|
109
|
+
background-color: #0F0E15;
|
105
110
|
display: block !important;
|
106
111
|
position: fixed;
|
107
112
|
top: 0;
|
@@ -171,7 +176,7 @@ pre{
|
|
171
176
|
|
172
177
|
@media (max-width: 768px) {
|
173
178
|
.bd-search {
|
174
|
-
padding:
|
179
|
+
padding: 0;
|
175
180
|
}
|
176
181
|
.samePad{
|
177
182
|
padding: 0 !important;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: best-blogging-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.2.
|
4
|
+
version: 0.2.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- manpreet-choudhary
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2021-
|
11
|
+
date: 2021-05-01 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -64,6 +64,8 @@ files:
|
|
64
64
|
- _data/blog/footer.json
|
65
65
|
- _data/blog/nav.json
|
66
66
|
- _data/blog/share.yml
|
67
|
+
- _data/dataFiles/en/data.json
|
68
|
+
- _data/theme/UI.json
|
67
69
|
- _includes/author_bio.html
|
68
70
|
- _includes/custom-head.html
|
69
71
|
- _includes/disqus_comments.html
|
@@ -78,11 +80,15 @@ files:
|
|
78
80
|
- _includes/search-lunr.html
|
79
81
|
- _includes/section/alertbar.html
|
80
82
|
- _includes/section/count.html
|
83
|
+
- _includes/section/faq.html
|
84
|
+
- _includes/section/recent_posts.html
|
85
|
+
- _includes/section/related_post.html
|
81
86
|
- _layouts/blog.html
|
82
87
|
- _layouts/categories.html
|
83
88
|
- _layouts/post.html
|
84
89
|
- _sass/_main.scss
|
85
90
|
- _sass/theme/_blog.scss
|
91
|
+
- _sass/theme/_faq.scss
|
86
92
|
- _sass/theme/_footer.scss
|
87
93
|
- _sass/theme/_header.scss
|
88
94
|
- _sass/theme/_pagination.scss
|