hardpool-flat 1.0.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (12) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +3 -3
  3. data/_includes/header.1.html +4 -3
  4. data/_includes/qv_modal.html +4 -4
  5. data/_layouts/portfolio-landing.html +22 -22
  6. data/_layouts/portfolio-post.html +9 -3
  7. data/_layouts/portfolio.html +1 -1
  8. data/_sass/theme/_global.scss +3 -0
  9. data/_sass/theme/_header.scss +57 -0
  10. data/_sass/theme/_page.scss +25 -7
  11. data/assets/js/main.bundle.js +1 -134
  12. metadata +4 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0d99313a0ba7a1a50b120dec982d91eb6d363ce358d41ac77cfa63234224d188
4
- data.tar.gz: c21ef118ba42b2441324632ba02c344de719ab83ec0d4931186afa6f27f084b3
3
+ metadata.gz: d01836063d5e488939d41dc81ad6ccf88405702b78c1f024994fbb36da0ac2a5
4
+ data.tar.gz: 8a02c8331e2c7cde658e69d89d9e6377e620000c8831f012821b0def7e306361
5
5
  SHA512:
6
- metadata.gz: '09d0d6b8eb8eea75cd7bc42ab240e25d57873803a6317055ed4f8066d9fb3740fbdfaa62321bebf2f032a160b9824df2159ab0ca3bcf0b97ae08083d8606d424'
7
- data.tar.gz: f16ba71773d2b8297715dbac8a5488f8dcc877584659b0ee3d6cb9b8f405b95d9681bcc0efabda53a82e81dca7eceefe6216f367a6ccc18c642786d10584ce68
6
+ metadata.gz: e867f1ede3093e55727317e5def5ae756016756028c4c006c5574c490e7c2a1c4b65441ebd82081d86c731aa87f14cc2b62948d66cce947f60a566923c0aac86
7
+ data.tar.gz: a9ec97d47d4ed69ab4d4b57b83c8588cec8222135a2a06a659a4804a628c0ebb9e6d0c8e7a06678defadf768e461e58a95dd07da659f8787ce055074ecfd7713
data/_includes/footer.html CHANGED
@@ -1,10 +1,10 @@
1
1
  <footer>
2
2
  <div class="container-fluid pt-5">
3
- <div class="row md-gutters footer-insta-port" id="footer-insta-port">
4
- <div class="col">
3
+ <div class="row el-gutters footer-insta-port" id="footer-insta-port">
4
+ <div class="col-3 col-md">
5
5
  <a href="##__insta_url__##" target="_blank" class="insta-img">
6
6
  <div class="img-11" style="background-image:url('##__image_url__##')"></div>
7
- <div class="overlay">
7
+ <div class="overlay d-none d-sm-flex gtm-insta" data-title="##__insta_url__##">
8
8
  <p><i class="fa fa-comment mx-1"></i>##__insta_comment__##<i class="fa fa-heart mx-1 ml-2"></i>##__insta_like__##</p>
9
9
  </div>
10
10
  </a>
data/_includes/header.1.html CHANGED
@@ -3,7 +3,8 @@
3
3
  <nav class="navbar navbar-expand-lg navbar-light">
4
4
  <div class="container">
5
5
  <a class="navbar-brand" href="/">{{ site.name }}</a>
6
- <ul class="nav ml-auto">
6
+ <a class="mobile-nav-handle d-md-none" href="javascript:header.toggle();"><i id="nav-handle-icon" class="fas fa-bars"></i></a>
7
+ <ul id="navigation" class="nav nav-mobile ml-auto">
7
8
  {%- for link in site.data.navigation.main -%}
8
9
  {%- if link.url contains '://' -%}
9
10
  {%- assign url = link.url -%}
@@ -11,10 +12,10 @@
11
12
  {%- assign url = link.url | relative_url -%}
12
13
  {%- endif -%}
13
14
  <!-- {{ page.url }} -->
14
- <li class="nav-item" data-toggle="popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
15
+ <li class="nav-item" data-toggle="nav-popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
15
16
  <a class="nav-link {% if page.url==url %}active{% endif %}" href="{% if link.url %}{{ url }}{% else %}#{% endif %}">{{ link.title }}</a>
