added gallery

README.md

@@ -14,7 +14,7 @@
 
 ### Demo (Hosted Apps)
 
-- Github Pages Demo - [here](https://sujaykundu.com/devlopr-jekyll)
+- Github Pages Demo - [here](https://sujaykundu.com)
 - Netlify Demo - [here](https://devlopr.netlify.com)
 - Zeit Now Demo - [here](https://devlopr-jekyll.now.sh)
 - Heroku Demo - [here](https://devlopr-jekyll.herokuapp.com)

_config.yml

@@ -13,6 +13,8 @@ urls:
       url: /
     - text: Blog
       url: /blog
+    - text: Gallery
+      url: /gallery
     - text: Shop
       url : /shop
     - text: Contact Me
@@ -133,6 +135,14 @@ paginate_path: "/blog/page/:num/"
 collections:
  - products
 
+# Gallery
+defaults:
+  -
+    scope:
+      path: "gallery"
+    values:
+      permalink: /:path/:basename:output_ext
+
 # Build settings
 
 theme: devlopr

_data/galleries/ncbs.yml

@@ -0,0 +1,58 @@
+picture_path: ncbs
+preview:
+  filename: Photo-0793
+  original: Photo-0793.jpg
+  sizes:
+  - Photo-0793.jpg
+  thumbnail: Photo-0793-thumbnail.jpg
+pictures:
+- filename: Photo-0793
+  original: Photo-0793.jpg
+  sizes:
+  - Photo-0793.jpg
+  thumbnail: Photo-0793-thumbnail.jpg
+- filename: Photo-0790
+  original: Photo-0790.jpg
+  sizes:
+  - Photo-0790.jpg
+  thumbnail: Photo-0790-thumbnail.jpg
+- filename: Photo-0813
+  original: Photo-0813.jpg
+  sizes:
+  - Photo-0813.jpg
+  thumbnail: Photo-0813-thumbnail.jpg
+- filename: Photo-0797
+  original: Photo-0797.jpg
+  sizes:
+  - Photo-0797.jpg
+  thumbnail: Photo-0797-thumbnail.jpg
+- filename: Photo-0794
+  original: Photo-0794.jpg
+  sizes:
+  - Photo-0794.jpg
+  thumbnail: Photo-0794-thumbnail.jpg
+- filename: Photo-0792
+  original: Photo-0792.jpg
+  sizes:
+  - Photo-0792.jpg
+  thumbnail: Photo-0792-thumbnail.jpg
+- filename: Photo-0775
+  original: Photo-0775.jpg
+  sizes:
+  - Photo-0775.jpg
+  thumbnail: Photo-0775-thumbnail.jpg
+- filename: Photo-0772
+  original: Photo-0772.jpg
+  sizes:
+  - Photo-0772.jpg
+  thumbnail: Photo-0772-thumbnail.jpg
+- filename: Photo-0771
+  original: Photo-0771.jpg
+  sizes:
+  - Photo-0771.jpg
+  thumbnail: Photo-0771-thumbnail.jpg
+- filename: Photo-0768
+  original: Photo-0768.jpg
+  sizes:
+  - Photo-0768.jpg
+  thumbnail: Photo-0768-thumbnail.jpg

_data/galleries/overview.yml

@@ -0,0 +1,9 @@
+-
+  title: NCBS - Bangalore, Karnataka
+  directory: ncbs
+  preview:
+    filename: Photo-0793
+    original: Photo-0793.jpg
+    sizes:
+    - Photo-0793.jpg
+    thumbnail: Photo-0793-thumbnail.jpg

_includes/gallery-layout.html

@@ -0,0 +1,21 @@
+
+
+<div id="image-gallery{% if include.id_number %}-{{ include.id_number }}{% endif %}">
+  <div id="gallery-sizer{% if include.id_number %}-{{ include.id_number }}{% endif %}"></div>
+  {% for picture in include.gallery.pictures %}
+    <a href="{{ site.url }}{{ site.baseurl }}/assets/img/gallery/{{ include.gallery.picture_path }}/{{ picture.original }}"
+    data-responsive="{% for size in picture.sizes %} {{ site.url}}{{ site.baseurl }}/assets/gallery/{{ include.gallery.picture_path }}/{{ size }} {{ size | split: '-' | last | split: '.' | first | split: 'x' | first | strip }}{% unless forloop.last %},{% endunless %}{% endfor %}" class="image"
+    {% if picture.title %} data-sub-html="<div class='lg-toolbar caption'><h4>{{ picture.title | escape }}</h4>{% if picture.caption %}<p>{{ picture.caption | escape }}</p>{% endif %}</div>"{% endif %}>
+      <img alt="{{ picture.title }}" class="img-thumbnail" src="{{ site.url }}{{ site.baseurl }}/assets/img/gallery/{{ include.gallery.picture_path }}/{{ picture.thumbnail }}" />
+    </a>
+  {% endfor %}
+</div>
+
+<script type="text/javascript">
+$(document).ready(function() {
+  var $gallery = $("#image-gallery").lightGallery({
+    thumbnail: false,
+    selector: '.image'
+  });
+});
+</script>

_includes/head.html

@@ -3,30 +3,123 @@
   <title>{{ site.title }} - {{ site.subtitle }}</title>
   <meta http-equip="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="{{ site.description }}">
+   <meta name="description" content="{% if page.title %}{{ page.title }}{% else %}{{ site.description }}{% endif %}" />
+    <meta name="keywords" content="{% if page.title %}{{ page.title }}, {{ site.title }}, {% for categ in page.categories %}{{ categ }}{% if forloop.last == false %}, {% endif %}{% endfor %}{% else %}{{ site.title }}, {% for category in site.categories %}{% capture categories_slug %}{{ category | first }}{% endcapture %}{% for categ in categories_slug %}{{ categ }}{% endfor %}{% if forloop.last == false %}, {% endif %}{% endfor %}{% endif %}" />
+    <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
+    <meta content="{{ site.share.fb_appid }}" property="fb:app_id">
+    <meta content="{{ site.title }}" property="og:site_name">
+    {% if page.noindex %}
+      <meta name="robots" content="noindex">
+    {% endif %}
+    {% if page.title %}
+      <meta content="{{ page.title }}" property="og:title">
+      <meta content="article" property="og:type">
+    {% else %}
+      <meta content="{{ site.title }}" property="og:title">
+      <meta content="website" property="og:type">
+    {% endif %}
+
+    {% if page.summary %}
+      <meta content="{{ page.summary }}" property="og:description">
+    {% else %}
+      <meta content="{{ site.description }}" property="og:description">
+    {% endif %}
+
+    {% if page.url %}
+      <meta content="{{ site.url }}{{ page.url }}" property="og:url">
+    {% endif %}
+
+    {% if page.date %}
+      <meta content="{{ page.date | date_to_xmlschema }}" property="article:published_time">
+      <meta content="{{ site.url }}/about/" property="article:author">
+    {% endif %}
+
+    {% if page.image %}
+      <meta content="{{ site.url }}/assets/img/posts/{{ page.image }}" property="og:image">
+    {% endif %}
+
+    {% if page.categories %}
+      {% for category in page.categories limit:1 %}
+        <meta content="{{ category }}" property="article:section">
+      {% endfor %}
+    {% endif %}
+
+    {% if page.tags %}
+      {% for tag in page.tags %}
+        <meta content="{{ tag }}" property="article:tag">
+      {% endfor %}
+    {% endif %}
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@{{ site.share.twitter_username }}">
+    <meta name="twitter:creator" content="@{{ site.share.twitter_username }}">
+
+    {% if page.title %}
+      <meta name="twitter:title" content="{{ page.title }}">
+    {% else %}
+      <meta name="twitter:title" content="{{ site.title }}">
+    {% endif %}
+    <meta content="{{ site.title }}" property="og:site_name">
+    {% if page.url %}
+      <meta name="twitter:url" content="{{ site.url }}{{ page.url }}">
+    {% endif %}
+
+    {% if page.description %}
+      <meta name="twitter:description" content="{{ page.description }}">
+    {% else %}
+      <meta name="twitter:description" content="{{ site.description }}">
+    {% endif %}
+
+    {% if page.header-img %}
+      <meta name="twitter:image:src" content="{{ site.url }}/{{ page.header-img }}">
+    {% endif %}
+
   <link rel="stylesheet" href="{{site.url}}{{site.baseurl}}/assets/css/main.css" />
   <link rel="stylesheet" href="{{site.url}}{{site.baseurl}}/assets/css/custom-style.css" />
+
+  <!-- Fonts-->
+  <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
+
+  <!-- Favicon -->
   <link rel="icon" href="{{site.url}}{{site.baseurl}}/assets/img/favicon.ico" type="image/gif" sizes="16x16">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
+
+  <!-- Jquery -->
+  <script src="{{site.url}}/bower_components/jquery/dist/jquery.min.js"></script>
+  <script src="{{site.url}}/bower_components/jquery.easing/jquery.easing.min.js"></script>
+  <script src="{{site.url}}/bower_components/jquery-mousewheel/jquery.mousewheel.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/combine/npm/lightgallery,npm/lg-autoplay,npm/lg-fullscreen,npm/lg-hash,npm/lg-pager,npm/lg-share,npm/lg-thumbnail,npm/lg-video,npm/lg-zoom"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.2/picturefill.min.js"></script>
+  <script src="{{site.url}}/bower_components/imagesloaded/imagesloaded.pkgd.min.js"></script>
+
+ <!-- Github Button -->
+  <script async defer src="https://buttons.github.io/buttons.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
     integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
     crossorigin="anonymous"></script>
-  <script async defer src="https://buttons.github.io/buttons.js"></script>
-  <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
+
+    <!-- Bootstrap -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
     integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
+
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
     integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
-  <!-- Including Snipcart -->
+
+      <!-- lightgallery-->
+  <link rel="stylesheet" href="{{site.url}}/bower_components/lightgallery/dist/css/lightgallery.min.css"/>
+
+    <!--  Snipcart -->
   <link rel="stylesheet" href="https://cdn.snipcart.com/themes/v3.0.0-beta.3/default/snipcart.css" />
+
   <!-- Including InstantSearch.js library and styling -->
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
-  <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
   <link rel="stylesheet" type="text/css"
     href="https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch.min.css">
   <link rel="stylesheet" type="text/css"
     href="https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch-theme-algolia.min.css">
+
+
   <script>
     (function (d, h, m) {
       var js, fjs = d.getElementsByTagName(h)[0];

_layouts/gallery.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+
+<div class="card">
+    <h1 class="card-title"> Gallery</h1>
+     {{ content }}
+ </div>

_sass/devlog.scss

@@ -72,6 +72,14 @@ header {
     margin-right:auto;
     width: 100%;
 }
+
+/* image-gallery */
+#image-gallery{
+    margin-left: 5%;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 @media (min-width: 768px)
 {
     .snipcart-layout__header {

bower.json

@@ -0,0 +1,22 @@
+{
+  "name": "devlopr-jekyll",
+  "homepage": "https://github.com/sujaykundu777/devlopr-jekyll",
+  "authors": [
+    "sujaykundu777 <[email protected]>"
+  ],
+  "description": "A Jekyll Theme Built For Developers",
+  "main": "",
+  "keywords": [
+    "jekyll-theme",
+    "jekyll",
+    "gallery"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}

bower_components/desandro-matches-selector/.bower.json

@@ -0,0 +1,42 @@
+{
+  "name": "matches-selector",
+  "description": "matches/matchesSelector helper",
+  "main": "matches-selector.js",
+  "devDependencies": {
+    "qunit": "1.x"
+  },
+  "homepage": "https://github.com/desandro/matches-selector",
+  "authors": [
+    "David DeSandro"
+  ],
+  "moduleType": [
+    "amd",
+    "globals",
+    "node"
+  ],
+  "keywords": [
+    "DOM",
+    "matchesSelector",
+    "matches"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "tests.*",
+    "package.json"
+  ],
+  "version": "2.0.2",
+  "_release": "2.0.2",
+  "_resolution": {
+    "type": "version",
+    "tag": "v2.0.2",
+    "commit": "1e7d535ee374ff0823f7232ca1fe2b4ac8e56ae9"
+  },
+  "_source": "https://github.com/desandro/matches-selector.git",
+  "_target": "^2.0.0",
+  "_originalSource": "desandro-matches-selector"
+}

bower_components/desandro-matches-selector/README.md

@@ -0,0 +1,27 @@
+# matchesSelector helper
+
+[`matches`/`matchesSelector`](https://developer.mozilla.org/en-US/docs/Web/API/Element/matches) is pretty hot :fire:, but has [vendor-prefix baggage](http://caniuse.com/#feat=matchesselector) :handbag: :pouch:. This helper function takes care of that, without polyfilling or augmenting `Element.prototype`.
+
+``` js
+matchesSelector( elem, selector );
+// for example
+matchesSelector( myElem, 'div.my-hawt-selector' );
+```
+
+## Install
+
+Download [matches-selector.js](https://github.com/desandro/matches-selector/raw/master/matches-selector.js)
+
+Install with [Bower](http://bower.io): `bower install matches-selector`
+
+[Install with npm](https://www.npmjs.org/package/desandro-matches-selector): `npm install desandro-matches-selector`
+
+## Browser support
+
+IE10+, all modern browsers
+
+Use [matchesSelector v1](https://github.com/desandro/matches-selector/releases/tag/v1.0.3) for IE8 and IE9 support.
+
+## MIT license
+
+matchesSelector is released under the [MIT license](http://desandro.mit-license.org)