best-blogging-theme 0.1.2 → 0.1.7

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 288375f0cc22349e8ac02d0c299542c63b47b493ca13d736fd8c9f574fac22fa
4
- data.tar.gz: d5ab35b42e79d1e1ad96627cfb9ed55faaa5e5b67c5f6afba4341437b2ab3369
3
+ metadata.gz: 5f900b5cfb2021495c8adcf4b4c9bd04f46e122c88329839c7ade761c3f757e8
4
+ data.tar.gz: 7a3f5bae07331634eea0d4b035d3f08185ae2926f6cec74bc852efbce7c49ae0
5
5
  SHA512:
6
- metadata.gz: 987c18e3ec4e13bf2b1de37ef505376bec3d2153aa2c55504c283e27c35c1badbdf669b2e6db071e84034d2ebc9a1b863444ee88122d6ec352fbe5162d15d35e
7
- data.tar.gz: af99c4274cfd253e3830b53617e8691e23af9d8db5b0e2e36fbce905d4fa9e1c79f0b515df3104679c47dffcc0a5f6ee83f93b8a798315dadd547f1ac8f2d3a3
6
+ metadata.gz: e3d029a754d3f80433cb73739add21c27feb176ae74b57108d2bad0201e3091feb9be24fc7d5378eeb0e5fe24dd39a3497d44ac4b39d83433bfdff837903ad5c
7
+ data.tar.gz: 6616042803c491dcf81216d91849713b166bd6405ddb0f1011fa0aba8225ed171aceb366202a9ba33c541559225bfcca407b041cdb2b968bfde58d59507db7de
@@ -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,86 @@
1
+ {
2
+ "color": "deepskyblue",
3
+ "footerMenu": {
4
+ "dropdown": [{
5
+ "categoryName":"Cricket Posts",
6
+ "links": [
7
+ {
8
+ "name": "blog1",
9
+ "url":"/"
10
+ },
11
+ {
12
+ "name": "blog2",
13
+ "url":"/"
14
+ },
15
+ {
16
+ "name": "blog3",
17
+ "url":"/"
18
+ }
19
+ ]
20
+ },
21
+ {
22
+ "categoryName":"Latest Posts",
23
+ "links": [
24
+ {
25
+ "name": "blog1",
26
+ "url":"/"
27
+ },
28
+ {
29
+ "name": "blog1",
30
+ "url":"/"
31
+ },
32
+ {
33
+ "name": "blog1",
34
+ "url":"/"
35
+ }
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
+ ]
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
+ ]
86
+ }
@@ -9,22 +9,36 @@
9
9
  {%- else -%}
10
10
  {%- assign og_type = "website" -%}
11
11
  {%- endif -%}
12
+ <title data-rh="true">{{page.title}}</title>
13
+
12
14
  <meta charset="UTF-8">
13
- <link rel="shortcut icon" href="{{favicon}}">
14
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
15
+ <meta data-rh="true" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
15
16
  <meta name="keywords" content="{{site.keyboard}}">
16
17
  <meta name="description" content="{{ seo_description}}">
17
- <meta name="og:description" content="{{ seo_description}}">
18
- <meta property="og:title" content="{{ page.title | default: site.title }}">
19
- <meta property="og:type" content="{{og_type}}">
20
- <meta property="og:locale" content="en_US">
21
- <meta property="og:site_name" content="{{site.name}}">
22
- <meta property="og:url" content="{{site.url | append: page.url}}">
18
+ <meta data-rh="true" property="description" content="{{ seo_description}}">
19
+ <meta data-rh="true" property="og:description" content="{{ seo_description}}">
20
+ <meta data-rh="true" property="og:title" content="{{ page.title | default: site.title }}">
21
+ <meta data-rh="true" property="og:type" content="{{og_type}}">
22
+ <meta data-rh="true" property="og:locale" content="en_US">
23
+ <meta data-rh="true" property="og:site_name" content="{{site.name}}">
24
+ <meta data-rh="true" property="og:url" content="{{site.url | append: page.url}}">
25
+ <meta data-rh="true" property="og:image" content="{{site.url | append: favicon}}">
26
+
27
+ <meta data-rh="true" property="twitter:domain" content="{{site.url | append: page.url}}">
28
+ <meta data-rh="true" property="twitter:url" content="{{site.url | append: page.url}}">
29
+ <meta data-rh="true" name="twitter:title" content="{{ page.title | default: site.title }}">
30
+ <meta data-rh="true" name="twitter:description" content="{{ seo_description}}">
31
+ <meta data-rh="true" name="twitter:image:src" content="{{site.url | append: favicon}}">
32
+
33
+ <meta name="subject" content="Education">
34
+ <meta name="copyright" content="{{site.url}}">
35
+ <meta name="identifier-URL" content="{{site.url}}">
36
+ <meta name="designer" content="{{site.designer}}">
23
37
  <meta name="author" content="{{ site.author_name }}">
24
- <title>{{page.title}}</title>
38
+
25
39
 
26
40
  <!-- Favicon-->
27
- <link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
41
+ <link rel="shortcut icon" href="{{ favicon | relative_url }}">
28
42
 
29
43
  <!-- fonts -->
30
44
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -1,29 +1,18 @@
1
+ {%- assign footerData = site.data.blog.footer.footerMenu.dropdown -%}
2
+ {%- assign footerData2 = site.data.blog.footer -%}
1
3
  <div class="container-fluid">
2
- <div class="main_row row py-5 px-5 mx-0">
4
+ <div class="main_row row py-5 samePad mx-0">
3
5
  <div class="col-md-10 mx-auto">
4
6
  <div class="row d-flex justify-content-between">
7
+ {%- for item in footerData -%}
5
8
  <div class="col-md-2">
6
- <p class="font-weight-bold footer_subheading">Cricket Posts</p>
7
- <p><a class="footer__link" href="#">Blog1</a></p>
8
- <p><a class="footer__link" href="#">Blog2</a></p>
9
- <p><a class="footer__link" href="#">Blog3</a></p>
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>
9
+ <p class="font-weight-bold footer_subheading">{{item.categoryName}}</p>
10
+ {%- for item in item.links -%}
11
+ <p><a class="footer__link" href="{{item.url}}">{{item.name}}</a></p>
12
+ {% endfor %}
26
13
  </div>
14
+ {% endfor %}
15
+
27
16
  <div class="col-md-4">
28
17
  <p class="footer_subheading">Feedback</p>
29
18
  <p> Share your expierence with Math-World</p>
@@ -32,42 +21,31 @@
32
21
  <input type="text" placeholder="Enter Your Email" class="input__design">
33
22
  </div>
34
23
  <a href="#">
35
- <button class="my_btn mt-3" value="Enter Your Email">Submit</button>
24
+ <button class="my_btn mt-3" value="Enter Your Email"
25
+ style="background-color:{{footerData2.color}}">Submit</button>
36
26
  </a>
37
27
  </div>
38
28
  <div class="col-12 mt-2">
39
29
  <p class="footer_subheading text-center">Follow us on</p>
40
30
  <div class="icons d-flex align-items-center justify-content-center">
41
- <a target="_blank" href="https://www.facebook.com/">
42
- <i class="fab fa-facebook-square s_link"></i>
43
- </a>
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>
31
+ {%- for item in site.data.blog.footer.socialIcon -%}
32
+ <a target="{{item.target}}" href="{{item.href}}">
33
+ <i class="{{item.i}} s_link" style="color:{{footerData2.color}}"></i>
54
34
  </a>
35
+ {%- endfor -%}
55
36
  </div>
56
37
  </div>
57
38
  </div>
58
39
  </div>
59
40
  </div>
60
41
  </div>
61
- <div class="row m-0 py-3" style="background-color: #000;">
42
+ <div class="row m-0 py-3" style="background-color: {{footerData2.color}};">
62
43
  <div class="col-12">
63
44
  <div class="d-flex justify-content-between px-md-5 px-0 footer__flexbox">
64
- <p class="m-0 text-white">© 2020 Website-Name — Made with
65
- <span class="animate__animated animate__heardBeat animate__infinite" style="color:red">&#x2764;</span>
66
- for the people of the internet.
67
- </p>
68
- <p class="m-0"><a class="footer__link" href="/about-us">About Us</a>
45
+ <p class="m-0 text-white">{{site.copyright_text}}</p>
46
+ <!-- <p class="m-0"><a class="footer__link" href="/about-us">About Us</a>
69
47
  <a class="footer__link" href="/contact-us">| Contact Us</a>
70
- </p>
48
+ </p> -->
71
49
  </div>
72
50
  </div>
73
51
  </div>
@@ -1,6 +1,6 @@
1
1
  <!-- start Header Area -->
2
2
  <div class="container-fluid navigationBottomLine">
3
- <div class="container px-5">
3
+ <div class="container samePad">
4
4
  <header>
5
5
  {% include header/nav-menu.html %}
6
6
  </header>
@@ -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 site.data.blog.nav.navItems -%}
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>
@@ -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="paginationP">
7
+ <div class="blog-pagination">
4
8
  {% if paginator.previous_page %}
5
- <a style="color: #4EA1E2; "
9
+ <a style="color: #00ab6b; font-weight: 900;"
6
10
  href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
7
11
  {% else %}
8
12
  <span class="text-muted">&laquo; 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: #4EA1E2; ">{{ page }}</a>
19
+ <a href="/blog" style="color: #00ab6b; font-weight: 900;">{{ page }}</a>
16
20
  {% else %}
17
- <a style="color: #4EA1E2; "
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:#4EA1E2; " href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
28
+ <a style="color:#00ab6b; font-weight: 900;"
29
+ href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
25
30
  &raquo;</a>
26
31
  {% else %}
27
32
  <span class="text-muted">Next &raquo;</span>
@@ -1,38 +1,31 @@
1
- <!-- begin post -->
2
- <div class="col-lg-4 col-md-6 mb-4 card-group">
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" alt="">
4
+ <img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px;"
5
+ alt="not found">
6
6
  </a>
7
7
  <div class="card-body">
8
8
  <a href="{{ post.url }}" class="anchor_link">
9
- <h4 class="card-title mb-4">{{ post.title }}</h4>
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 bg-white">
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="/blog">{{post.author}}</a>
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"><a href="{{ post.url }}" title="Read Story"><svg class="svgIcon-use"
29
- width="25" height="25" viewBox="0 0 25 25">
30
- <path
31
- d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z"
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>
@@ -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..." style="border-radius: 50px;" />
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>
@@ -1,4 +1,5 @@
1
- <div class="explore">
1
+ {%- assign footerData2 = site.data.blog.footer -%}
2
+ <div class="explore" style="background: {{footerData2.color}}">
2
3
  <h2 class="animate__animated animate__bounce animate__infinite">Explore</h2>
3
4
  <span class="d-none d-md-inline animate__animated animate__backInDown animate__infinite"
4
5
  style="font-size: 25px;">&#x2193;</span>
data/_layouts/blog.html CHANGED
@@ -24,36 +24,35 @@
24
24
  </div>
25
25
  <!-- close -->
26
26
 
27
- <div class="row">
28
- {% for post in paginator.posts %}
29
- <div class="col-lg-4 col-md-6 mb-4 card-group">
30
- <div class="card h-100" style="border-radius:5px;">
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
- alt="">
32
+ <img src="{{ post.image }}" class="card-img-top p-3" style="border-radius: 25px;"
33
+ alt="not found">
34
34
  </a>
35
35
  <div class="card-body">
36
36
  <a href="{{ post.url }}" class="anchor_link">
37
- <h4 class="card-title mb-4">{{ post.title }}</h4>
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 bg-white">
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="/blog">{{post.author}}</a>
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 "><a class="text-dark" href="{{ post.url }}" title="Read Story">Read More</a></span>
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
@@ -1,6 +1,11 @@
1
- <html>
2
-
1
+ <Doctype html>
2
+ <html lang="en">
3
3
  {% include custom-head.html %}
4
+ <style>
5
+ .post-content img{
6
+ width:100%;
7
+ }
8
+ </style>
4
9
  <body>
5
10
  {%- include header/index.html -%}
6
11
  <section class="section_post">
@@ -43,7 +48,7 @@
43
48
  {% include author_bio.html %}
44
49
  {% endif %}
45
50
 
46
- <div class="post-content">
51
+ <div class="post-content fetch-posts-content mt-5">
47
52
  {{ content }}
48
53
  </div>
49
54
  {%- include paginationPostPage.html -%}
@@ -56,8 +61,8 @@
56
61
  </div>
57
62
  </section>
58
63
  {%- include section/count.html -%}
64
+ {%- include footer/index.html -%}
59
65
  {% include scripts.html %}
60
- <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
61
66
  </body>
62
67
 
63
68
  </html>
@@ -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: 150px 0;
170
+ margin: 100px 0;
165
171
  height: 300px;
166
- background: linear-gradient(to right, #36d1dc, #5b86e5);
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
+ }
@@ -23,8 +23,8 @@
23
23
  border-radius: 5px;
24
24
  padding: 4px 20px !important;
25
25
  border: none;
26
- color: $black;
27
- background: linear-gradient(to right, #74ebd5, #acb6e5);
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: deepskyblue;
43
+ color: #00ab6b;
44
44
  z-index: 99999;
45
45
  border-radius: 100%;
46
46
  }
@@ -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
  }