16
17
  {%- if link.sub -%}
17
- <div id="submenu{{ forloop.index }}" class="d-none">
18
+ <div id="submenu{{ forloop.index }}" class="d-md-none">
18
19
  {%- for sublink in link.sub -%}
19
20
  <p class="mb-0 px-2 py-1 subnav-item"><a href="{{sublink.url}}">{{sublink.title}}</a></p>
20
21
  {%- endfor -%}
data/_includes/qv_modal.html CHANGED
@@ -18,9 +18,9 @@ modal id prefix attribute "modalId"
18
18
  </div>
19
19
  <div class="modal-body">
20
20
  <div class="row">
21
- <div class="col"><div class="img-34" style="background-image:url('{{ post.img_v }}')"></div></div>
22
- <div class="col-5">
23
- <p class="mb-2 outfits-info">
21
+ <div class="col-md"><div class="img-34" style="background-image:url('{{ post.img_v }}')"></div></div>
22
+ <div class="col-md-5">
23
+ <p class="mb-2 outfits-info mt-3 mt-md-0">
24
24
  {%- assign unique_outfits = post.outfits | uniq -%}
25
25
  {%- for outfit in unique_outfits -%}
26
26
  <span class="px-2 text-primary">{{ outfit.title }}</span>
@@ -29,7 +29,7 @@ modal id prefix attribute "modalId"
29
29
  <p>{{post.excerpt | truncate: 150}}</p>
30
30
  <div class="row md-gutters">
31
31
  {%- for outfit in post.outfits -%}
32
- <div class="col-6 mb-3"><a href="{{ outfit.link }}" target="_blank"><div class="thumb-post" style="background-image:url('{{ outfit.img }}')"></div></a></div>
32
+ <div class="col-4 col-md-6 mb-3"><a href="{{ outfit.link }}" target="_blank"><div class="thumb-post gtm-shop-item" data-title="{{ outfit.title }} | {{ outfit.link }}" style="background-image:url('{{ outfit.img }}')"></div></a></div>
33
33
  {%- endfor -%}
34
34
  </div>
35
35
  </div>
data/_layouts/portfolio-landing.html CHANGED
@@ -3,10 +3,10 @@ layout: default
3
3
  ---
4
4
  <!-- banner start -->
5
5
  {%- assign banners = site.posts | where: "categories", "banner" | slice: 0, 4 -%}
6
- <div class="container-fluid bg-grad mb-5">
6
+ <div class="container-fluid bg-grad mb-5 pb-3 pb-md-0 px-0">
7
7
  <div class="container">
8
8
  <div id="mainbanner" class="carousel slide carousel-fade banner-carousel" data-ride="carousel">
9
- <ol class="carousel-indicators">
9
+ <ol class="carousel-indicators d-none d-md-flex">
10
10
  {%- for post in banners -%}
11
11
  <li data-target="#mainbanner" data-slide-to="{{ forloop.index | minus: 1 }}" {% if forloop.first %}class="active"{% endif %}></li>
12
12
  {%- endfor -%}
@@ -15,24 +15,24 @@ layout: default
15
15
  {%- for post in banners -%}
16
16
  <div class="carousel-item {% if forloop.first %}active{% endif %}">
17
17
  <div class="row">
18
- <div class="col-9 p-0">
19
- <a href="{{ post.url }}"><div class="img-43" style="background-image:url('{{ post.img_h }}')"></div></a>
18
+ <div class="col-md-9 p-0">
19
+ <a href="{{ post.url }}"><div class="img-43 gtm-landing-banner" data-title="{{ post.title }}" style="background-image:url('{{ post.img_h }}')"></div></a>
20
20
  <!-- <img src="{{ post.img_h }}" class="d-block w-100" alt="{{ post.title }}"> -->
21
21
  </div>
22
- <div class="col-5 p-0 overlap-right d-flex align-items-center h-100">
23
- <div>
24
- <div class="p-3 bnr-wrapper">
22
+ <div class="col-md-5 p-0 overlap-right position-relative d-flex align-items-center h-100">
23
+ <div class="text-center text-md-left">
24
+ <div class="py-1 px-4 py-md-3 px-md-3 bnr-wrapper text-left">
25
25
  <h2>{{ post.title }}</h2>
