best-blogging-theme 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +7 -0
  2. data/_data/blog/authors.yml +11 -0
  3. data/_data/blog/blog.yml +3 -0
  4. data/_data/blog/nav.json +14 -0
  5. data/_data/blog/share.yml +28 -0
  6. data/_includes/author_bio.html +12 -0
  7. data/_includes/custom-head.html +37 -0
  8. data/_includes/disqus_comments.html +11 -0
  9. data/_includes/footer/index.html +73 -0
  10. data/_includes/header/index.html +9 -0
  11. data/_includes/header/nav-menu.html +38 -0
  12. data/_includes/pagination.html +30 -0
  13. data/_includes/paginationPostPage.html +17 -0
  14. data/_includes/postbox.html +38 -0
  15. data/_includes/scripts.html +2 -0
  16. data/_includes/search-lunr.html +11 -0
  17. data/_includes/section/alertbar.html +12 -0
  18. data/_includes/section/count.html +22 -0
  19. data/_layouts/blog.html +75 -0
  20. data/_layouts/categories.html +25 -0
  21. data/_layouts/post.html +63 -0
  22. data/_sass/_main.scss +24 -0
  23. data/_sass/theme/_blog.scss +197 -0
  24. data/_sass/theme/_footer.scss +65 -0
  25. data/_sass/theme/_header.scss +136 -0
  26. data/_sass/theme/_pagination.scss +23 -0
  27. data/_sass/theme/pagination2.scss +36 -0
  28. data/assets/css/main.scss +7 -0
  29. data/assets/images/bebo-logo.svg +41 -0
  30. data/assets/images/blogger-logotype.svg +48 -0
  31. data/assets/images/cancel.png +0 -0
  32. data/assets/images/favicon-16x16.png +0 -0
  33. data/assets/images/favicon.ico +0 -0
  34. data/assets/images/manpreet.png +0 -0
  35. data/assets/images/menu.png +0 -0
  36. data/assets/images/ram.png +0 -0
  37. data/assets/js/lazyload.js +258 -0
  38. data/assets/js/lunr.js +2977 -0
  39. data/assets/js/lunrsearchengine.js +89 -0
  40. data/assets/js/thefrontendworld.js +13 -0
  41. data/readme.md +1 -0
  42. metadata +125 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 288375f0cc22349e8ac02d0c299542c63b47b493ca13d736fd8c9f574fac22fa
