hardpool-flat 1.0.0 → 3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0d99313a0ba7a1a50b120dec982d91eb6d363ce358d41ac77cfa63234224d188
-  data.tar.gz: c21ef118ba42b2441324632ba02c344de719ab83ec0d4931186afa6f27f084b3
+  metadata.gz: 9426d7ccb96d1ed193a6caf33392bc05c2153ca260b16728a1d1c6d8d57342cc
+  data.tar.gz: b3b788d97b9a03beb4862402b866eca22c4417ff6bd89d62cc4913f709f90fd5
 SHA512:
-  metadata.gz: '09d0d6b8eb8eea75cd7bc42ab240e25d57873803a6317055ed4f8066d9fb3740fbdfaa62321bebf2f032a160b9824df2159ab0ca3bcf0b97ae08083d8606d424'
-  data.tar.gz: f16ba71773d2b8297715dbac8a5488f8dcc877584659b0ee3d6cb9b8f405b95d9681bcc0efabda53a82e81dca7eceefe6216f367a6ccc18c642786d10584ce68
+  metadata.gz: 291f1ec9c7e5b60cb9c20d6667ff2a1fca2d8e2c7ab0c4dcae005f91c120710f501ed9c1b1d3efdad80c9250af63d24f24c693faf1910dce6840abb97729c979
+  data.tar.gz: 80f5bacaac2fba0a1dd4ff274d792239b2147b2099de17c0baa8ad20845f1636045abec694a60a5422021e0ff6d4e83322df889dd1da4dca97b1f3c1b6b0fc78

data/_includes/footer.html

@@ -1,10 +1,10 @@
 <footer>
   <div class="container-fluid pt-5">
-    <div class="row md-gutters footer-insta-port" id="footer-insta-port">
-      <div class="col">
+    <div class="row el-gutters footer-insta-port" id="footer-insta-port">
+      <div class="col-3 col-md">
         <a href="##__insta_url__##" target="_blank" class="insta-img">
           <div class="img-11" style="background-image:url('##__image_url__##')"></div>
-          <div class="overlay">
+          <div class="overlay d-none d-sm-flex gtm-insta" data-title="##__insta_url__##">
             <p><i class="fa fa-comment mx-1"></i>##__insta_comment__##<i class="fa fa-heart mx-1 ml-2"></i>##__insta_like__##</p>
           </div>
         </a>
@@ -17,7 +17,7 @@
         {%- if site.footer.links -%}
           {%- for link in site.footer.links -%}
             {%- if link.label -%}
-              <a class="btn btn-primary btn-icon" href="{{ link.url | default: '#' }}"><i class="{{ link.icon | default: 'fas fa-link' }}" aria-hidden="true"></i></a>
+              <a class="btn btn-primary btn-icon" target="_blank" href="{{ link.url | default: '#' }}"><i class="{{ link.icon | default: 'fas fa-link' }}" aria-hidden="true"></i></a>
             {%- endif -%}
           {%- endfor -%}
         {%- endif -%}

data/_includes/footer.project.html

@@ -0,0 +1,20 @@
+<footer class="project">
+  <div class="container-fluid p-5 bg-light">
+    <div class="row">
+      <div class="col">
+        {%- if site.footer.links -%}
+          {%- for link in site.footer.links -%}
+            {%- if link.label -%}
+              <a class="mr-3" target="_blank" href="{{ link.url | default: '#' }}">{{link.label}}</a>
+            {%- endif -%}
+          {%- endfor -%}
+        {%- endif -%}
+      </div>
+    </div>
+    <div class="row mt-3">
+      <div class="col">
+        <p class="m-0 text-info">{{ site.copyright | default: site.title }}</p>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/header.1.html

@@ -1,9 +1,24 @@
 {% assign logo_path = site.main_logo %}
-<header class="style-1">
+{%- if layout.header.style -%}
+  {%- assign hdrStyle = layout.header.style -%}
+{%- else -%}
+  {%- assign hdrStyle = "style-1" -%}
+{%- endif -%}
+<header class="{{hdrStyle}}">
   <nav class="navbar navbar-expand-lg navbar-light">
-    <div class="container">
+    <div class="container-fluid">
       <a class="navbar-brand" href="/">{{ site.name }}</a>
