hardpool-flat 1.0.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/footer.html +3 -3
- data/_includes/header.1.html +4 -3
- data/_includes/qv_modal.html +4 -4
- data/_layouts/portfolio-landing.html +22 -22
- data/_layouts/portfolio-post.html +9 -3
- data/_layouts/portfolio.html +1 -1
- data/_sass/theme/_global.scss +3 -0
- data/_sass/theme/_header.scss +57 -0
- data/_sass/theme/_page.scss +25 -7
- data/assets/js/main.bundle.js +1 -134
- metadata +4 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d01836063d5e488939d41dc81ad6ccf88405702b78c1f024994fbb36da0ac2a5
|
|
4
|
+
data.tar.gz: 8a02c8331e2c7cde658e69d89d9e6377e620000c8831f012821b0def7e306361
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
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
|
|
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
|
-
<
|
|
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>
|
|
@@ -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="
|
|
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>
|
|
@@ -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
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:
|
|
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
|
-
|
|
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:
|
|
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-
|
|
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:
|
|
202
|
+
summary: Jekyll flat theme with bootstrap for personal portflio.
|
|
203
203
|
test_files: []
|