4
+ data.tar.gz: d5ab35b42e79d1e1ad96627cfb9ed55faaa5e5b67c5f6afba4341437b2ab3369
5
+ SHA512:
6
+ metadata.gz: 987c18e3ec4e13bf2b1de37ef505376bec3d2153aa2c55504c283e27c35c1badbdf669b2e6db071e84034d2ebc9a1b863444ee88122d6ec352fbe5162d15d35e
7
+ data.tar.gz: af99c4274cfd253e3830b53617e8691e23af9d8db5b0e2e36fbce905d4fa9e1c79f0b515df3104679c47dffcc0a5f6ee83f93b8a798315dadd547f1ac8f2d3a3
@@ -0,0 +1,11 @@
1
+ Manpreet:
2
+ name: Manpreet singh
3
+ image: /assets/images/manpreet.png
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
@@ -0,0 +1,3 @@
1
+ ---
2
+ h1: Latest Posts from our Blog
3
+ tagline: Best Blogging Site
@@ -0,0 +1,14 @@
1
+ {
2
+ "navbarBrandText": "",
3
+ "navbarBrandLogo": "/assets/images/bebo-logo.svg",
4
+ "navItems":[
5
+ {
6
+ "name":"",
7
+ "url":""
8
+ },
9
+ {
10
+ "name":"",
11
+ "url":""
12
+ }
13
+ ]
14
+ }
@@ -0,0 +1,28 @@
1
+ # Sharing options at the bottom of the post.
2
+ # Icons from <https://fontawesome.com/>
3
+
4
+ label: 'Share'
5
+
6
+ platforms:
7
+ - type: Twitter
8
+ icon: 'fab fa-twitter'
9
+ link: 'https://twitter.com/intent/tweet?url=URL'
10
+ - type: Facebook
11
+ icon: 'fab fa-facebook-square'
12
+ link: 'https://www.facebook.com/sharer/sharer.php?u=URL'
13
+ - type: Linkedin
14
+ icon: 'fab fa-linkedin'
15
+ link: 'https://www.linkedin.com/sharing/share-offsite/?url=URL'
16
+ # Uncomment below if you need to.
17
+ # -
18
+ # type: Linkedin
19
+ # icon: "fab fa-linkedin"
20
+ # link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
21
+ #
22
+ # -
23
+ # type: Weibo
24
+ # icon: "fab fa-weibo"
25
+ # link: "http://service.weibo.com/share/share.php?title=TITLE&url=URL"
26
+ # type: Telegram
27
+ # icon: "fab fa-telegram"
28
+ # link: "https://telegram.me/share?text=TITLE&url=URL"
@@ -0,0 +1,12 @@
1
+ <div class="wrapfooter">
2
+ <span class="author_image">
3
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}" id="author_img">
4
+ </span>
5
+ <span class="author-meta">
6
+ <span class="post-name">
7
+ <a class="postName" target="_blank" href="{{ author.github }}">{{author.name}}</a>
8
+ <a class="btn_follow text-decoration-none" target="_blank" href="{{author.github}}">Follow</a>
9
+ </span><br>
10
+ <span class="author_bio">{{author.bio}}</span>
11
+ </span>
12
+ </div>
@@ -0,0 +1,37 @@
1
+ <head>
2
+ {% assign favicon = site.favicon %}
3
+ {%- assign seo_description = page.description | default: page.excerpt | default: site.description -%}
4
+ {%- if seo_description -%}
5
+ {%- assign seo_description = seo_description | markdownify | strip_html | strip_newlines | escape_once -%}
6
+ {%- endif -%}
7
+ {%- if page.date -%}
8
+ {%- assign og_type = "article" -%}
9
+ {%- else -%}
10
+ {%- assign og_type = "website" -%}
11
+ {%- endif -%}
12
+ <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 name="keywords" content="{{site.keyboard}}">
16
+ <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}}">
23
+ <meta name="author" content="{{ site.author_name }}">
24
+ <title>{{page.title}}</title>
25
+
26
+ <!-- Favicon-->
27
+ <link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
28
+
29
+ <!-- fonts -->
30
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
31
+ <link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}">
32
+
33
+ <!-- add fontAwesome -->
34
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
35
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
36
+ <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
37
+ </head>
@@ -0,0 +1,11 @@
1
+ <div id="disqus_thread"></div>
2
+ <script>
3
+ (function () {
4
+ var d = document, s = d.createElement('script');
5
+ s.src = 'https://{{site.disqus.shortname}}.disqus.com/embed.js';
6
+ s.setAttribute('data-timestamp', +new Date());
7
+ (d.head || d.body).appendChild(s);
8
+ })();
9
+ </script>
10
+ <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by
11
+ Disqus.</a></noscript>
@@ -0,0 +1,73 @@
1
+ <div class="container-fluid">
2
+ <div class="main_row row py-5 px-5 mx-0">
3
+ <div class="col-md-10 mx-auto">
4
+ <div class="row d-flex justify-content-between">
5
+ <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>
26
+ </div>
27
+ <div class="col-md-4">
28
+ <p class="footer_subheading">Feedback</p>
29
+ <p> Share your expierence with Math-World</p>
30
+ <div class="input_div">
31
+ <i class="far fa-envelope"></i>
32
+ <input type="text" placeholder="Enter Your Email" class="input__design">
33
+ </div>
34
+ <a href="#">
35
+ <button class="my_btn mt-3" value="Enter Your Email">Submit</button>
36
+ </a>
37
+ </div>
38
+ <div class="col-12 mt-2">
39
+ <p class="footer_subheading text-center">Follow us on</p>
40
+ <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>
54
+ </a>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ <div class="row m-0 py-3" style="background-color: #000;">
62
+ <div class="col-12">
63
+ <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>
69
+ <a class="footer__link" href="/contact-us">| Contact Us</a>
70
+ </p>
71
+ </div>
72
+ </div>
73
+ </div>
@@ -0,0 +1,9 @@
1
+ <!-- start Header Area -->
2
+ <div class="container-fluid navigationBottomLine">
3
+ <div class="container px-5">
4
+ <header>
5
+ {% include header/nav-menu.html %}
6
+ </header>
7
+ </div>
8
+ </div>
9
+ <!-- End Header Area -->
@@ -0,0 +1,38 @@
1
+ <nav class="navbar navbar-expand-lg navbar-light">
2
+ <div class="container-fluid p-0">
3
+ {%- assign navbar = site.data.blog.nav -%}
4
+ {% if navbar.navbarBrandText != "" %}
5
+ <a class="navbar-brand" href="/" title="{{navbar.navbarBrandText}}">{{navbar.navbarBrandText}}</a>
6
+
7
+ {% else %}
8
+ <a href="/">
9
+ <img class="logo-height" src="{{navbar.navbarBrandLogo}}"
10
+ alt="{{navbar.navbarBrandLogo}}" class="navbar-brand-image"
11
+ height="40px" width="40px">
12
+ </a>
13
+ {% endif %}
14
+ <div class="manul-navbar-toggler navbar-toggler">
15
+ <div class="transforming-bars"></div>
16
+ </div>
17
+
18
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
19
+ <ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar__nav">
20
+ {%- for item in site.data.blog.nav.navItems -%}
21
+ <li class="nav-item">
22
+ <a class="nav-link" href="/{{item.url}}">{{item.name}}</a>
23
+ </li>
24
+ {% endfor %}
25
+ </ul>
26
+ </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
+ </div>
38
+ </nav>
@@ -0,0 +1,30 @@
1
+ <!-- pagination -->
2
+ {% if paginator.total_pages > 1 %}
3
+ <div class="paginationP">
4
+ {% if paginator.previous_page %}
5
+ <a style="color: #4EA1E2; "
6
+ href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
7
+ {% else %}
8
+ <span class="text-muted">&laquo; Prev</span>
9
+ {% endif %}
10
+
11
+ {% for page in (1..paginator.total_pages) %}
12
+ {% if page == paginator.page %}
13
+ <span class="webjeda text-muted">{{ page }}</span>
14
+ {% elsif page == 1 %}
15
+ <a href="/blog" style="color: #4EA1E2; ">{{ page }}</a>
16
+ {% else %}
17
+ <a style="color: #4EA1E2; "
18
+ href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page
19
+ }}</a>
20
+ {% endif %}
21
+ {% endfor %}
22
+
23
+ {% if paginator.next_page %}
24
+ <a style="color:#4EA1E2; " href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next
25
+ &raquo;</a>
26
+ {% else %}
27
+ <span class="text-muted">Next &raquo;</span>
28
+ {% endif %}
29
+ </div>
30
+ {% endif %}
@@ -0,0 +1,17 @@
1
+ <div class="post-links">
2
+ <div class="bottompagination">
3
+ <div class="pointerup"><i class="fa fa-caret-up"></i></div>
4
+ <span class="navigation" role="navigation">
5
+ <div class="pagination2">
6
+ {% if page.previous.url %}
7
+ <a class="ml-1 mr-1 pageUrl" href="{{page.previous.url}}">« Prev</a>
8
+ {% endif %}
9
+
10
+ {% if page.next.url %}
11
+ <a class="ml-1 mr-1 pageUrl" href="{{page.next.url}}"> Next »</a>
12
+
13
+ {% endif %}
14
+ </div>
15
+ </span>
16
+ </div>
17
+ </div>
@@ -0,0 +1,38 @@
1
+ <!-- begin post -->
2
+ <div class="col-lg-4 col-md-6 mb-4 card-group">
3
+ <div class="card h-100">
4
+ <a href="{{ post.url }}">
5
+ <img src="{{ post.image }}" class="card-img-top" alt="">
6
+ </a>
7
+ <div class="card-body">
8
+ <a href="{{ post.url }}" class="anchor_link">
9
+ <h4 class="card-title mb-4">{{ post.title }}</h4>
10
+ </a>
11
+ </div>
12
+
13
+ {% assign author = site.data.blog.authors[post.author] %}
14
+ <div class="card-footer bg-white">
15
+ <div class="wrapfooter">
16
+ {% if post.author %}
17
+ <span class="meta-footer-thumb">
18
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
19
+ </span>
20
+ {% endif %}
21
+
22
+ <span class="author-meta">
23
+ <span class="post-name">
24
+ <a target="_blank" href="/blog">{{post.author}}</a>
25
+ </span><br>
26
+ <span class="post-date">{{post.date | date_to_string }}</span>
27
+ </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>
34
+ </div>
35
+ </div>
36
+ </div>
37
+ </div>
38
+ <!-- end post -->
@@ -0,0 +1,2 @@
1
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
2
+ <script src="/assets/js/thefrontendworld.js"></script>
@@ -0,0 +1,11 @@
1
+ <form class="bd-search m-0" onSubmit="return lunr_search(document.getElementById('lunrsearch').value);">
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;" />
4
+ </form>
5
+
6
+ <div id="lunrsearchresults">
7
+ <ul></ul>
8
+ </div>
9
+
10
+ <script src=" {{site.url}}/assets/js/lunr.js"></script>
11
+ <script src="{{site.url}}/assets/js/lunrsearchengine.js"></script>
@@ -0,0 +1,12 @@
1
+ <div class="alertbar" style="display: none;">
2
+ <div class="container text-center">
3
+ <span style="font-size: 15px;">{{site.data.blog.alertbar.span}}</span>
4
+ <form>
5
+ <div class="mc-field-group">
6
+ <input type="email" placeholder="Email" name="EMAIL" class="required email" id="mce-EMAIL"
7
+ autocomplete="on" required="">
8
+ <input type="submit" value="Subscribe" name="subscribe">
9
+ </div>
10
+ </form>
11
+ </div>
12
+ </div>
@@ -0,0 +1,22 @@
1
+ <div class="explore">
2
+ <h2 class="animate__animated animate__bounce animate__infinite">Explore</h2>
3
+ <span class="d-none d-md-inline animate__animated animate__backInDown animate__infinite"
4
+ style="font-size: 25px;">&#x2193;</span>
5
+ <ul>
6
+ {% assign categories_list = site.categories %}
7
+ {% if categories_list.first[0] == null %}
8
+ {% for category in categories_list %}
9
+ <a class="cat mt-1 mb-1" href="/categories#{{ category | url_escape | strip | replace: ' ', '-' }}">{{ category
10
+ |
11
+ camelcase }} ({{ site.tags[category].size }})</a>
12
+ {% endfor %}
13
+ {% else %}
14
+ {% for category in categories_list %}
15
+ <a class="cat mt-1 mb-1" href="/categories#{{ category[0] | url_escape | strip | replace: ' ', '-' }}">{{
16
+ category[0]
17
+ | camelcase }} ({{ category[1].size }})</a>
18
+ {% endfor %}
19
+ {% endif %}
20
+ {% assign categories_list = nil %}
21
+ </ul>
22
+ </div>
@@ -0,0 +1,75 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ {% include custom-head.html %}
5
+
6
+ <body>
7
+ {%- include header/index.html -%}
8
+
9
+ <section class="section_post">
10
+ <div class="container px-5">
11
+ <div class="row justify-content-center section-title-wrap">
12
+ <div class="col-lg-12 mt-5 ">
13
+ <h1 style="font-weight: 900;">{{ site.data.blog.blog.h1 }}
14
+ </h1>
15
+ <p class="lead mb-5 mt-1" style="font-size: 18px;">
16
+ {{ site.data.blog.blog.tagline }}
17
+ </p>
18
+ </div>
19
+ </div>
20
+
21
+ <!-- categories post -->
22
+ <div class="main-content">
23
+ {{content}}
24
+ </div>
25
+ <!-- close -->
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;">
31
+ <a href="{{ post.url }}">
32
+ <img src="{{ post.image }}" class="card-img-top"
33
+ alt="">
34
+ </a>
35
+ <div class="card-body">
36
+ <a href="{{ post.url }}" class="anchor_link">
37
+ <h4 class="card-title mb-4">{{ post.title }}</h4>
38
+ </a>
39
+ </div>
40
+
41
+ {% assign author = site.data.blog.authors[post.author] %}
42
+ <div class="card-footer bg-white">
43
+ <div class="wrapfooter">
44
+ {% if post.author %}
45
+ <span class="meta-footer-thumb">
46
+ <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
47
+ </span>
48
+ {% endif %}
49
+
50
+ <span class="author-meta">
51
+ <span class="post-name">
52
+ <a target="_blank" href="/blog">{{post.author}}</a>
53
+ </span><br>
54
+ <span class="post-date">{{post.date | date_to_string }}</span>
55
+ </span>
56
+ <span class="post-read-more "><a class="text-dark" href="{{ post.url }}" title="Read Story">Read More</a></span>
57
+ </div>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ {% endfor %}
62
+ </div>
63
+ {%- include pagination.html -%}
64
+ </div>
65
+
66
+ {% include section/count.html %}
67
+ </section>
68
+
69
+ {% include footer/index.html %}
70
+
71
+ {% include scripts.html %}
72
+ <script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
73
+ </body>
74
+
75
+ </html>