-      <ul class="nav ml-auto">
+      <div class="mobile-link d-md-none">
+      {%- if site.header.links -%}
+        {%- for link in site.header.links -%}
+          {%- if link.label -%}
+            <a class="btn btn-primary btn-icon" target="_blank" href="{{ link.url | default: '#' }}"><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
+          {%- endif -%}
+        {%- endfor -%}
+      {%- endif -%}
+      <a class="mobile-nav-handle d-md-none" href="javascript:header.toggle();"><i id="nav-handle-icon" class="fas fa-bars"></i></a>
+      </div>
+      <ul id="navigation" class="nav nav-mobile ml-auto">
         {%- for link in site.data.navigation.main -%}
           {%- if link.url contains '://' -%}
             {%- assign url = link.url -%}
@@ -11,10 +26,10 @@
             {%- assign url = link.url | relative_url -%}
           {%- endif -%}
           <!-- {{ page.url }} -->
-          <li class="nav-item" data-toggle="popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
+          <li class="nav-item" data-toggle="nav-popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
             <a class="nav-link {% if page.url==url %}active{% endif %}" href="{% if link.url %}{{ url }}{% else %}#{% endif %}">{{ link.title }}</a>
             {%- if link.sub -%}
-            <div id="submenu{{ forloop.index }}" class="d-none">
+            <div id="submenu{{ forloop.index }}" class="d-md-none">
               {%- for sublink in link.sub -%}
               <p class="mb-0 px-2 py-1 subnav-item"><a href="{{sublink.url}}">{{sublink.title}}</a></p>  
               {%- endfor -%}
@@ -45,6 +60,15 @@
           {% endif %}
         {% endfor %}
       </ul>
+      {%- if site.header.links -%}
+        {%- for link in site.header.links -%}
+          {%- if link.label -%}
+            <div class="mt-md-0 mt-3 nav-item d-none d-md-block">
+              <a class="btn btn-primary btn-follow" target="_blank" href="{{ link.url | default: '#' }}"><span>{{link.label}}</span><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
+            </div>
+          {%- endif -%}
+        {%- endfor -%}
+      {%- endif -%}
     </div>
   </nav>
 </header>

data/_includes/header.html

@@ -8,7 +8,7 @@
 		</div>
 		<div class="row">
 			<div class="col">
-				<h1 class="mt-3 mb-0">{{ site.name }}</h1>
+				<h1 class="mt-3 mb-0">{{ site.name }} some</h1>
 				<p class="text-info text-lg">{{ site.description }}</p>
 			</div>
 		</div>

data/_includes/header.project.html

@@ -0,0 +1,69 @@
+{% assign logo_path = site.main_logo %}
+<header class="style-default">
+  <nav class="navbar navbar-expand-lg navbar-light">
+    <div class="container">
+      <a class="navbar-brand" href="/">{{ site.name }}</a>
+      <div class="mobile-link d-md-none">
+      {%- if site.header.links -%}
+        {%- for link in site.header.links -%}
+          {%- if link.label -%}
+            <a class="btn btn-primary btn-icon" target="_blank" href="{{ link.url | default: '#' }}"><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
+          {%- endif -%}
+        {%- endfor -%}
+      {%- endif -%}
+      <a class="mobile-nav-handle d-md-none" href="javascript:header.toggle();"><i id="nav-handle-icon" class="fas fa-bars"></i></a>
+      </div>
+      <ul id="navigation" class="nav nav-mobile ml-auto">
+        {%- for link in site.data.navigation.main -%}
+          {%- if link.url contains '://' -%}
+            {%- assign url = link.url -%}
+          {%- else -%}
+            {%- assign url = link.url | relative_url -%}
+          {%- endif -%}
+          <!-- {{ page.url }} -->
+          <li class="nav-item" data-toggle="nav-popover" data-placement="bottom" data-trigger="manual" data-pop="submenu{{ forloop.index }}">
+            <a class="nav-link {% if page.url==url %}active{% endif %}" href="{% if link.url %}{{ url }}{% else %}#{% endif %}">{{ link.title }}</a>
+            {%- if link.sub -%}
+            <div id="submenu{{ forloop.index }}" class="d-md-none">
+              {%- for sublink in link.sub -%}
+              <p class="mb-0 px-2 py-1 subnav-item"><a href="{{sublink.url}}">{{sublink.title}}</a></p>  
+              {%- endfor -%}
+            </div>
+            {%- endif -%}
+          </li>
+        {%- endfor -%}
+        <!-- show collection navigation -->
+        {% for collection in site.collections %}
+          {% if collection.navigation %}
+            <li class="nav-item">
+              <a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}">{{ collection.label | capitalize }}</a>
+            </li>
+            <!-- create categories array-->
+            {% assign categories_col = "" | split:"|" %}
+            <!--Add each unique 'my_collection' category to the array-->
+            {% for post in collection.docs %}
+              {% for category in post.categories %}
+                {% assign categories_col = categories_col | push: category | uniq %}
+              {% endfor %}
+            {% endfor %}
+            <!-- show category navigation -->
+            {% for cat in categories_col %}
+              <li class="nav-item">
+                <a class="nav-link {% if page.url==url %}active{% endif %}" href="/{{ collection.relative_directory | remove_first: '_' }}/{{ cat }}">{{ cat | capitalize }}</a>
+              </li>
+            {% endfor %}
+          {% endif %}
+        {% endfor %}
+      </ul>
+      {%- if site.header.links -%}
+        {%- for link in site.header.links -%}
+          {%- if link.label -%}
+            <div class="mt-md-0 mt-3 nav-item d-none d-md-block">
+              <a class="btn btn-primary btn-follow" target="_blank" href="{{ link.url | default: '#' }}"><span>Follow me</span><i class="{{ link.icon | default: 'fas fa-link' }} ml-2" aria-hidden="true"></i></a>
+            </div>
+          {%- endif -%}
+        {%- endfor -%}
+      {%- endif -%}
+    </div>
+  </nav>
+</header>