26
- <p>{{ post.excerpt | strip_html | truncate: 150 }}</p>
26
+ <p class="mb-0">{{ post.excerpt | strip_html | truncate: 150 }}</p>
27
27
  </div>
28
- <a href="{{ post.url }}" class="btn btn-secondary float-right mt-3">View post</a>
28
+ <a href="{{ post.url }}" class="btn btn-secondary float-md-right mt-3 gtm-landing-banner" data-title="{{ post.title }}">View post</a>
29
29
  </div>
30
30
  </div>
31
31
  </div>
32
32
  </div>
33
33
  {%- endfor -%}
34
34
  </div>
35
- <div class="carousel-control-wrapper">
35
+ <div class="carousel-control-wrapper d-none d-md-block">
36
36
  <a class="carousel-control-prev" href="#mainbanner" role="button" data-slide="prev">
37
37
  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
38
38
  <span class="sr-only">Previous</span>
@@ -52,13 +52,13 @@ layout: default
52
52
  <div class="container mb-5">
53
53
  <div class="row sm-gutters">
54
54
  {%- for post in thumbs -%}
55
- <div class="col">
55
+ <div class="col-4 col-md">
56
56
  {%- if post.img_t contains 'insta_sc|' -%}
57
57
  {%- capture t_url -%}https://instagram.com/p/{{ post.img_t | replace_first: "insta_sc|", "" }}/media/?size=l{%- endcapture -%}
58
58
  {%- else -%}
59
59
  {%- assign t_url = post.img_t -%}
60
60
  {%- endif -%}
61
- <div class="thumb-post" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
61
+ <div class="thumb-post gtm-landing-shop" data-title="{{ post.title }}" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
62
62
  </div>
63
63
  {%- endfor -%}
64
64
  </div>
@@ -70,17 +70,17 @@ layout: default
70
70
  {%- for post in featured -%}
71
71
  {%- assign ri = forloop.index | modulo: 2 -%}
72
72
  <div class="row my-7 position-relative">
73
- <div class="col-7 {% if ri==0 %}order-2 offset-5{% endif %}">
74
- <a href="{{ post.url }}"><div class="img-34" style="background-image:url('{{ post.img_v }}')"></div></a>
73
+ <div class="col-md-7 {% if ri==0 %}order-md-2 offset-md-5{% endif %}">
74
+ <a href="{{ post.url }}"><div class="img-34 gtm-landing-featured" data-title="{{ post.title }}" style="background-image:url('{{ post.img_v }}')"></div></a>
75
75
  <!-- <img src="{{ post.img_v }}" class="d-block w-100" alt="{{ post.title }}"> -->
76
76
  </div>
77
- <div class="col-6 p-0 pt-3 {% if ri==0 %}overlap-left order-1{% else %}overlap-right{% endif %} d-flex align-items-center h-100">
77
+ <div class="col-md-6 p-md-0 pt-3 {% if ri==0 %}overlap-left order-md-1{% else %}overlap-right{% endif %} d-flex align-items-center h-100">
78
78
  <div class="row">
79
- <div class="col-12">
80
- <a href="{{ post.url }}"><div class="img-43 img-overlap" style="background-image:url('{{ post.img_h }}')"></div></a>
79
+ <div class="col-md-12 d-none d-md-block">
80
+ <a href="{{ post.url }}"><div class="img-43 img-overlap gtm-landing-featured" data-title="{{ post.title }}" style="background-image:url('{{ post.img_h }}')"></div></a>
81
81
  <!-- <img src="{{ post.img_h }}" class="d-block w-100 img-overlap" alt="{{ post.title }}"> -->
82
82
  </div>
83
- <div class="col-10 mt-2 px-5 {% if ri==1 %}offset-2{% endif %}">
83
+ <div class="col-md-10 mt-md-2 px-5 {% if ri==1 %}offset-md-2{% endif %}">
84
84
  <h2>{{ post.title }}</h2>
85
85
  <p class="mb-2 outfits-info">
86
86
  {%- assign unique_outfits = post.outfits | uniq -%}
