hardpool-flat 0.1.0 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f5dc31de75a860eb3af1bf805f6ad772b723fe8642355466993deb1c79aa0cfc
-  data.tar.gz: aa01f8b03ceb389eaf9388a2f44148897e4f84f5c2b71ee2cbed195c812fb1d6
+  metadata.gz: 95fc7f8834a463bb117a1f089dee14cfbe1e080f10f1504d98f07c4dcd1f4b45
+  data.tar.gz: 47b12740b359d484fd4b089ef1a2f9e79cc17ab0ae4c8bfecb56a384b3869199
 SHA512:
-  metadata.gz: da167c612b47aaee7eff5e9ae33cc6344116acb68164ba0b8f962a7832cef180ae6a364fcab17f15873f37203b3511cf10e26b3150c3f2bef8ae5e935e164ac7
-  data.tar.gz: f93cdea6c0025de0ddaff15cf7455e7e8667aa5347b8e00494ce835650beec770bd82bd8e3614987c10b65399a6ca503c77bbf1f72f43d15c4c6caee1fbcc784
+  metadata.gz: 2391a0f09bece888fb5c37701ce4c1e72abf36567bd877d4cb3d2c130acc67648eac332eb57bb92549992f3388000d9a783a0b56bef0196eafcadb19117c2541
+  data.tar.gz: f7b7e59fb4e0a91912b196a999f46d43398a9cac6050014846767ff95c5931496726e31663399363102cea29157d38a155b80e371e21626600243468c2382548

data/_includes/footer.html

@@ -0,0 +1,32 @@
+<footer>
+  <div class="container-fluid pt-5">
+    <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 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>
+      </div>
+    </div>
+  </div>
+  <div class="container text-center py-4">
+    <div class="row">
+      <div class="col">
+        {%- if site.footer.links -%}
+          {%- for link in site.footer.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' }}" aria-hidden="true"></i></a>
+            {%- endif -%}
+          {%- endfor -%}
+        {%- endif -%}
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">
+        <p class="mt-4 text-info">&copy; {{ site.time | date: '%Y' }} {{ site.copyright | default: site.title }}</p>
+      </div>
+    </div>
+  </div>
+</footer>

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/head.html

@@ -1,4 +1,5 @@
 <meta charset="utf-8">
 {% include seo.html %}
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<link rel="stylesheet" href="{{ '/assets/styles/main.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/styles/main.css' | relative_url }}">
+<link rel="shortcut icon" href="{{site.favicon}}" type="image/x-icon">

data/_includes/header.1.html

@@ -0,0 +1,74 @@
+{% assign logo_path = site.main_logo %}
+{%- 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-fluid">
+      <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>{{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

@@ -1,17 +1,51 @@
-{% capture logo_path %}{{ site.main_logo }}{% endcapture %}
-
-<header>
+{% assign logo_path = site.main_logo %}
+<header class="style-default">
 	<div class="container text-center">
 		<div class="row">
 			<div class="col">
-				<a class="main-logo mt-6" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt=" "></a>
+				<a class="main-logo mt-5" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt=" "></a>
 			</div>
 		</div>
 		<div class="row">
 			<div class="col">
-				<h1 class="mt-3">{{ site.title }}</h1>
+				<h1 class="mt-3 mb-0">{{ site.name }} some</h1>
 				<p class="text-info text-lg">{{ site.description }}</p>
 			</div>
 		</div>
+		<ul class="nav d-flex justify-content-center mb-5">
+			{%- 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">
+					<a class="nav-link {% if page.url==url %}active{% endif %}" href="{{ url }}">{{ link.title }}</a>
+				</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>
 	</div>
 </header>

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

@@ -0,0 +1,41 @@
+{% comment %}
+========================================================
+array of post is understood
+data array attribute        "data"
+modal id prefix attribute   "modalId"
+=========================================================
+{% endcomment %}
+<!-- Modal -->
+{% for post in include.data %}
+<div class="modal fade" id="{{include.modalId}}{{ forloop.index }}" tabindex="-1" aria-labelledby="exampleModalLongTitle" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">{{ post.title }}</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div class="row">
+          <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>
+              {%- endfor -%}
+            </p>
+            <p>{{post.excerpt | truncate: 150}}</p>
+            <div class="row md-gutters">
+            {%- for outfit in post.outfits -%}
+              <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>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endfor %}

data/_includes/scripts.html

@@ -0,0 +1,10 @@
+<script>
+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>
+<script src="{{ '/assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>

data/_includes/section_row.html

@@ -0,0 +1,39 @@
+{% comment %}
+========================================================
+array of below is understood
+----------------------------
+- title: "Section 1"
+  sub_title: "Section sub-title"
+  image: /assets/img/1.JPG
+  alt: 
+  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.
+  btn_text: Read on
+  url: /blog
+=========================================================
+{% endcomment %}
+
+{% if include.id %}
+  {% assign data = page[include.id] %}
+{% else %}
+  {% assign data = page.section_row %}
+{% endif %}
+
+<div class="animation-wrapper">
+  {% for r in data %}
+  <div class="fade-in pb-7">
+    <div class="row">
+      <div class="col">
+        <h1 class="display-4 text-center mb-0">{{ r.title }}</h1>
+        <p class="text-center text-info text-lg">{{ r.sub_title }}</p>
+        <img src="{{ r.image }}" class="img-fluid" alt="{{ r.alt }}">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-8 offset-2">
+        <p class="text-lg mt-3">{{ r.excerpt }}</p>
+        <a class="btn btn-primary" href="{{ r.url }}">{{ r.btn_text }}</a>
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>

data/_includes/seo.html

@@ -1,11 +1,16 @@
-{% assign title_separator = site.title_separator | default: '-' | replace: '|', '|' %}
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer','{{site.seo.gtmid}}');</script>
+<!-- End Google Tag Manager -->
 
+{% assign title_separator = site.title_separator | default: '-' | replace: '|', '&#124;' %}
 {%- if page.title -%}
   {%- assign seo_title = page.title | append: " " | append: title_separator | append: " " | append: site.title -%}
 {%- endif -%}
-
 {%- if seo_title -%}
   {%- assign seo_title = seo_title | markdownify | strip_html | strip_newlines | escape_once -%}
 {%- endif -%}
-
 <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/contained.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="container">
+  {{ content }}
+</div>

data/_layouts/default.html

@@ -6,11 +6,33 @@
 <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.html %}
+  {% if layout.header.html %}
+	  {% include {{layout.header.html}} %}
+  {% else %}
+	  {% include header.1.html %}
+  {% endif %}
 
-	{{ content }}
+	<div class="main-wrapper">
+	  {{ content }}
+  </div>
+  
+  {% if layout.footer.html %}
+	  {% include {{layout.footer.html}} %}
+  {% else %}
+    {% include footer.html %}
+  {% endif %}
+
+  {% include scripts.html %}
 
 </body>
 </html>

data/_layouts/page.html

@@ -1,5 +1,4 @@
 ---
-layout: default
+layout: contained
 ---
-<p>page</p>
-{{ content }}
+{{ content }}