data/_includes/qv_modal.html

@@ -18,9 +18,9 @@ modal id prefix attribute   "modalId"
       </div>
       <div class="modal-body">
         <div class="row">
-          <div class="col"><div class="img-34" style="background-image:url('{{ post.img_v }}')"></div></div>
-          <div class="col-5">
-            <p class="mb-2 outfits-info">
+          <div class="col-md"><div class="img-34" style="background-image:url('{{ post.img_v }}')"></div></div>
+          <div class="col-md-5">
+            <p class="mb-2 outfits-info mt-3 mt-md-0">
               {%- assign unique_outfits = post.outfits | uniq -%}
               {%- for outfit in unique_outfits -%}
               <span class="px-2 text-primary">{{ outfit.title }}</span>
@@ -29,7 +29,7 @@ modal id prefix attribute   "modalId"
             <p>{{post.excerpt | truncate: 150}}</p>
             <div class="row md-gutters">
             {%- for outfit in post.outfits -%}
-              <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>
+              <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>
             {%- endfor -%}
             </div>
           </div>

data/_includes/scripts.html

@@ -3,6 +3,7 @@ var config = {
   "insta_at": "{{ site.footer.insta_at }}"
 };
 </script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/highlight.min.js"></script>
 <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
 <script src="{{ '/assets/js/jquery-3.3.1.slim.min.js' | relative_url }}"></script>
 <script src="{{ '/assets/js/main.bundle.js' | relative_url }}"></script>

data/_layouts/default.html

@@ -6,18 +6,31 @@
 <head>
 	{% include head.html %}
 </head>
-<body>
+{%- if site.csstheme -%}
+  {%- assign siteTheme = site.csstheme -%}
+{%- else -%}
+  {%- assign siteTheme = "blogger" -%}
+{%- endif -%}
+<body class="{{siteTheme}}">
   <!-- Google Tag Manager (noscript) -->
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{site.seo.gtmid}}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
   <!-- End Google Tag Manager (noscript) -->
 
-	{% include header.1.html %}
+  {% if layout.header.html %}
+	  {% include {{layout.header.html}} %}
+  {% else %}
+	  {% include header.1.html %}
+  {% endif %}
 
 	<div class="main-wrapper">
 	  {{ content }}
   </div>
   
-	{% include footer.html %}
+  {% if layout.footer.html %}
+	  {% include {{layout.footer.html}} %}
+  {% else %}
+    {% include footer.html %}
+  {% endif %}
 
   {% include scripts.html %}
 

data/_layouts/portfolio-landing.html

@@ -3,10 +3,10 @@ layout: default
 ---
 <!-- banner start -->
 {%- assign banners = site.posts | where: "categories", "banner" | slice: 0, 4 -%}
-<div class="container-fluid bg-grad mb-5">
+<div class="container-fluid bg-grad mb-5 pb-3 pb-md-0 px-0">
   <div class="container">
     <div id="mainbanner" class="carousel slide carousel-fade banner-carousel" data-ride="carousel">
-      <ol class="carousel-indicators">
+      <ol class="carousel-indicators  d-none d-md-flex">
         {%- for post in banners -%}
         <li data-target="#mainbanner" data-slide-to="{{ forloop.index | minus: 1 }}" {% if forloop.first %}class="active"{% endif %}></li>
         {%- endfor -%}