@@ -100,9 +100,9 @@ layout: default
100
100
  {%- assign i2 = forloop.index0 | plus: 2 -%}
101
101
  <div class="carousel-item {% if forloop.first %}active{% endif %}">
102
102
  <div class="row sm-gutters">
103
- <div class="col"><a href="{{ post.outfits[forloop.index0].link }}" target="_blank"><div class="thumb-post" style="background-image:url('{{ post.outfits[forloop.index0].img }}')"></div></a></div>
104
- <div class="col"><a href="{{ post.outfits[i1].link }}" target="_blank"><div class="thumb-post" style="background-image:url('{{ post.outfits[i1].img }}')"></div></a></div>
105
- <div class="col"><a href="{{ post.outfits[i2].link }}" target="_blank"><div class="thumb-post" style="background-image:url('{{ post.outfits[i2].img }}')"></div></a></div>
103
+ <div class="col"><a href="{{ post.outfits[forloop.index0].link }}" target="_blank"><div class="thumb-post gtm-shop-item" data-title="{{ post.outfits[forloop.index0].title }} | {{ post.outfits[forloop.index0].link }}" style="background-image:url('{{ post.outfits[forloop.index0].img }}')"></div></a></div>
104
+ <div class="col"><a href="{{ post.outfits[i1].link }}" target="_blank"><div class="thumb-post gtm-shop-item" data-title="{{ post.outfits[i1].title }} | {{ post.outfits[i1].link }}" style="background-image:url('{{ post.outfits[i1].img }}')"></div></a></div>
105
+ <div class="col"><a href="{{ post.outfits[i2].link }}" target="_blank"><div class="thumb-post gtm-shop-item" data-title="{{ post.outfits[i2].title }} | {{ post.outfits[i2].link }}" style="background-image:url('{{ post.outfits[i2].img }}')"></div></a></div>
106
106
  </div>
107
107
  </div>
108
108
  {%- endif -%}
@@ -121,7 +121,7 @@ layout: default
121
121
  </div>
122
122
  {%- endif -%}
123
123
  <!-- outfits carousel -->
124
- <a href="{{ post.url }}" class="btn btn-secondary mt-3">View post</a>
124
+ <a href="{{ post.url }}" class="btn btn-secondary mt-3 gtm-landing-featured" data-title="{{ post.title }}">View post</a>
125
125
  </div>
126
126
  </div>
127
127
  </div>
data/_layouts/portfolio-post.html CHANGED
@@ -6,7 +6,13 @@ layout: contained
6
6
  <!-- heading -->
7
7
  <div class="row mb-3">
8
8
  <div class="col">
9
- <h1>{{ page.title }}</h1>
9
+ <h1 class="mb-0">{{ page.title }}</h1>
10
+ <p class="mb-0 text-primary">
11
+ <span>{{ page.date | date: "%B %d, %Y" }}</span>
12
+ {%- if page.location.title -%}
13
+ <span class="ml-3"><i class="fas fa-map-marker-alt mr-1"></i>{{ page.location.title }}</span>
14
+ {%- endif -%}
15
+ </p>
10
16
  </div>
11
17
  </div>
12
18
  <!-- post -->
@@ -54,7 +60,7 @@ layout: contained
54
60
  {%- else -%}
55
61
  {%- assign t_url = post.img_t -%}
56
62
  {%- endif -%}
57
- <div class="thumb-post" style="background-image:url('{{ t_url }}')"></div>
63
+ <div class="thumb-post gtm-similar-post" data-title="{{ post.title }}" style="background-image:url('{{ t_url }}')"></div>
58
64
  <h5 class="mx-2 mt-1 text-center">{{ post.title }}</h5>
59
65
  </a>
60
66
  </div>
@@ -93,7 +99,7 @@ layout: contained
93
99
  {%- else -%}
94
100
  {%- assign t_url = post.img_t -%}
95
101
  {%- endif -%}
96
- <div class="thumb-post mt-3" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
102
+ <div class="thumb-post mt-3 gtm-post-shop" data-title="{{ post.title }}" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
97
103
  </div>
98
104
  {% endfor %}
99
105
  </div>
