layout: contained
<div class=“row mt-3”>
<div class="col-md-8"> <!-- heading --> <div class="row mb-3"> <div class="col"> <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="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 post-content-wrapper"> {{ content | replace: 'media/', '/media/' }} </div> </div> <!-- similar posts --> <div class="row my-3"> <div class="col"> <p class="section-heading"><span class="sm">You may also enjoy</span></p> <div class="row md-gutters"> {% assign maxRelated = 4 %} {% assign minCommonTags = site.similar_posts.tags_to_match %} {% assign maxRelatedCounter = 0 %} {% for post in site.posts %} {% assign sameTagCount = 0 %} {% assign commonTags = '' %} {% for tag in post.tags %} {% if post.url != page.url %} {% if page.tags contains tag %} {% assign sameTagCount = sameTagCount | plus: 1 %} {% capture tagmarkup %} <span class="label label-default">{{ tag }}</span> {% endcapture %} {% assign commonTags = commonTags | append: tagmarkup %} {% endif %} {% endif %} {% endfor %} {% if sameTagCount >= minCommonTags %} <div class="col-3"> <a href="{{ post.url }}"> {%- 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 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> {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %} {% if maxRelatedCounter >= maxRelated %} {% break %} {% endif %} {% endif %} {% endfor %} </div> </div> </div> <!-- next prev posts --> <div class="row"> <div class="col-6"> <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> </div> <div class="col-6"> <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> </div> </div> </div> <!-- side bar --> <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 %} <div class="row md-gutters"> {% for post in thumbs %} <div class="col-6"> {%- 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 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>