@@ -15,24 +15,24 @@ layout: default
         {%- for post in banners -%}
         <div class="carousel-item {% if forloop.first %}active{% endif %}">
           <div class="row">
-            <div class="col-9 p-0">
-              <a href="{{ post.url }}"><div class="img-43" style="background-image:url('{{ post.img_h }}')"></div></a>
+            <div class="col-md-9 p-0">
+              <a href="{{ post.url }}"><div class="img-43 gtm-landing-banner" data-title="{{ post.title }}" style="background-image:url('{{ post.img_h }}')"></div></a>
               <!-- <img src="{{ post.img_h }}" class="d-block w-100" alt="{{ post.title }}"> -->
             </div>
-            <div class="col-5 p-0 overlap-right d-flex align-items-center h-100">
-              <div>
-                <div class="p-3 bnr-wrapper">
+            <div class="col-md-5 p-0 overlap-right position-relative d-flex align-items-center h-100">
+              <div class="text-center text-md-left w-100">
+                <div class="py-1 px-4 py-md-3 px-md-3 bnr-wrapper text-left">
                   <h2>{{ post.title }}</h2>
-                  <p>{{ post.excerpt | strip_html | truncate: 150 }}</p>
+                  <p class="mb-0">{{ post.excerpt | strip_html | truncate: 150 }}</p>
                 </div>
-                <a href="{{ post.url }}" class="btn btn-secondary float-right mt-3">View post</a>
+                <a href="{{ post.url }}" class="btn btn-secondary float-md-right mt-3 gtm-landing-banner" data-title="{{ post.title }}">View post</a>
               </div>
             </div>
           </div>
         </div>
         {%- endfor -%}
       </div>
-      <div class="carousel-control-wrapper">
+      <div class="carousel-control-wrapper d-none d-md-block">
         <a class="carousel-control-prev" href="#mainbanner" role="button" data-slide="prev">
           <span class="carousel-control-prev-icon" aria-hidden="true"></span>
           <span class="sr-only">Previous</span>
@@ -47,22 +47,26 @@ layout: default
 </div>
 <!-- banner end -->
 <!-- shop outfit start -->
+{% if site.landing.shop %}
+  {{ site.landing.shop }}
+{% else %}
 <p class="section-heading"><span>My outfits</span></p>
 {% assign thumbs = site.posts | slice: 0, 5 %}
 <div class="container mb-5">
   <div class="row sm-gutters">
     {%- for post in thumbs -%}
-    <div class="col">
+    <div class="col-4 col-md">
       {%- if post.img_t contains 'insta_sc|' -%}
         {%- capture t_url -%}https://instagram.com/p/{{ post.img_t | replace_first: "insta_sc|", "" }}/media/?size=l{%- endcapture -%}
       {%- else -%}
         {%- assign t_url = post.img_t -%}
       {%- endif -%}
-      <div class="thumb-post" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
+      <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>
     </div>
     {%- endfor -%}
   </div>
 </div>
+{% endif %}
 <!-- shop outfit start end -->
 <!-- section 3 start -->
 {%- assign featured = site.posts | where: "categories", "featured" -%}
@@ -70,17 +74,17 @@ layout: default
   {%- for post in featured -%}
   {%- assign ri = forloop.index | modulo: 2 -%}
   <div class="row my-7 position-relative">
-    <div class="col-7 {% if ri==0 %}order-2 offset-5{% endif %}">
-      <a href="{{ post.url }}"><div class="img-34" style="background-image:url('{{ post.img_v }}')"></div></a>
+    <div class="col-md-7 {% if ri==0 %}order-md-2 offset-md-5{% endif %}">
+      <a href="{{ post.url }}"><div class="img-34 gtm-landing-featured" data-title="{{ post.title }}" style="background-image:url('{{ post.img_v }}')"></div></a>
       <!-- <img src="{{ post.img_v }}" class="d-block w-100" alt="{{ post.title }}"> -->
     </div>
-    <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">
+    <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">
       <div class="row">
-        <div class="col-12">
-          <a href="{{ post.url }}"><div class="img-43 img-overlap" style="background-image:url('{{ post.img_h }}')"></div></a>
+        <div class="col-md-12 d-none d-md-block">
+          <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>
           <!-- <img src="{{ post.img_h }}" class="d-block w-100 img-overlap" alt="{{ post.title }}"> -->
         </div>
