blogging-site-theme 0.1

data/assets/js/lunrsearchengine.js

@@ -0,0 +1,89 @@
+---
+layout: null
+sitemap: false
+---
+
+{% assign counter = 0 %}
+var documents = [{% for page in site.pages %}{% if page.url contains '.xml' or page.url contains 'assets' or page.url contains 'category' or page.url contains 'tag' %}{% else %}{
+    "id": {{ counter }},
+    "url": "{{ site.url }}{{site.baseurl}}{{ page.url }}",
+    "title": "{{ page.title }}",
+    "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: '  ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
+    }, {% endif %}{% endfor %}{% for page in site.without-plugin %}{
+    "id": {{ counter }},
+    "url": "{{ site.url }}{{site.baseurl}}{{ page.url }}",
+    "title": "{{ page.title }}",
+    "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: '  ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
+    }, {% endfor %}{% for page in site.posts %}{
+    "id": {{ counter }},
+    "url": "{{ site.url }}{{site.baseurl}}{{ page.url }}",
+    "title": "{{ page.title }}",
+    "body": "{{ page.date | date: "%Y/%m/%d" }} - {{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: '  ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %}
+    }{% if forloop.last %}{% else %}, {% endif %}{% endfor %}];
+
+var idx = lunr(function () {
+    this.ref('id')
+    this.field('title')
+    this.field('body')
+
+    documents.forEach(function (doc) {
+        this.add(doc)
+    }, this)
+});
+function lunr_search(term) {
+    document.getElementById('lunrsearchresults').innerHTML = '<ul></ul>';
+    if(term) {
+        document.getElementById('lunrsearchresults').innerHTML = "<p>Search results for '" + term + "'</p>" + document.getElementById('lunrsearchresults').innerHTML;
+        //put results on the screen.
+        var results = idx.search(term);
+        if(results.length>0){
+            //console.log(idx.search(term));
+            //if results
+            for (var i = 0; i < results.length; i++) {
+                // more statements
+                var ref = results[i]['ref'];
+                var url = documents[ref]['url'];
+                var title = documents[ref]['title'];
+                var body = documents[ref]['body'].substring(0,160)+'...';
+                document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML + "<li class='lunrsearchresult'><a href='" + url + "'><span class='title'>" + title + "</span><br /><span class='body'>"+ body +"</span><br /><span class='url'>"+ url +"</span></a></li>";
+            }
+        } else {
+            document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = "<li class='lunrsearchresult'>No results found...</li>";
+        }
+    }
+    return false;
+}
+
+function lunr_search(term) {
+    $('#lunrsearchresults').show( 400 );
+    $( "body" ).addClass( "modal-open" );
+    
+    document.getElementById('lunrsearchresults').innerHTML = '<div id="resultsmodal" class="modal fade show d-block"  tabindex="-1" role="dialog" aria-labelledby="resultsmodal"> <div class="modal-dialog shadow-lg" role="document"> <div class="modal-content"> <div class="modal-header" id="modtit"> <button type="button" class="close" id="btnx" data-dismiss="modal" aria-label="Close"> &times; </button> </div> <div class="modal-body"> <ul class="mb-0"> </ul>    </div> <div class="modal-footer"><button id="btnx" type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Close</button></div></div> </div></div>';
+    if(term) {
+        document.getElementById('modtit').innerHTML = "<h5 class='modal-title'>Search results for '" + term + "'</h5>" + document.getElementById('modtit').innerHTML;
+        //put results on the screen.
+        var results = idx.search(term);
+        if(results.length>0){
+            //console.log(idx.search(term));
+            //if results
+            for (var i = 0; i < results.length; i++) {
+                // more statements
+                var ref = results[i]['ref'];
+                var url = documents[ref]['url'];
+                var title = documents[ref]['title'];
+                var body = documents[ref]['body'].substring(0,160)+'...';
+                document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML + "<li class='lunrsearchresult'><a href='" + url + "'><span class='title'>" + title + "</span><br /><small><span class='body'>"+ body +"</span><br /><span class='url'>"+ url +"</span></small></a></li>";
+            }
+        } else {
+            document.querySelectorAll('#lunrsearchresults ul')[0].innerHTML = "<li class='lunrsearchresult'>Sorry, no results found. Close & try a different search!</li>";
+        }
+    }
+    return false;
+}
+    
+$(function() {
+    $("#lunrsearchresults").on('click', '#btnx', function () {
+        $('#lunrsearchresults').hide( 5 );
+        $( "body" ).removeClass( "modal-open" );
+    });
+});

