hardpool-flat 0.1.0 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/footer.html +32 -0
- data/_includes/head.html +2 -1
- data/_includes/header.1.html +50 -0
- data/_includes/header.html +39 -5
- data/_includes/qv_modal.html +41 -0
- data/_includes/scripts.html +9 -0
- data/_includes/section_row.html +39 -0
- data/_includes/seo.html +8 -3
- data/_layouts/contained.html +7 -0
- data/_layouts/default.html +11 -2
- data/_layouts/page.html +2 -3
- data/_layouts/portfolio-landing.html +133 -0
- data/_layouts/portfolio-post.html +106 -0
- data/_layouts/portfolio.html +27 -0
- data/_layouts/posts.html +26 -0
- data/_sass/_mixins.scss +10 -0
- data/_sass/_var.scss +24 -24
- data/_sass/bootstrap/bootstrap.scss +11 -9
- data/_sass/theme/_animations.scss +14 -0
- data/_sass/theme/_global.scss +13 -21
- data/_sass/theme/_header.scss +49 -10
- data/_sass/theme/_page.scss +263 -0
- data/_sass/theme.scss +2 -0
- data/assets/js/bootstrap.bundle.min.js +7 -0
- data/assets/js/jquery-3.3.1.slim.min.js +2 -0
- data/assets/js/main.bundle.js +134 -0
- metadata +17 -3
- data/_layouts/post.html +0 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0d99313a0ba7a1a50b120dec982d91eb6d363ce358d41ac77cfa63234224d188
|
|
4
|
+
data.tar.gz: c21ef118ba42b2441324632ba02c344de719ab83ec0d4931186afa6f27f084b3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: '09d0d6b8eb8eea75cd7bc42ab240e25d57873803a6317055ed4f8066d9fb3740fbdfaa62321bebf2f032a160b9824df2159ab0ca3bcf0b97ae08083d8606d424'
|
|
7
|
+
data.tar.gz: f16ba71773d2b8297715dbac8a5488f8dcc877584659b0ee3d6cb9b8f405b95d9681bcc0efabda53a82e81dca7eceefe6216f367a6ccc18c642786d10584ce68
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<footer>
|
|
2
|
+
<div class="container-fluid pt-5">
|
|
3
|
+
<div class="row md-gutters footer-insta-port" id="footer-insta-port">
|
|
4
|
+
<div class="col">
|
|
5
|
+
<a href="##__insta_url__##" target="_blank" class="insta-img">
|
|
6
|
+
<div class="img-11" style="background-image:url('##__image_url__##')"></div>
|
|
7
|
+
<div class="overlay">
|
|
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
|
+
</div>
|
|
10
|
+
</a>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="container text-center py-4">
|
|
15
|
+
<div class="row">
|
|
16
|
+
<div class="col">
|
|
17
|
+
{%- if site.footer.links -%}
|
|
18
|
+
{%- for link in site.footer.links -%}
|
|
19
|
+
{%- if link.label -%}
|
|
20
|
+
<a class="btn btn-primary btn-icon" href="{{ link.url | default: '#' }}"><i class="{{ link.icon | default: 'fas fa-link' }}" aria-hidden="true"></i></a>
|
|
21
|
+
{%- endif -%}
|
|
22
|
+
{%- endfor -%}
|
|
23
|
+
{%- endif -%}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="row">
|
|
27
|
+
<div class="col">
|
|
28
|
+
<p class="mt-4 text-info">© {{ site.time | date: '%Y' }} {{ site.copyright | default: site.title }}</p>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</footer>
|
data/_includes/head.html
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
<meta charset="utf-8">
|
|
2
2
|
{% include seo.html %}
|
|
3
3
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
4
|
-
<link rel="stylesheet" href="{{ '/assets/styles/main.css' | relative_url }}">
|
|
4
|
+
<link rel="stylesheet" href="{{ '/assets/styles/main.css' | relative_url }}">
|
|
5
|
+
<link rel="shortcut icon" href="{{site.favicon}}" type="image/x-icon">
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{% assign logo_path = site.main_logo %}
|
|
2
|
+
<header class="style-1">
|
|
3
|
+
<nav class="navbar navbar-expand-lg navbar-light">
|
|
4
|
+
<div class="container">
|
|
5
|
+
<a class="navbar-brand" href="/">{{ site.name }}</a>
|
|
6
|
+
<ul class="nav ml-auto">
|
|
7
|
+
{%- for link in site.data.navigation.main -%}
|
|
8
|
+
{%- if link.url contains '://' -%}
|
|
9
|
+
{%- assign url = link.url -%}
|
|
10
|
+
{%- else -%}
|
|
11
|
+
{%- assign url = link.url | relative_url -%}
|
|
12
|
+
{%- endif -%}
|
|
13
|
+
<!-- {{ page.url }} -->
|
|
14
|
+
<li class="nav-item" data-toggle="popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
|
|
15
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="{% if link.url %}{{ url }}{% else %}#{% endif %}">{{ link.title }}</a>
|
|
16
|
+
{%- if link.sub -%}
|
|
17
|
+
<div id="submenu{{ forloop.index }}" class="d-none">
|
|
18
|
+
{%- for sublink in link.sub -%}
|
|
19
|
+
<p class="mb-0 px-2 py-1 subnav-item"><a href="{{sublink.url}}">{{sublink.title}}</a></p>
|
|
20
|
+
{%- endfor -%}
|
|
21
|
+
</div>
|
|
22
|
+
{%- endif -%}
|
|
23
|
+
</li>
|
|
24
|
+
{%- endfor -%}
|
|
25
|
+
<!-- show collection navigation -->
|
|
26
|
+
{% for collection in site.collections %}
|
|
27
|
+
{% if collection.navigation %}
|
|
28
|
+
<li class="nav-item">
|
|
29
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}">{{ collection.label | capitalize }}</a>
|
|
30
|
+
</li>
|
|
31
|
+
<!-- create categories array-->
|
|
32
|
+
{% assign categories_col = "" | split:"|" %}
|
|
33
|
+
<!--Add each unique 'my_collection' category to the array-->
|
|
34
|
+
{% for post in collection.docs %}
|
|
35
|
+
{% for category in post.categories %}
|
|
36
|
+
{% assign categories_col = categories_col | push: category | uniq %}
|
|
37
|
+
{% endfor %}
|
|
38
|
+
{% endfor %}
|
|
39
|
+
<!-- show category navigation -->
|
|
40
|
+
{% for cat in categories_col %}
|
|
41
|
+
<li class="nav-item">
|
|
42
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}/{{ cat }}">{{ cat | capitalize }}</a>
|
|
43
|
+
</li>
|
|
44
|
+
{% endfor %}
|
|
45
|
+
{% endif %}
|
|
46
|
+
{% endfor %}
|
|
47
|
+
</ul>
|
|
48
|
+
</div>
|
|
49
|
+
</nav>
|
|
50
|
+
</header>
|
data/_includes/header.html
CHANGED
|
@@ -1,17 +1,51 @@
|
|
|
1
|
-
{%
|
|
2
|
-
|
|
3
|
-
<header>
|
|
1
|
+
{% assign logo_path = site.main_logo %}
|
|
2
|
+
<header class="style-default">
|
|
4
3
|
<div class="container text-center">
|
|
5
4
|
<div class="row">
|
|
6
5
|
<div class="col">
|
|
7
|
-
<a class="main-logo mt-
|
|
6
|
+
<a class="main-logo mt-5" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt=" "></a>
|
|
8
7
|
</div>
|
|
9
8
|
</div>
|
|
10
9
|
<div class="row">
|
|
11
10
|
<div class="col">
|
|
12
|
-
<h1 class="mt-3">{{ site.
|
|
11
|
+
<h1 class="mt-3 mb-0">{{ site.name }}</h1>
|
|
13
12
|
<p class="text-info text-lg">{{ site.description }}</p>
|
|
14
13
|
</div>
|
|
15
14
|
</div>
|
|
15
|
+
<ul class="nav d-flex justify-content-center mb-5">
|
|
16
|
+
{%- for link in site.data.navigation.main -%}
|
|
17
|
+
{%- if link.url contains '://' -%}
|
|
18
|
+
{%- assign url = link.url -%}
|
|
19
|
+
{%- else -%}
|
|
20
|
+
{%- assign url = link.url | relative_url -%}
|
|
21
|
+
{%- endif -%}
|
|
22
|
+
<!-- {{ page.url }} -->
|
|
23
|
+
<li class="nav-item">
|
|
24
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="{{ url }}">{{ link.title }}</a>
|
|
25
|
+
</li>
|
|
26
|
+
{%- endfor -%}
|
|
27
|
+
<!-- show collection navigation -->
|
|
28
|
+
{% for collection in site.collections %}
|
|
29
|
+
{% if collection.navigation %}
|
|
30
|
+
<li class="nav-item">
|
|
31
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}">{{ collection.label | capitalize }}</a>
|
|
32
|
+
</li>
|
|
33
|
+
<!-- create categories array-->
|
|
34
|
+
{% assign categories_col = "" | split:"|" %}
|
|
35
|
+
<!--Add each unique 'my_collection' category to the array-->
|
|
36
|
+
{% for post in collection.docs %}
|
|
37
|
+
{% for category in post.categories %}
|
|
38
|
+
{% assign categories_col = categories_col | push: category | uniq %}
|
|
39
|
+
{% endfor %}
|
|
40
|
+
{% endfor %}
|
|
41
|
+
<!-- show category navigation -->
|
|
42
|
+
{% for cat in categories_col %}
|
|
43
|
+
<li class="nav-item">
|
|
44
|
+
<a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}/{{ cat }}">{{ cat | capitalize }}</a>
|
|
45
|
+
</li>
|
|
46
|
+
{% endfor %}
|
|
47
|
+
{% endif %}
|
|
48
|
+
{% endfor %}
|
|
49
|
+
</ul>
|
|
16
50
|
</div>
|
|
17
51
|
</header>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{% comment %}
|
|
2
|
+
========================================================
|
|
3
|
+
array of post is understood
|
|
4
|
+
data array attribute "data"
|
|
5
|
+
modal id prefix attribute "modalId"
|
|
6
|
+
=========================================================
|
|
7
|
+
{% endcomment %}
|
|
8
|
+
<!-- Modal -->
|
|
9
|
+
{% for post in include.data %}
|
|
10
|
+
<div class="modal fade" id="{{include.modalId}}{{ forloop.index }}" tabindex="-1" aria-labelledby="exampleModalLongTitle" role="dialog" aria-hidden="true">
|
|
11
|
+
<div class="modal-dialog modal-lg" role="document">
|
|
12
|
+
<div class="modal-content">
|
|
13
|
+
<div class="modal-header">
|
|
14
|
+
<h4 class="modal-title">{{ post.title }}</h4>
|
|
15
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
16
|
+
<span aria-hidden="true">×</span>
|
|
17
|
+
</button>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="modal-body">
|
|
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">
|
|
24
|
+
{%- assign unique_outfits = post.outfits | uniq -%}
|
|
25
|
+
{%- for outfit in unique_outfits -%}
|
|
26
|
+
<span class="px-2 text-primary">{{ outfit.title }}</span>
|
|
27
|
+
{%- endfor -%}
|
|
28
|
+
</p>
|
|
29
|
+
<p>{{post.excerpt | truncate: 150}}</p>
|
|
30
|
+
<div class="row md-gutters">
|
|
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>
|
|
33
|
+
{%- endfor -%}
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
{% endfor %}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
var config = {
|
|
3
|
+
"insta_at": "{{ site.footer.insta_at }}"
|
|
4
|
+
};
|
|
5
|
+
</script>
|
|
6
|
+
<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
|
|
7
|
+
<script src="{{ '/assets/js/jquery-3.3.1.slim.min.js' | relative_url }}"></script>
|
|
8
|
+
<script src="{{ '/assets/js/main.bundle.js' | relative_url }}"></script>
|
|
9
|
+
<script src="{{ '/assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
{% comment %}
|
|
2
|
+
========================================================
|
|
3
|
+
array of below is understood
|
|
4
|
+
----------------------------
|
|
5
|
+
- title: "Section 1"
|
|
6
|
+
sub_title: "Section sub-title"
|
|
7
|
+
image: /assets/img/1.JPG
|
|
8
|
+
alt:
|
|
9
|
+
excerpt: This page is a demo that shows everything you can do inside portfolio and blog posts. We've included everything you need to create engaging posts about your work, and show off your case studies in a beautiful way.
|
|
10
|
+
btn_text: Read on
|
|
11
|
+
url: /blog
|
|
12
|
+
=========================================================
|
|
13
|
+
{% endcomment %}
|
|
14
|
+
|
|
15
|
+
{% if include.id %}
|
|
16
|
+
{% assign data = page[include.id] %}
|
|
17
|
+
{% else %}
|
|
18
|
+
{% assign data = page.section_row %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
|
|
21
|
+
<div class="animation-wrapper">
|
|
22
|
+
{% for r in data %}
|
|
23
|
+
<div class="fade-in pb-7">
|
|
24
|
+
<div class="row">
|
|
25
|
+
<div class="col">
|
|
26
|
+
<h1 class="display-4 text-center mb-0">{{ r.title }}</h1>
|
|
27
|
+
<p class="text-center text-info text-lg">{{ r.sub_title }}</p>
|
|
28
|
+
<img src="{{ r.image }}" class="img-fluid" alt="{{ r.alt }}">
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="row">
|
|
32
|
+
<div class="col-8 offset-2">
|
|
33
|
+
<p class="text-lg mt-3">{{ r.excerpt }}</p>
|
|
34
|
+
<a class="btn btn-primary" href="{{ r.url }}">{{ r.btn_text }}</a>
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
{% endfor %}
|
|
39
|
+
</div>
|
data/_includes/seo.html
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
<!-- Google Tag Manager -->
|
|
2
|
+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
3
|
+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
4
|
+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
5
|
+
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
6
|
+
})(window,document,'script','dataLayer','{{site.seo.gtmid}}');</script>
|
|
7
|
+
<!-- End Google Tag Manager -->
|
|
2
8
|
|
|
9
|
+
{% assign title_separator = site.title_separator | default: '-' | replace: '|', '|' %}
|
|
3
10
|
{%- if page.title -%}
|
|
4
11
|
{%- assign seo_title = page.title | append: " " | append: title_separator | append: " " | append: site.title -%}
|
|
5
12
|
{%- endif -%}
|
|
6
|
-
|
|
7
13
|
{%- if seo_title -%}
|
|
8
14
|
{%- assign seo_title = seo_title | markdownify | strip_html | strip_newlines | escape_once -%}
|
|
9
15
|
{%- endif -%}
|
|
10
|
-
|
|
11
16
|
<title>{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ title_separator }} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}{% endif %}</title>
|
data/_layouts/default.html
CHANGED
|
@@ -7,10 +7,19 @@
|
|
|
7
7
|
{% include head.html %}
|
|
8
8
|
</head>
|
|
9
9
|
<body>
|
|
10
|
+
<!-- Google Tag Manager (noscript) -->
|
|
11
|
+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{site.seo.gtmid}}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
12
|
+
<!-- End Google Tag Manager (noscript) -->
|
|
10
13
|
|
|
11
|
-
{% include header.html %}
|
|
14
|
+
{% include header.1.html %}
|
|
12
15
|
|
|
13
|
-
|
|
16
|
+
<div class="main-wrapper">
|
|
17
|
+
{{ content }}
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
{% include footer.html %}
|
|
21
|
+
|
|
22
|
+
{% include scripts.html %}
|
|
14
23
|
|
|
15
24
|
</body>
|
|
16
25
|
</html>
|
data/_layouts/page.html
CHANGED
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<!-- banner start -->
|
|
5
|
+
{%- assign banners = site.posts | where: "categories", "banner" | slice: 0, 4 -%}
|
|
6
|
+
<div class="container-fluid bg-grad mb-5">
|
|
7
|
+
<div class="container">
|
|
8
|
+
<div id="mainbanner" class="carousel slide carousel-fade banner-carousel" data-ride="carousel">
|
|
9
|
+
<ol class="carousel-indicators">
|
|
10
|
+
{%- for post in banners -%}
|
|
11
|
+
<li data-target="#mainbanner" data-slide-to="{{ forloop.index | minus: 1 }}" {% if forloop.first %}class="active"{% endif %}></li>
|
|
12
|
+
{%- endfor -%}
|
|
13
|
+
</ol>
|
|
14
|
+
<div class="carousel-inner">
|
|
15
|
+
{%- for post in banners -%}
|
|
16
|
+
<div class="carousel-item {% if forloop.first %}active{% endif %}">
|
|
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>
|
|
20
|
+
<!-- <img src="{{ post.img_h }}" class="d-block w-100" alt="{{ post.title }}"> -->
|
|
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">
|
|
25
|
+
<h2>{{ post.title }}</h2>
|
|
26
|
+
<p>{{ post.excerpt | strip_html | truncate: 150 }}</p>
|
|
27
|
+
</div>
|
|
28
|
+
<a href="{{ post.url }}" class="btn btn-secondary float-right mt-3">View post</a>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
{%- endfor -%}
|
|
34
|
+
</div>
|
|
35
|
+
<div class="carousel-control-wrapper">
|
|
36
|
+
<a class="carousel-control-prev" href="#mainbanner" role="button" data-slide="prev">
|
|
37
|
+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
38
|
+
<span class="sr-only">Previous</span>
|
|
39
|
+
</a>
|
|
40
|
+
<a class="carousel-control-next" href="#mainbanner" role="button" data-slide="next">
|
|
41
|
+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
42
|
+
<span class="sr-only">Next</span>
|
|
43
|
+
</a>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
<!-- banner end -->
|
|
49
|
+
<!-- shop outfit start -->
|
|
50
|
+
<p class="section-heading"><span>My outfits</span></p>
|
|
51
|
+
{% assign thumbs = site.posts | slice: 0, 5 %}
|
|
52
|
+
<div class="container mb-5">
|
|
53
|
+
<div class="row sm-gutters">
|
|
54
|
+
{%- for post in thumbs -%}
|
|
55
|
+
<div class="col">
|
|
56
|
+
{%- if post.img_t contains 'insta_sc|' -%}
|
|
57
|
+
{%- capture t_url -%}https://instagram.com/p/{{ post.img_t | replace_first: "insta_sc|", "" }}/media/?size=l{%- endcapture -%}
|
|
58
|
+
{%- else -%}
|
|
59
|
+
{%- assign t_url = post.img_t -%}
|
|
60
|
+
{%- endif -%}
|
|
61
|
+
<div class="thumb-post" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
|
|
62
|
+
</div>
|
|
63
|
+
{%- endfor -%}
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
<!-- shop outfit start end -->
|
|
67
|
+
<!-- section 3 start -->
|
|
68
|
+
{%- assign featured = site.posts | where: "categories", "featured" -%}
|
|
69
|
+
<div class="container mb-5">
|
|
70
|
+
{%- for post in featured -%}
|
|
71
|
+
{%- assign ri = forloop.index | modulo: 2 -%}
|
|
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>
|
|
75
|
+
<!-- <img src="{{ post.img_v }}" class="d-block w-100" alt="{{ post.title }}"> -->
|
|
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">
|
|
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>
|
|
81
|
+
<!-- <img src="{{ post.img_h }}" class="d-block w-100 img-overlap" alt="{{ post.title }}"> -->
|
|
82
|
+
</div>
|
|
83
|
+
<div class="col-10 mt-2 px-5 {% if ri==1 %}offset-2{% endif %}">
|
|
84
|
+
<h2>{{ post.title }}</h2>
|
|
85
|
+
<p class="mb-2 outfits-info">
|
|
86
|
+
{%- assign unique_outfits = post.outfits | uniq -%}
|
|
87
|
+
{%- for outfit in unique_outfits -%}
|
|
88
|
+
<span class="px-2 text-primary">{{ outfit.title }}</span>
|
|
89
|
+
{%- endfor -%}
|
|
90
|
+
</p>
|
|
91
|
+
<p>{{ post.excerpt | strip_html | truncate: 80 }}</p>
|
|
92
|
+
<!-- outfits carousel -->
|
|
93
|
+
{%- if post.outfits -%}
|
|
94
|
+
<div id="outfitBanner{{forloop.index}}" class="carousel slide default-carousel" data-ride="carousel">
|
|
95
|
+
<div class="carousel-inner">
|
|
96
|
+
{%- for outfit in post.outfits -%}
|
|
97
|
+
{%- assign rio = forloop.index0 | modulo: 3 -%}
|
|
98
|
+
{%- if rio!=0 -%}{%- continue -%}{%- else -%}
|
|
99
|
+
{%- assign i1 = forloop.index0 | plus: 1 -%}
|
|
100
|
+
{%- assign i2 = forloop.index0 | plus: 2 -%}
|
|
101
|
+
<div class="carousel-item {% if forloop.first %}active{% endif %}">
|
|
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>
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
{%- endif -%}
|
|
109
|
+
{%- endfor -%}
|
|
110
|
+
</div>
|
|
111
|
+
<div class="carousel-control-wrapper">
|
|
112
|
+
<a class="carousel-control-prev" href="#outfitBanner{{forloop.index}}" role="button" data-slide="prev">
|
|
113
|
+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
114
|
+
<span class="sr-only">Previous</span>
|
|
115
|
+
</a>
|
|
116
|
+
<a class="carousel-control-next" href="#outfitBanner{{forloop.index}}" role="button" data-slide="next">
|
|
117
|
+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
118
|
+
<span class="sr-only">Next</span>
|
|
119
|
+
</a>
|
|
120
|
+
</div>
|
|
121
|
+
</div>
|
|
122
|
+
{%- endif -%}
|
|
123
|
+
<!-- outfits carousel -->
|
|
124
|
+
<a href="{{ post.url }}" class="btn btn-secondary mt-3">View post</a>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
129
|
+
{%- endfor -%}
|
|
130
|
+
</div>
|
|
131
|
+
<!-- section 3 end -->
|
|
132
|
+
|
|
133
|
+
{%- include qv_modal.html data=thumbs modalId="mdShop" -%}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: contained
|
|
3
|
+
---
|
|
4
|
+
<div class="row mt-3">
|
|
5
|
+
<div class="col-md-8">
|
|
6
|
+
<!-- heading -->
|
|
7
|
+
<div class="row mb-3">
|
|
8
|
+
<div class="col">
|
|
9
|
+
<h1>{{ page.title }}</h1>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
12
|
+
<!-- post -->
|
|
13
|
+
<div class="row my-3">
|
|
14
|
+
<div class="col">
|
|
15
|
+
<div class="img-43 mb-3" style="background-image:url('{{ page.img_h }}')"></div>
|
|
16
|
+
<div class="img-34" style="background-image:url('{{ page.img_v }}')"></div>
|
|
17
|
+
<!-- <img src="{{ page.img_h }}" class="img-fluid mb-3">
|
|
18
|
+
<img src="{{ page.img_v }}" class="img-fluid"> -->
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="row my-3">
|
|
22
|
+
<div class="col">
|
|
23
|
+
{{ content }}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
<!-- similar posts -->
|
|
27
|
+
<div class="row my-3">
|
|
28
|
+
<div class="col">
|
|
29
|
+
<p class="section-heading"><span class="sm">You may also enjoy</span></p>
|
|
30
|
+
<div class="row md-gutters">
|
|
31
|
+
{% assign maxRelated = 4 %}
|
|
32
|
+
{% assign minCommonTags = site.similar_posts.tags_to_match %}
|
|
33
|
+
{% assign maxRelatedCounter = 0 %}
|
|
34
|
+
{% for post in site.posts %}
|
|
35
|
+
|
|
36
|
+
{% assign sameTagCount = 0 %}
|
|
37
|
+
{% assign commonTags = '' %}
|
|
38
|
+
|
|
39
|
+
{% for tag in post.tags %}
|
|
40
|
+
{% if post.url != page.url %}
|
|
41
|
+
{% if page.tags contains tag %}
|
|
42
|
+
{% assign sameTagCount = sameTagCount | plus: 1 %}
|
|
43
|
+
{% capture tagmarkup %} <span class="label label-default">{{ tag }}</span> {% endcapture %}
|
|
44
|
+
{% assign commonTags = commonTags | append: tagmarkup %}
|
|
45
|
+
{% endif %}
|
|
46
|
+
{% endif %}
|
|
47
|
+
{% endfor %}
|
|
48
|
+
|
|
49
|
+
{% if sameTagCount >= minCommonTags %}
|
|
50
|
+
<div class="col-3">
|
|
51
|
+
<a href="{{ post.url }}">
|
|
52
|
+
{%- if post.img_t contains 'insta_sc|' -%}
|
|
53
|
+
{%- capture t_url -%}https://instagram.com/p/{{ post.img_t | replace_first: "insta_sc|", "" }}/media/?size=l{%- endcapture -%}
|
|
54
|
+
{%- else -%}
|
|
55
|
+
{%- assign t_url = post.img_t -%}
|
|
56
|
+
{%- endif -%}
|
|
57
|
+
<div class="thumb-post" style="background-image:url('{{ t_url }}')"></div>
|
|
58
|
+
<h5 class="mx-2 mt-1 text-center">{{ post.title }}</h5>
|
|
59
|
+
</a>
|
|
60
|
+
</div>
|
|
61
|
+
{% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %}
|
|
62
|
+
{% if maxRelatedCounter >= maxRelated %}
|
|
63
|
+
{% break %}
|
|
64
|
+
{% endif %}
|
|
65
|
+
{% endif %}
|
|
66
|
+
|
|
67
|
+
{% endfor %}
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
<!-- next prev posts -->
|
|
72
|
+
<div class="row">
|
|
73
|
+
<div class="col-6">
|
|
74
|
+
<a class="btn btn-link px-0 d-flex align-items-center" href="{{ page.previous.url }}"><div><i class="fas fa-chevron-left mr-2"></i></div><div class="text-truncate lh-15">Previous post<br>{{ page.previous.title }}</div></a>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="col-6">
|
|
77
|
+
<a class="btn btn-link px-0 d-flex align-items-center justify-content-end" href="{{ page.next.url }}"><div class="text-truncate lh-15">Next post<br>{{ page.next.title }}</div><div><i class="fas fa-chevron-right ml-2"></i></div></a>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
<!-- side bar -->
|
|
82
|
+
<div class="col-md-4">
|
|
83
|
+
<div class="row">
|
|
84
|
+
<div class="col">
|
|
85
|
+
<!-- shop outfit start -->
|
|
86
|
+
<p class="text-center section-heading"><span class="sm">My outfits</span></p>
|
|
87
|
+
{% assign thumbs = site.posts | slice: 0, 6 %}
|
|
88
|
+
<div class="row md-gutters">
|
|
89
|
+
{% for post in thumbs %}
|
|
90
|
+
<div class="col-6">
|
|
91
|
+
{%- if post.img_t contains 'insta_sc|' -%}
|
|
92
|
+
{%- capture t_url -%}https://instagram.com/p/{{ post.img_t | replace_first: "insta_sc|", "" }}/media/?size=l{%- endcapture -%}
|
|
93
|
+
{%- else -%}
|
|
94
|
+
{%- assign t_url = post.img_t -%}
|
|
95
|
+
{%- endif -%}
|
|
96
|
+
<div class="thumb-post mt-3" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
|
|
97
|
+
</div>
|
|
98
|
+
{% endfor %}
|
|
99
|
+
</div>
|
|
100
|
+
<!-- shop outfit start end -->
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
{%- include qv_modal.html data=thumbs modalId="mdShop" -%}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: contained
|
|
3
|
+
---
|
|
4
|
+
{% assign allPosts = site.posts %}
|
|
5
|
+
<!-- filter posts for category -->
|
|
6
|
+
{% if page.category %}
|
|
7
|
+
{% assign catPosts = allPosts | where: "categories", page.category %}
|
|
8
|
+
{% else %}
|
|
9
|
+
{% assign catPosts = allPosts %}
|
|
10
|
+
{% endif %}
|
|
11
|
+
<!-- filter posts for tag -->
|
|
12
|
+
{% if page.tag %}
|
|
13
|
+
{% assign posts = catPosts | where: "tags", page.tag %}
|
|
14
|
+
{% else %}
|
|
15
|
+
{% assign posts = catPosts %}
|
|
16
|
+
{% endif %}
|
|
17
|
+
|
|
18
|
+
<div class="row mb-5">
|
|
19
|
+
{% for post in posts %}
|
|
20
|
+
<div class="col-4 portfolio-item">
|
|
21
|
+
<a class="d-block" href="{{ post.url }}">
|
|
22
|
+
<div class="img-34" style="background-image:url('{{ post.img_v }}')"></div>
|
|
23
|
+
<h2 class="mt-2 mb-4 text-center">{{ post.title }}</h2>
|
|
24
|
+
</a>
|
|
25
|
+
</div>
|
|
26
|
+
{% endfor %}
|
|
27
|
+
</div>
|
data/_layouts/posts.html
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: contained
|
|
3
|
+
---
|
|
4
|
+
{% assign data = site.collections | where: "label", page.collection | first %}
|
|
5
|
+
|
|
6
|
+
<div class="animation-wrapper">
|
|
7
|
+
{% for post in data.docs %}
|
|
8
|
+
{% if post.featured %}
|
|
9
|
+
<a class="fade-in pb-7 d-block" href="{{ post.url }}">
|
|
10
|
+
<div class="row">
|
|
11
|
+
<div class="col">
|
|
12
|
+
<h1 class="display-4 text-center mb-0">{{ post.title }}</h1>
|
|
13
|
+
<p class="text-center text-info text-lg">{{ post.sub_title }}</p>
|
|
14
|
+
{% if post.img_h %}<img src="{{ post.img_h }}" class="img-fluid" alt="{{ post.title }}">{% endif %}
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="row">
|
|
18
|
+
<div class="col-8 offset-2">
|
|
19
|
+
<p class="text-lg mt-3">{{ post.excerpt }}</p>
|
|
20
|
+
{% if post.btn_text %}<a class="btn btn-primary" href="{{ post.url }}">{{ post.btn_text }}</a>{% endif %}
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
</a>
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% endfor %}
|
|
26
|
+
</div>
|
data/_sass/_mixins.scss
CHANGED
|
@@ -9,6 +9,16 @@
|
|
|
9
9
|
height: 100vw/$aspect;
|
|
10
10
|
position: absolute;
|
|
11
11
|
}
|
|
12
|
+
@mixin picture-bg ($height: auto){
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: $height;
|
|
15
|
+
|
|
16
|
+
background: {
|
|
17
|
+
size: cover;
|
|
18
|
+
position: center;
|
|
19
|
+
repeat: no-repeat;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
12
22
|
@mixin circle-image ($size, $url:"not-provided"){
|
|
13
23
|
background: {
|
|
14
24
|
size: 100% auto;
|