-        <div class="col-10 mt-2 px-5 {% if ri==1 %}offset-2{% endif %}">
+        <div class="col-md-10 mt-md-2 px-5 {% if ri==1 %}offset-md-2{% endif %}">
           <h2>{{ post.title }}</h2>
           <p class="mb-2 outfits-info">
           {%- assign unique_outfits = post.outfits | uniq -%}
@@ -100,9 +104,9 @@ layout: default
             {%- assign i2 = forloop.index0 | plus: 2 -%}
             <div class="carousel-item {% if forloop.first %}active{% endif %}">
               <div class="row sm-gutters">
-                <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>
-                <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>
-                <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>
+                <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>
+                <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>
+                <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>
               </div>
             </div>
             {%- endif -%}
@@ -121,7 +125,7 @@ layout: default
           </div>
           {%- endif -%}
           <!-- outfits carousel -->
-          <a href="{{ post.url }}" class="btn btn-secondary mt-3">View post</a>
+          <a href="{{ post.url }}" class="btn btn-secondary mt-3 gtm-landing-featured" data-title="{{ post.title }}">View post</a>
         </div>
       </div>
     </div>

data/_layouts/portfolio-post-bnr.html

@@ -0,0 +1,14 @@
+---
+layout: portfolio-post
+---
+<div class="row">
+  <div class="col">
+    <div class="img-43 mb-3" style="background-image:url('{{ page.img_h }}')"></div>
+    <div class="img-34" style="background-image:url('{{ page.img_v }}')"></div>
+  </div>
+</div>
+<div class="row my-3">
+  <div class="col">
+  {{ content }}
+  </div>
+</div>

data/_layouts/portfolio-post.html

@@ -6,21 +6,25 @@ layout: contained
     <!-- heading -->
     <div class="row mb-3">
       <div class="col">
-        <h1>{{ page.title }}</h1>
+        <h1 class="mb-0">{{ page.title }}</h1>
+        <p class="mb-0 text-primary">
+        <span>{{ page.date | date: "%B %d, %Y" }}</span>
+        {%- if page.location.title -%}
+        <span class="ml-3"><i class="fas fa-map-marker-alt mr-1"></i>{{ page.location.title }}</span>
+        {%- endif -%}
+        </p>
       </div>
     </div>
     <!-- post -->
-    <div class="row my-3">
+    <!-- <div class="row my-3">
       <div class="col">
         <div class="img-43 mb-3" style="background-image:url('{{ page.img_h }}')"></div>
         <div class="img-34" style="background-image:url('{{ page.img_v }}')"></div>
-        <!-- <img src="{{ page.img_h }}" class="img-fluid mb-3">
-        <img src="{{ page.img_v }}" class="img-fluid"> -->
       </div>
-    </div>
+    </div> -->
     <div class="row my-3">
-      <div class="col">
-      {{ content }}
+      <div class="col post-content-wrapper">
+      {{ content | replace: 'media/', '/media/' }}
       </div>
     </div>
     <!-- similar posts -->
@@ -54,7 +58,7 @@ layout: contained
               {%- else -%}
                 {%- assign t_url = post.img_t -%}
               {%- endif -%}
-              <div class="thumb-post" style="background-image:url('{{ t_url }}')"></div>
+              <div class="thumb-post gtm-similar-post" data-title="{{ post.title }}" style="background-image:url('{{ t_url }}')"></div>
               <h5 class="mx-2 mt-1 text-center">{{ post.title }}</h5>
             </a>
           </div>
@@ -82,6 +86,11 @@ layout: contained
   <div class="col-md-4">
     <div class="row">
       <div class="col">
+        {% if page.sidebar %}
+          {{ page.sidebar }}
+        {% elsif site.post.sidebar %}
+          {{ site.post.sidebar }}
+        {% else %}
         <!-- shop outfit start -->
         <p class="text-center section-heading"><span class="sm">My outfits</span></p>
         {% assign thumbs = site.posts | slice: 0, 6 %}
@@ -93,14 +102,17 @@ layout: contained
             {%- else -%}
               {%- assign t_url = post.img_t -%}
             {%- endif -%}
-            <div class="thumb-post mt-3" data-toggle="modal" data-target="#mdShop{{ forloop.index }}" style="background-image:url('{{ t_url }}')"></div>
+            <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>
           </div>
           {% endfor %}
         </div>
         <!-- shop outfit start end -->
+        {% endif %}
       </div>
     </div>
   </div>
 </div>
 
 {%- include qv_modal.html data=thumbs modalId="mdShop" -%}
+
+<script>let layout = "post";</script>