data/assets/js/thefrontendworld.js

@@ -0,0 +1,13 @@
+$(document).ready(function () {
+  console.log('connected')
+
+  const navbarToggler = $('.navbar-toggler')
+  const transformingBars = $('.transforming-bars')
+  const navbarCollapse = $('.navbar-collapse')
+
+  $(navbarToggler).click(function () {
+    $(transformingBars).toggleClass('barsActive')
+    $(navbarCollapse).toggleClass('activeNav')
+    $(navbarCollapse).css('width', '300px')
+  })
+})

data/readme.md

@@ -0,0 +1,338 @@
+--------------------------------------
+# BEST-BLOGGING-THEME
+--------------------------------------
+
+### THEME IMPORT GUIDE
+
+------------------------------------------------
+HOW TO IMPORT THIS THEME IN YOUR JEKYLL PROJECT.
+------------------------------------------------
+
+SO, Basically, we have  very easy  three steps to import theme in any Jekyll project.
+
+STEP:1 Add this lines of code in YOUR Gemfile. (so just copy it and paste it on your gemfile)
+
+GEMFILE ->   
+
+*******************************************************************************
+source "https://rubygems.org"
+
+gem "jekyll", "~> 3.9.0"   // JEKYLL VERSION SHOULD BE SAME
+
+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.
+
+gem "kramdown-parser-gfm"   // THIS WILL BE SAME 
+
+FOLLOWING PLUGINS ARE ALSO REQUIRED:
+
+group :jekyll_plugins do
+  gem "jekyll-feed"
+  gem "jekyll-sitemap"
+  gem "jekyll-include-cache"
+  gem 'jekyll-paginate'
+end
+******************************************************************************************
+
+
+STEP: 2 Also add this line of code in  _config.yml. (so just copy it and paste it on your _config.yml)
+ 
+###### CONFIG.YML -> 
+permalink: /blog/:title // IF YOU ARE SERVE BLOG SITE  LIKE, WWW.DOMAIN.COM THEN USE /title.
+// BUT IF YOU ARE SERVE BLOG SITE LIKE, WWW.DOMAIN.COM/BLOG THEN USE SAME AS GIVEN PERMALINK: /blog/title.
+             
+paginate: '12' // BY DEFAULT 12 BLOG POST IN SINGLE PAGE, IF YOU WANT TO CHANGE THEN CHANGE ACCORDILY.
+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.
+             
+### Build settings
+theme: best-blogging-theme //ENSURE THAT THEME NAME WILL BE SAME AS IN GEMFILE THEME NAME. IT IS MANDTARY ALSO IN CONFIG.YML FILE
+markdown: kramdown // IT WILL BE SAME .
+             
+when you paste all these things in your files. after that open terminal and write command: bundle install
+
+-----------------------------------------------------------------------------
+ENSURE THAT, WHEN WE CHANGED THESE FILES. THEN WE NEED TO DELETE GEMFILE.LOCK
+AFTER THAT, HIT BUNDLE INSTALL 
+PLEASE THIS WILL REQUIRED BEFORE HIT BUNDLE INSTALL.
+-----------------------------------------------------------------------------
+
+STEP: 3  SO, AFTER BUNDLE INSTALL
+
+         -----------------------------------------------------
+         ALL THE DEPENDENCY HAS BEEN INSTALLED IN YOUR PROJECT.
+         ------------------------------------------------------
+         
+         ----------------------------------------------
+         SUCCESFULLY THEME IMPORTED NOW IN YOUR PROJECT.
+         ----------------------------------------------
+
+-----------------------------------------------------------------------------
+       
+### blog layout Import guide:
+
+-------------------------------
+How to use blog layout by theme
+-------------------------------
+
+Before blog layout use, I hope theme will be imported in your project successfully. 
+If not then GO TO TOP:
+
+WE HAVE FOLLOWING TWO BLOG LAYOUTS:
+
+#### 1. blog
+#### 2. categories
+
+*******************************
+CREATE FILE FOR BLOG LAYOUT IN ROOT DIR:  
+OR ANYWHERE ITS DEPEND UPON YOU.
+*********************************
+
+#### FOR EXAMPLE:
+
+#### index.html  
+//ensure that file extention will be .html, if .md then i am sure that you blog post pagination won't works.
+
+---
+layout: blog 
+title: BloggingSite  //Title of blog
+---
+
+another example:
+#### blog/index.html //inside blog folder
+
+---
+layout: blog 
+title: BloggingSite  //Title of blog
+---
+
+*******************************
+CREATE FILE FOR CATEGORIES LAYOUT IN ROOT DIR:  
+*********************************
+
+#### FOR EXAMPLE
+#### categories.md
+---
+layout: categories
+title: BloggingSite Categories // TITLE OF BLOG Categories
+permalink: /categories
+---
+
+#### IF YOU ARE USING BLOG LAYUT UNDER BLOG FOLDER
+---
+layout: categories
+title: BloggingSite Categories // TITLE OF BLOG Categories
+permalink: /blog/categories  
+---
+
+
+#### Now,  you can see blog layout is visible in your project.
+
+THESE LAYOUTS DATA DRIVEN BY JSON DATA OR YML FILES, YOU IF YOU WANT CHANGE FOR EXAMPLE:
+#### TITLE, META, NAVLINK, LOGO, BLOGTITLE, TAGLINE, FOOTERLINK ETC.
+
+
+--------------------------------------------------------------------------
+#### CREATE blog(folder) in _data(dir), for ex:) _data/blog
+
+UNDER THESE FOLLOWING JSON OR YML FILES. YOU CAN CHANGE DATA ACOORDING ON YOUR PROJECT.
+
+#### 1. authors.yml
+#### 2. blog.yml
+#### 3. nav.json
+#### 4. share.yml
+#### 5. footer.json
+#### 6. disquss comment system
+
+#### authors.yml // BLOG POST AUTHOR CAN CHANGE HERE.
+
+Manpreet:
+  name: Manpreet singh
+  image: /assets/images/manpreet.png
+  bio: Author4 of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo.
+  twitter: https://twitter.com/home
+
+#### blog.yml  //CHANGE H1 OR TAGLING OF BLOG 
+---
+h1: Latest Posts from our Blog
+tagline: Best Blogging Site
+
+--- 
+// REMOVE --- END OF THE LINE, ITS NOT REQUIRED. 
+
+#### nav.json // NAVLINK CAN BE CHANGE .
+{
+    "navbarBrandText": "", //NAVTEXT LIKE "bloggingsite"
+    "navbarBrandLogo": "/assets/images/bebo-logo.svg",  //LOGO
+    "navItems":[
+        {
+         "name":"home",   //navlinks
+         "url":"/home"    // navurl
+        },
+        {
+         "name":"blog",
+         "url":"/blog"
+       }
+     ]
+}
+
+you can add nav links according to your requirements.
+
+#### share.yml //if you want change sharing handle then you can
+####  Sharing options at the bottom of the post.
+####  Icons from <https://fontawesome.com/>
+
+label: 'Share'
+platforms:
+  - type: Twitter
+    icon: 'fab fa-twitter'
+    link: 'https://twitter.com/intent/tweet?url=URL'
+  - type: Facebook
+    icon: 'fab fa-facebook-square'
+    link: 'https://www.facebook.com/sharer/sharer.php?u=URL'
+  - type: Linkedin
+    icon: 'fab fa-linkedin'
+    link: 'https://www.linkedin.com/sharing/share-offsite/?url=URL'
+
+
+#### footer.json 
+{
+    "footerMenu": {
+      "color": "deepskyblue",
+      "dropdown": [{
+       "categoryName":"Cricket Posts",
+       "links": [
+          {
+            "name": "blog1",
+            "url":"/"
+          },
+          {
+            "name": "blog2",
+            "url":"/"
+          },
+          {
+            "name": "blog3",
+            "url":"/"
+          }
+        ]
+      },
+      {
+        "categoryName":"Latest Posts",
+        "links": [
+           {
+             "name": "blog1",
+             "url":"/"
+           },
+           {
+            "name": "blog1",
+            "url":"/"
+          },
+          {
+            "name": "blog1",
+            "url":"/"
+          }
+          
+         ]
+       },
+       {
+        "categoryName":"Website Name",
+        "links": [
+           {
+             "name": "Terms and conditions",
+             "url":"/"
+           },
+           {
+             "name": "Privacy Policy",
+             "url":"/"
+           },
+           {
+             "name": "Disclaimer",
+             "url":"/"
+           }
+         ]
+       }
+      ]
+    },
+
+    "socialIcon":[
+        {
+            "target": "_blank",
+            "href": "https://www.facebook.com/",
+            "i": "fab fa-facebook-square"
+        },
+        {
+            "target": "_blank",
+            "href": "https://twitter.com/",
+            "i": "fab fa-twitter-square"
+        },
+        {
+            "target": "_blank",
+            "href": "https://www.linkedin.com/",
+            "i": "fab fa-linkedin-in"
+        },
+        {
+            "target": "_blank",
+            "href": "https://github.com/",
+            "i": "fab fa-github"
+        },
+        {
+            "target": "_blank",
+            "href": "https://slack.com/intl/en-in/",
+            "i": "fab fa-slack"
+        }
+    ]
+}
+
+<!-- IF YOU WANT TO CHANGE COPYRIGHT TEXT THEN GO TO CONFIG.YML FILE  AND EDIT COPYRIGHT TEXT VARIABLE -->
+
+
+
+
+#### disquss comment system
+
+sO, NOW YOU CAN DISQUSS COMMENT SYSTEM VERY EASILY IN YOUR PROJECT.
+FIRST, YOU NEED TO CREATE ACCOUNT ON DISQUSS LINK: https://disqus.com/
+AFTER THAT, CREATE ACCOUNT AND SETUP COMMENT SYSTEM FOR WEBSITE.
+
+AFTER, CREATING ACCOUNT FOR WEBSITE, DISQUSS GIVE YOU SHORTNAME : FOR EXAMPLE : MYSITE
+
+JUST COPY THAT SHORTNAME AND PASTE IT IN CONFIG.YML.
+FOR EXAMPLE:
+
+CONFIG.YML
+
+disquss:
+   shortname: yourshortname
+
+after that you can see that comment system added to your website.
+
+
+## so now you can also change color of theme for ex:) footer color,socialicons,expore section etc. and also added google analtyics
+
+you just need to put you google analatyics id in _config.yml
+for example look like- 
+google_analytics: 'G-Your Id'
+
+and also change the color in data driven files that we will provide in the top. now updated you can see that );;
+
+
+## ENJOY THE BLOGGING THEME
+
+
+
+## Theme Demo
+## https://thefrondend.com/
+
+## https://ultimateshyari.netlify.app/
+
+
+
+
+
+
+
+
+
+
+
+         
+
+