data/_layouts/portfolio.html CHANGED
@@ -17,7 +17,7 @@ layout: contained
17
17
 
18
18
  <div class="row mb-5">
19
19
  {% for post in posts %}
20
- <div class="col-4 portfolio-item">
20
+ <div class="col-md-4 col-sm-6 portfolio-item">
21
21
  <a class="d-block" href="{{ post.url }}">
22
22
  <div class="img-34" style="background-image:url('{{ post.img_v }}')"></div>
23
23
  <h2 class="mt-2 mb-4 text-center">{{ post.title }}</h2>
data/_sass/theme/_global.scss CHANGED
@@ -39,6 +39,9 @@ table{
39
39
  .text-lg{
40
40
  font-size: 1.2rem;
41
41
  }
42
+ .text-sm{
43
+ font-size: 0.9rem;
44
+ }
42
45
  .decoration-none{
43
46
  text-decoration: none;
44
47
  }
data/_sass/theme/_header.scss CHANGED
@@ -5,6 +5,14 @@ header {
5
5
  font-family: 'Dancing Script', cursive;
6
6
  font-size: 3rem;
7
7
  color: $dark;
8
+
9
+ @media (max-width: 767px) {
10
+ font-size: 2.5rem;
11
+ }
12
+ }
13
+
14
+ .subnav-item {
15
+ border-bottom: 1px solid lighten($gray, 10%);
8
16
  }
9
17
 
10
18
  &.style-default{
@@ -48,4 +56,53 @@ header {
48
56
  }
49
57
  }
50
58
  }
59
+
60
+ .mobile-nav-handle{
61
+ font-size: 1.5rem;
62
+ padding: 0 0.5rem;
63
+ z-index: 101;
64
+ }
65
+
66
+ @media (max-width: 767px) {
67
+ .nav-mobile {
68
+ @include transition(all, 0.4s);
69
+ display: block;
70
+ opacity: 0;
71
+ position: fixed;
72
+ top: 0;
73
+ left: 0;
74
+ background-color: rgba(255,255,255,0.95);
75
+ width: 100%;
76
+ height: 0;
77
+ z-index: 100;
78
+ padding-top: 5rem;
79
+ overflow: hidden;
80
+
81
+ &.active {
82
+ // display: block;
83
+ height: 100%;
84
+ opacity: 1;
85
+ }
86
+ .nav-item{
87
+ margin: 0 1rem;
88
+
89
+ .nav-link{
90
+ color: $dark;
91
+ font-size: 1.3rem;
92
+ padding: 0.5rem;
93
+
94
+ &.active {
95
+ color: $primary;
96
+ }
97
+ }
98
+ }
99
+ }
100
+ .subnav-item {
101
+ border-bottom: none;
102
+ margin-left: 1rem;
103
+ a {
104
+ color: lighten($color: #333, $amount: 30%);
105
+ }
106
+ }
107
+ }
51
108
  }
data/_sass/theme/_page.scss CHANGED
@@ -130,6 +130,19 @@ img {
130
130
  padding-left: 0.4rem;
131
131
  }
132
132
  }
133
+ .el-gutters {
134
+ @extend .no-gutters;
135
+ @media (min-width: 768px) {
136
+ margin-right: 0;
137
+ margin-left: 0;
138
+
139
+ > .col,
140
+ > [class*="col-"] {
141
+ padding-right: 0.4rem;
142
+ padding-left: 0.4rem;
143
+ }
144
+ }
145
+ }
133
146
  .section-heading{
134
147
  font-weight: 600;
135
148
  color: $primary;
@@ -146,6 +159,9 @@ img {
146
159
  &.sm {
147
160
  padding: 0.5rem;
148
161
  }
162
+ @media (max-width: 767px) {
163
+ padding: 0.5rem;
164
+ }
149
165
  }
150
166
  }