@@ -129,8 +149,15 @@ body {
129
149
  }
130
150
  }
131
151
 
152
+ .samePad{
153
+ padding:0 3rem;
154
+ }
155
+
132
156
  @media (max-width: 768px) {
133
157
  .bd-search {
134
158
  padding: 10px 25px;
135
159
  }
160
+ .samePad{
161
+ padding: 0 !important;
162
+ }
136
163
  }
Binary file
data/readme.md CHANGED
@@ -1 +1,329 @@
1
- BLOGTHEME
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
+ *******************************************************************************
18
+ source "https://rubygems.org"
19
+
20
+ gem "jekyll", "~> 3.9.0" // JEKYLL VERSION SHOULD BE SAME
21
+
22
+ 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.
23
+
24
+ gem "kramdown-parser-gfm" // THIS WILL BE SAME
25
+
26
+ FOLLOWING PLUGINS ARE ALSO REQUIRED:
27
+
28
+ group :jekyll_plugins do
29
+ gem "jekyll-feed"
30
+ gem "jekyll-sitemap"
31
+ gem "jekyll-include-cache"
32
+ gem 'jekyll-paginate'
33
+ end
34
+ ******************************************************************************************
35
+
36
+
37
+ STEP: 2 Also add this line of code in _config.yml. (so just copy it and paste it on your _config.yml)
38
+
39
+ ###### CONFIG.YML ->
40
+ permalink: /blog/:title // IF YOU ARE SERVE BLOG SITE LIKE, WWW.DOMAIN.COM THEN USE /title.
41
+ // BUT IF YOU ARE SERVE BLOG SITE LIKE, WWW.DOMAIN.COM/BLOG THEN USE SAME AS GIVEN PERMALINK: /blog/title.
42
+
43
+ paginate: '12' // BY DEFAULT 12 BLOG POST IN SINGLE PAGE, IF YOU WANT TO CHANGE THEN CHANGE ACCORDILY.
44
+ 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.
45
+
46
+ ### Build settings
47
+ theme: best-blogging-theme //ENSURE THAT THEME NAME WILL BE SAME AS IN GEMFILE THEME NAME. IT IS MANDTARY ALSO IN CONFIG.YML FILE
48
+ markdown: kramdown // IT WILL BE SAME .
49
+
50
+ when you paste all these things in your files. after that open terminal and write command: bundle install
51
+
52
+ -----------------------------------------------------------------------------
53
+ ENSURE THAT, WHEN WE CHANGED THESE FILES. THEN WE NEED TO DELETE GEMFILE.LOCK
54
+ AFTER THAT, HIT BUNDLE INSTALL
55
+ PLEASE THIS WILL REQUIRED BEFORE HIT BUNDLE INSTALL.
56
+ -----------------------------------------------------------------------------
57
+
58
+ STEP: 3 SO, AFTER BUNDLE INSTALL
59
+
60
+ -----------------------------------------------------
61
+ ALL THE DEPENDENCY HAS BEEN INSTALLED IN YOUR PROJECT.
62
+ ------------------------------------------------------
63
+
64
+ ----------------------------------------------
65
+ SUCCESFULLY THEME IMPORTED NOW IN YOUR PROJECT.
66
+ ----------------------------------------------
67
+
68
+ -----------------------------------------------------------------------------
69
+
70
+ ### blog layout Import guide:
71
+
72
+ -------------------------------
73
+ How to use blog layout by theme
74
+ -------------------------------
75
+
76
+ Before blog layout use, I hope theme will be imported in your project successfully.
77
+ If not then GO TO TOP:
78
+
79
+ WE HAVE FOLLOWING TWO BLOG LAYOUTS:
80
+
81
+ #### 1. blog
82
+ #### 2. categories
83
+
84
+ *******************************
85
+ CREATE FILE FOR BLOG LAYOUT IN ROOT DIR:
86
+ OR ANYWHERE ITS DEPEND UPON YOU.
87
+ *********************************
88
+
89
+ #### FOR EXAMPLE:
90
+
91
+ #### index.html
92
+ //ensure that file extention will be .html, if .md then i am sure that you blog post pagination won't works.
93
+
94
+ ---
95
+ layout: blog
96
+ title: BloggingSite //Title of blog
97
+ ---
98
+
99
+ another example:
100
+ #### blog/index.html //inside blog folder
101
+
102
+ ---
103
+ layout: blog
104
+ title: BloggingSite //Title of blog
105
+ ---
106
+
107
+ *******************************
108
+ CREATE FILE FOR CATEGORIES LAYOUT IN ROOT DIR:
109
+ *********************************
110
+
111
+ #### FOR EXAMPLE
112
+ #### categories.md
113
+ ---
114
+ layout: categories
115
+ title: BloggingSite Categories // TITLE OF BLOG Categories
116
+ permalink: /categories
117
+ ---
118
+
119
+ #### IF YOU ARE USING BLOG LAYUT UNDER BLOG FOLDER
120
+ ---
121
+ layout: categories
122
+ title: BloggingSite Categories // TITLE OF BLOG Categories
123
+ permalink: /blog/categories
124
+ ---
125
+
126
+
127
+ #### Now, you can see blog layout is visible in your project.
128
+
129
+ THESE LAYOUTS DATA DRIVEN BY JSON DATA OR YML FILES, YOU IF YOU WANT CHANGE FOR EXAMPLE:
130
+ #### TITLE, META, NAVLINK, LOGO, BLOGTITLE, TAGLINE, FOOTERLINK ETC.
131
+
132
+
133
+ --------------------------------------------------------------------------
134
+ #### CREATE blog(folder) in _data(dir), for ex:) _data/blog
135
+
136
+ UNDER THESE FOLLOWING JSON OR YML FILES. YOU CAN CHANGE DATA ACOORDING ON YOUR PROJECT.
137
+
138
+ #### 1. authors.yml
139
+ #### 2. blog.yml
140
+ #### 3. nav.json
141
+ #### 4. share.yml
142
+ #### 5. footer.json
143
+ #### 6. disquss comment system
144
+
145
+ #### authors.yml // BLOG POST AUTHOR CAN CHANGE HERE.
146
+
147
+ Manpreet:
148
+ name: Manpreet singh
149
+ image: /assets/images/manpreet.png
150
+ bio: Author4 of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo.
151
+ twitter: https://twitter.com/home
152
+
153
+ #### blog.yml //CHANGE H1 OR TAGLING OF BLOG
154
+ ---
155
+ h1: Latest Posts from our Blog
156
+ tagline: Best Blogging Site
157
+
158
+ ---
159
+ // REMOVE --- END OF THE LINE, ITS NOT REQUIRED.
160
+
161
+ #### nav.json // NAVLINK CAN BE CHANGE .
162
+ {
163
+ "navbarBrandText": "", //NAVTEXT LIKE "bloggingsite"
164
+ "navbarBrandLogo": "/assets/images/bebo-logo.svg", //LOGO
165
+ "navItems":[
166
+ {
167
+ "name":"home", //navlinks
168
+ "url":"/home" // navurl
169
+ },
170
+ {
171
+ "name":"blog",
172
+ "url":"/blog"
173
+ }
174
+ ]
175
+ }
176
+
177
+ you can add nav links according to your requirements.
178
+
179
+ #### share.yml //if you want change sharing handle then you can
180
+ #### Sharing options at the bottom of the post.
181
+ #### Icons from <https://fontawesome.com/>
182
+
183
+ label: 'Share'
184
+ platforms:
185
+ - type: Twitter
186
+ icon: 'fab fa-twitter'
187
+ link: 'https://twitter.com/intent/tweet?url=URL'
188
+ - type: Facebook
189
+ icon: 'fab fa-facebook-square'
190
+ link: 'https://www.facebook.com/sharer/sharer.php?u=URL'
191
+ - type: Linkedin
192
+ icon: 'fab fa-linkedin'
193
+ link: 'https://www.linkedin.com/sharing/share-offsite/?url=URL'
194
+
195
+
196
+ #### footer.json
197
+ {
198
+ "footerMenu": {
199
+ "dropdown": [{
200
+ "categoryName":"Cricket Posts",
201
+ "links": [
202
+ {
203
+ "name": "blog1",
204
+ "url":"/"
205
+ },
206
+ {
207
+ "name": "blog2",
208
+ "url":"/"
209
+ },
210
+ {
211
+ "name": "blog3",
212
+ "url":"/"
213
+ }
214
+ ]
215
+ },
216
+ {
217
+ "categoryName":"Latest Posts",
218
+ "links": [
219
+ {
220
+ "name": "blog1",
221
+ "url":"/"
222
+ },
223
+ {
224
+ "name": "blog1",
225
+ "url":"/"
226
+ },
227
+ {
228
+ "name": "blog1",
229
+ "url":"/"
230
+ }
231
+
232
+ ]
233
+ },
234
+ {
235
+ "categoryName":"Website Name",
236
+ "links": [
237
+ {
238
+ "name": "Terms and conditions",
239
+ "url":"/"
240
+ },
241
+ {
242
+ "name": "Privacy Policy",
243
+ "url":"/"
244
+ },
245
+ {
246
+ "name": "Disclaimer",
247
+ "url":"/"
248
+ }
249
+ ]
250
+ }
251
+ ]
252
+ },
253
+
254
+ "socialIcon":[
255
+ {
256
+ "target": "_blank",
257
+ "href": "https://www.facebook.com/",
258
+ "i": "fab fa-facebook-square"
259
+ },
260
+ {
261
+ "target": "_blank",
262
+ "href": "https://twitter.com/",
263
+ "i": "fab fa-twitter-square"
264
+ },
265
+ {
266
+ "target": "_blank",
267
+ "href": "https://www.linkedin.com/",
268
+ "i": "fab fa-linkedin-in"
269
+ },
270
+ {
271
+ "target": "_blank",
272
+ "href": "https://github.com/",
273
+ "i": "fab fa-github"
274
+ },
275
+ {
276
+ "target": "_blank",
277
+ "href": "https://slack.com/intl/en-in/",
278
+ "i": "fab fa-slack"
279
+ }
280
+ ]
281
+ }
282
+
283
+ <!-- IF YOU WANT TO CHANGE COPYRIGHT TEXT THEN GO TO CONFIG.YML FILE AND EDIT COPYRIGHT TEXT VARIABLE -->
284
+
285
+
286
+
287
+
288
+ #### disquss comment system
289
+
290
+ sO, NOW YOU CAN DISQUSS COMMENT SYSTEM VERY EASILY IN YOUR PROJECT.
291
+ FIRST, YOU NEED TO CREATE ACCOUNT ON DISQUSS LINK: https://disqus.com/
292
+ AFTER THAT, CREATE ACCOUNT AND SETUP COMMENT SYSTEM FOR WEBSITE.
293
+
294
+ AFTER, CREATING ACCOUNT FOR WEBSITE, DISQUSS GIVE YOU SHORTNAME : FOR EXAMPLE : MYSITE
295
+
296
+ JUST COPY THAT SHORTNAME AND PASTE IT IN CONFIG.YML.
297
+ FOR EXAMPLE:
298
+
299
+ CONFIG.YML
300
+
301
+ disquss:
302
+ shortname: yourshortname
303
+
304
+ after that you can see that comment system added to your website.
305
+
306
+
307
+
308
+ ## ENJOY THE BLOGGING THEME
309
+
310
+
311
+
312
+ ## Theme Demo
313
+ ## https://thefrondend.com/
314
+
315
+ ## https://ultimateshyari.netlify.app/
316
+
317
+
318
+
319
+
320
+
321
+
322
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+
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.1.2
4
+ version: 0.1.7
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-03-21 00:00:00.000000000 Z
11
+ date: 2021-03-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -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
@@ -87,6 +88,7 @@ files:
87
88
  - _sass/theme/pagination2.scss
88
89
  - assets/css/main.scss
89
90
  - assets/images/bebo-logo.svg
91
+ - assets/images/bg.jpg
90
92
  - assets/images/blogger-logotype.svg
91
93
  - assets/images/cancel.png
92
94
  - assets/images/favicon-16x16.png