metadata

@@ -0,0 +1,134 @@
+--- !ruby/object:Gem::Specification
+name: blogging-site-theme
+version: !ruby/object:Gem::Version
+  version: '0.1'
+platform: ruby
+authors:
+- manpreet-singh
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2021-06-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.9'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.9'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+description: 
+email:
+- ms4110415@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- _data/blog/authors.yml
+- _data/blog/blog.yml
+- _data/blog/footer.json
+- _data/blog/nav.json
+- _data/blog/share.yml
+- _data/dataFiles/en/data.json
+- _data/theme/UI.json
+- _includes/author_bio.html
+- _includes/custom-head.html
+- _includes/disqus_comments.html
+- _includes/footer/index.html
+- _includes/google-analytics.html
+- _includes/header/index.html
+- _includes/header/nav-menu.html
+- _includes/pagination.html
+- _includes/paginationPostPage.html
+- _includes/postbox.html
+- _includes/scripts.html
+- _includes/search-lunr.html
+- _includes/section/alertbar.html
+- _includes/section/count.html
+- _includes/section/faq.html
+- _includes/section/recent_posts.html
+- _includes/section/related_post.html
+- _layouts/blog.html
+- _layouts/categories.html
+- _layouts/post.html
+- _sass/_main.scss
+- _sass/theme/_blog.scss
+- _sass/theme/_faq.scss
+- _sass/theme/_footer.scss
+- _sass/theme/_header.scss
+- _sass/theme/_pagination.scss
+- _sass/theme/pagination2.scss
+- assets/css/main.scss
+- assets/images/bebo-logo.svg
+- assets/images/bg.jpg
+- assets/images/blogger-logotype.svg
+- assets/images/cancel.png
+- assets/images/favicon-16x16.png
+- assets/images/favicon.ico
+- assets/images/manpreet.png
+- assets/images/menu.png
+- assets/images/ram.png
+- assets/js/lazyload.js
+- assets/js/lunr.js
+- assets/js/lunrsearchengine.js
+- assets/js/thefrontendworld.js
+- readme.md
+homepage: https://github.com/ManpreetChoudhary/Blogging-Theme
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key: 
+specification_version: 4
+summary: You can easily import and use  Blog theme in your projects.
+test_files: []