151
167
  .modal-backdrop {
@@ -198,16 +214,22 @@ img {
198
214
  background-image: linear-gradient(125deg, desaturate(lighten($primary, 25%), 15%), desaturate(lighten($primary, 25%), 15%));
199
215
  background-size: 100% 80%;
200
216
  background-repeat: no-repeat;
201
- background-position: center;
217
+ background-position: bottom;
218
+
219
+ @media (min-width: 768px) {
220
+ background-position: center;
221
+ }
202
222
  }
223
+ @media (min-width: 768px) {
203
224
  .overlap-right {
204
- position: absolute;
225
+ position: absolute!important;
205
226
  right: 0;
206
227
  }
207
228
  .overlap-left {
208
- position: absolute;
229
+ position: absolute!important;
209
230
  left: 0;
210
231
  }
232
+ }
211
233
  .bnr-wrapper {
212
234
  background: #fff;
213
235
  width: 100%;
@@ -256,8 +278,4 @@ img {
256
278
  }
257
279
  }
258
280
  }
259
- }
260
- /* ****************** header ******************* */
261
- .subnav-item {
262
- border-bottom: 1px solid lighten($gray, 10%);
263
281
  }
data/assets/js/main.bundle.js CHANGED
@@ -1,134 +1 @@
1
- /******/ (function(modules) { // webpackBootstrap
2
- /******/ // The module cache
3
- /******/ var installedModules = {};
4
- /******/
5
- /******/ // The require function
6
- /******/ function __webpack_require__(moduleId) {
7
- /******/
8
- /******/ // Check if module is in cache
9
- /******/ if(installedModules[moduleId]) {
10
- /******/ return installedModules[moduleId].exports;
11
- /******/ }
12
- /******/ // Create a new module (and put it into the cache)
13
- /******/ var module = installedModules[moduleId] = {
14
- /******/ i: moduleId,
15
- /******/ l: false,
16
- /******/ exports: {}
17
- /******/ };
18
- /******/
19
- /******/ // Execute the module function
20
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21
- /******/
22
- /******/ // Flag the module as loaded
23
- /******/ module.l = true;
24
- /******/
25
- /******/ // Return the exports of the module
26
- /******/ return module.exports;
27
- /******/ }
28
- /******/
29
- /******/
30
- /******/ // expose the modules object (__webpack_modules__)
31
- /******/ __webpack_require__.m = modules;
32
- /******/
33
- /******/ // expose the module cache
34
- /******/ __webpack_require__.c = installedModules;
35
- /******/
36
- /******/ // define getter function for harmony exports
37
- /******/ __webpack_require__.d = function(exports, name, getter) {
38
- /******/ if(!__webpack_require__.o(exports, name)) {
39
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
40
- /******/ }
41
- /******/ };
42
- /******/
43
- /******/ // define __esModule on exports
44
- /******/ __webpack_require__.r = function(exports) {
45
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
46
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
47
- /******/ }
48
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
49
- /******/ };
50
- /******/
51
- /******/ // create a fake namespace object
52
- /******/ // mode & 1: value is a module id, require it
53
- /******/ // mode & 2: merge all properties of value into the ns
54
- /******/ // mode & 4: return value when already ns object
55
- /******/ // mode & 8|1: behave like require
56
- /******/ __webpack_require__.t = function(value, mode) {
57
- /******/ if(mode & 1) value = __webpack_require__(value);
58
- /******/ if(mode & 8) return value;
59
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
60
- /******/ var ns = Object.create(null);
61
- /******/ __webpack_require__.r(ns);
62
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
63
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
64
- /******/ return ns;
65
- /******/ };
66
- /******/
67
- /******/ // getDefaultExport function for compatibility with non-harmony modules
68
- /******/ __webpack_require__.n = function(module) {
69
- /******/ var getter = module && module.__esModule ?
70
- /******/ function getDefault() { return module['default']; } :
71
- /******/ function getModuleExports() { return module; };
72
- /******/ __webpack_require__.d(getter, 'a', getter);
73
- /******/ return getter;
74
- /******/ };
75
- /******/
76
- /******/ // Object.prototype.hasOwnProperty.call
77
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
78
- /******/
79
- /******/ // __webpack_public_path__
80
- /******/ __webpack_require__.p = "";
81
- /******/
82
- /******/
83
- /******/ // Load entry module and return exports
84
- /******/ return __webpack_require__(__webpack_require__.s = "./_js/main.js");
85
- /******/ })
86
- /************************************************************************/
87
- /******/ ({
88
-
89
- /***/ "./_js/animations.js":
90
- /*!***************************!*\
91
- !*** ./_js/animations.js ***!
92
- \***************************/
93
- /*! no static exports found */
94
- /***/ (function(module, exports) {
95
-
96
- eval("let d = document;\nlet showThreshold = 150;\nlet hideThreshold = 100;\n\nlet runAnimations = (st) => {\n fadeIn('fade-in', st);\n};\n\nlet fadeIn = (className, st) => {\n let ea = d.querySelectorAll(`.${className}`);\n ea.forEach(ele => {\n // console.log(ele.offsetTop+showThreshold, st+window.innerHeight);\n if(st+window.innerHeight>ele.offsetTop+showThreshold){\n // console.log(\"show \", ele);\n ele.classList.add(\"in-view\");\n } else if(ele.offsetTop-hideThreshold>st+window.innerHeight) {\n // console.log(\"hide\", ele);\n ele.classList.remove(\"in-view\");\n }\n });\n \n};\n\nmodule.exports.init = () => {\n // console.log(\"animations init!\");\n window.onscroll = (e) => {\n runAnimations(window.pageYOffset);\n };\n runAnimations(window.pageYOffset);\n};\n\n//# sourceURL=webpack:///./_js/animations.js?");
97
-
98
- /***/ }),
99
-
100
- /***/ "./_js/comp-init.js":
101
- /*!**************************!*\
102
- !*** ./_js/comp-init.js ***!
103
- \**************************/
104
- /*! no static exports found */
105
- /***/ (function(module, exports) {
106
-
107
- eval("let carouselInit = () => {\n $(document).ready(() => {\n $('.carousel').carousel();\n });\n};\nlet popoverInit = () => {\n $(document).ready(() => {\n let options = {\n html: true,\n container: 'body',\n content: function() {\n return $(\"#\"+$(this).attr(\"data-pop\")).html();\n }\n };\n $('[data-toggle=\"popover\"]').popover(options)\n .on(\"mouseenter\", function () {\n if($(this).attr(\"data-trigger\")!=\"manual\")\n return;\n var _this = this;\n $(this).popover(\"show\");\n $(\".popover\").on(\"mouseleave\", function () {\n $(_this).popover('hide');\n });\n })\n .on(\"mouseleave\", function () {\n if($(this).attr(\"data-trigger\")!=\"manual\")\n return;\n var _this = this;\n setTimeout(function () {\n if (!$(\".popover:hover\").length) {\n $(_this).popover(\"hide\");\n }\n }, 300);\n });\n });\n};\n\nmodule.exports.init = () => {\n popoverInit();\n carouselInit();\n};\n\n//# sourceURL=webpack:///./_js/comp-init.js?");
108
-
109
- /***/ }),
110
-
111
- /***/ "./_js/insta-recent.js":
112
- /*!*****************************!*\
113
- !*** ./_js/insta-recent.js ***!
114
- \*****************************/
115
- /*! no static exports found */
116
- /***/ (function(module, exports) {
117
-
118
- eval("module.exports.init = () => {\n fetch(`https://api.instagram.com/v1/users/self/media/recent/?access_token=${config.insta_at}&count=8`)\n .then(response => {\n return response.json();\n })\n .then(imgs => {\n // console.log(imgs);\n let template = document.querySelector(\"#footer-insta-port\").innerHTML;\n let html = \"\";\n imgs.data.forEach(img => {\n html += `${template.replace('##__image_url__##', img.images.standard_resolution.url)\n .replace('##__insta_url__##', img.link)\n .replace('##__insta_comment__##', img.comments.count)\n .replace('##__insta_like__##', img.likes.count)}`;\n });\n document.querySelector(\"#footer-insta-port\").innerHTML = html;\n });\n};\n\n//# sourceURL=webpack:///./_js/insta-recent.js?");
119
-
120
- /***/ }),
121
-
122
- /***/ "./_js/main.js":
123
- /*!*********************!*\
124
- !*** ./_js/main.js ***!
125
- \*********************/
126
- /*! no exports provided */
127
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
128
-
129
- "use strict";
130
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _animations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./animations */ \"./_js/animations.js\");\n/* harmony import */ var _animations__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_animations__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _insta_recent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./insta-recent */ \"./_js/insta-recent.js\");\n/* harmony import */ var _insta_recent__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_insta_recent__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _comp_init__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./comp-init */ \"./_js/comp-init.js\");\n/* harmony import */ var _comp_init__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_comp_init__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\n\n_comp_init__WEBPACK_IMPORTED_MODULE_2___default.a.init();\n_animations__WEBPACK_IMPORTED_MODULE_0___default.a.init();\n_insta_recent__WEBPACK_IMPORTED_MODULE_1___default.a.init();\n\n//# sourceURL=webpack:///./_js/main.js?");
131
-
132
- /***/ })
133
-
134
- /******/ });
1
+ !function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t){let n=document,o=e=>{r("fade-in",e)},r=(e,t)=>{n.querySelectorAll(`.${e}`).forEach(e=>{t+window.innerHeight>e.offsetTop+150?e.classList.add("in-view"):e.offsetTop-100>t+window.innerHeight&&e.classList.remove("in-view")})};e.exports.init=(()=>{window.onscroll=(e=>{o(window.pageYOffset)}),o(window.pageYOffset)})},function(e,t){e.exports.init=(()=>{fetch(`https://api.instagram.com/v1/users/self/media/recent/?access_token=${config.insta_at}&count=8`).then(e=>e.json()).then(e=>{let t=document.querySelector("#footer-insta-port").innerHTML,n="";e.data.forEach(e=>{n+=`${t.replace(/##__image_url__##/g,e.images.standard_resolution.url).replace(/##__insta_url__##/g,e.link).replace(/##__insta_comment__##/g,e.comments.count).replace(/##__insta_like__##/g,e.likes.count)}`}),document.querySelector("#footer-insta-port").innerHTML=n})})},function(e,t){let n=()=>{window.innerWidth<768||$(document).ready(()=>{let e={html:!0,container:"body",content:function(){return $("#"+$(this).attr("data-pop")).html()}};$('[data-toggle="nav-popover"]').popover(e).on("mouseenter",function(){if("manual"==$(this).attr("data-trigger")){var e=this;$(this).popover("show"),$(".popover").on("mouseleave",function(){$(e).popover("hide")})}}).on("mouseleave",function(){if("manual"==$(this).attr("data-trigger")){var e=this;setTimeout(function(){$(".popover:hover").length||$(e).popover("hide")},300)}})})};e.exports.init=(()=>{n(),$(document).ready(()=>{$(".carousel").carousel()})})},function(e,t){e.exports.toggle=(()=>{document.querySelector("#navigation").classList.contains("active")?(document.querySelector("#navigation").classList.remove("active"),document.querySelector("#nav-handle-icon").classList.remove("fa-times"),document.querySelector("#nav-handle-icon").classList.add("fa-bars")):(document.querySelector("#navigation").classList.add("active"),document.querySelector("#nav-handle-icon").classList.remove("fa-bars"),document.querySelector("#nav-handle-icon").classList.add("fa-times"))})},function(e,t,n){"use strict";n.r(t);var o=n(0),r=n.n(o),i=n(1),a=n.n(i),c=n(2),s=n.n(c),u=n(3),l=n.n(u);s.a.init(),r.a.init(),a.a.init(),window.header=l.a}]);
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: hardpool-flat
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 2.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Hardik Dabhi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-05-28 00:00:00.000000000 Z
11
+ date: 2019-05-31 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -176,7 +176,7 @@ files:
176
176
  - assets/js/jquery-3.3.1.slim.min.js
177
177
  - assets/js/main.bundle.js
178
178
  - assets/styles/main.scss
179
- homepage:
179
+ homepage: https://github.com/hardpool/hardpool-flat
180
180
  licenses:
181
181
  - MIT
182
182
  metadata: {}
@@ -199,5 +199,5 @@ rubyforge_project:
199
199
  rubygems_version: 2.7.6
200
200
  signing_key:
201
201
  specification_version: 4
202
- summary: Write a short summary, because Rubygems requires one.
202
+ summary: Jekyll flat theme with bootstrap for personal portflio.
203
203
  test_files: []