jekyll-theme-marketing 0.5.0 → 1.0.0

data/_includes/components/scroll-to-tops/progressive.html

@@ -0,0 +1,3 @@
+<a href="#" class="up" data-proofer-ignore>
+  <i class="fas fa-angle-double-up fa-2x" data-fa-transform="down-6 left-.5" color="white"></i>
+</a>

data/_includes/components/search-engines/lunr.html

@@ -0,0 +1,19 @@
+<form action="/search/" method="get">
+  <input type="text" id="search-box" name="q" class="mb-3" placeholder="Ingresa el texto a buscar" autocomplete="off" autofocus>
+  <div class="text-right">
+    <button class="btn btn-primary" type="submit">
+      <i class="fas fa-search"></i>
+      Buscar
+    </button>
+  </div>
+</form>
+
+<ul id="search-results" class="list-unstyled"></ul>
+
+<script src="{{ 'assets/node_modules/lunr/lunr.min.js' | relative_url }}"></script>
+
+{% include components/spinners/bootstrap.html %}
+
+<script type="text/javascript">
+  {% include components/search-engines/lunr.js %}
+</script>

data/_includes/components/search-engines/lunr.js

@@ -0,0 +1,119 @@
+function getQueryParamsVariable(variable) {
+  const urlParams = new URLSearchParams(window.location.search);
+  const query = urlParams.get(variable) ? urlParams.get(variable) : '';
+  return decodeURIComponent(query.replace(/\+/g, ' '));
+}
+
+function generateData(){
+  return [
+    {% for collection in site.collections %}
+      {% for page in collection.docs %}
+        {% assign logo = site.domain | replace:'.',' ' | truncatewords: 1,"" | prepend: '/components/logos/progressive/img/' | prepend: site.amazon-s3 | append: '.png' %}
+        {% assign page-image = page.image | slice: -12,8 %}
+        {% if page-image == 'dummy-og' %}
+          {% assign page-image = logo %}
+        {% else %}
+          {% assign page-image = page.image %}
+        {% endif %}
+        {
+          "id": "{{ page.url | slugify }}",
+          "title": "{{ page.title | xml_escape }}",
+          "brand": "{{ page.brand | xml_escape }}",
+          "description": "{{ page.description | xml_escape }}",
+          "commercial": "{{ page.commercial | xml_escape }}",
+          "categories": "{{ page.categories | join: ' ' | replace: '-', ' ' }}",
+          "content": {{ page.content | strip_html | strip_newlines | jsonify }},
+          "url": "{{ page.url | xml_escape }}",
+          "image": "{{ page-image | default: logo | xml_escape }}",
+          "spec-sheets-text": "{{ page.resources.spec-sheets.text | join: ' ' | replace: '"', '' }}",
+          "spec-sheets-specs": "{{ page.resources.spec-sheets.specs | join: ' ' | replace: '{"name"=>"', '' | replace: '"', ' ' }}",
+        },
+      {% endfor %}
+    {% endfor %}
+  ];
+}
+
+function excludedDocs(id) {
+  var excludedIds = [
+    "sitemap",
+  ]
+  return excludedIds.includes(id);
+}
+
+function indexData(documents) {
+  return lunr(function () {
+    this.ref('id')
+    this.field('title', { boost: 10 })
+    this.field('brand', { boost: 2 })
+    this.field('description', { boost: 5 })
+    this.field('commercial', { boost: 7 })
+    this.field('categories', { boost: 5 })
+    this.field('content')
+    this.field('url', { boost: 5 })
+    this.field('image')
+    this.field('spec-sheets-text')
+    this.field('spec-sheets-specs')
+
+    documents.forEach(function (doc) {
+      if ( !excludedDocs(doc.id) ) { this.add(doc) }
+    }, this)
+  })
+}
+
+function wildcardsQuery(query) {
+  return `*${query.replace(' ', '* *')}*`;
+}
+
+function fuzzyMatchQuery(query, distance) {
+  return query.replace(' ', `~${distance} `) + `~${distance}`;
+}
+
+function searchResults(query) {
+  var documents = generateData();
+  var idx = indexData(documents);
+  var querys = [
+    query,
+    wildcardsQuery(query),
+    fuzzyMatchQuery(query, 1),
+    fuzzyMatchQuery(query, 2),
+  ];
+
+  for (var i = 0; i < querys.length; i++) {
+    var results = idx.search(querys[i]); // Get lunr to perform a search
+    if (results.length) { console.log(`${querys[i]}`); break; }
+  }
+
+  setTimeout(function(){
+    displayResults(documents, results); // We'll write this in the next section
+    document.querySelector(".spinner-border").classList.add('d-none');
+  }, 500);
+}
+
+function displayResults(documents, results) {
+  const searchResults = document.getElementById('search-results');
+  if (results.length) { // Are there any results?
+    var appendString = '';
+    for (var i = 0; i < results.length; i++) {  // Iterate over the results
+      if ( i >= 50 ) { break; }
+      var item = documents.find(x => x.id === results[i].ref);
+      appendString += `{% include components/info-cards/search-results.html %}`;
+    }
+    searchResults.innerHTML = appendString;
+  } else {
+    searchResults.innerHTML = '<li>No se encontraron resultados</li>';
+  }
+}
+
+function startApp() {
+  document.getElementById("search").classList.add("d-none");
+  const query = getQueryParamsVariable('q');
+  if (query) {
+    document.getElementById('search-box').setAttribute("value", query);
+    document.getElementById('mod-search-searchword').setAttribute("value", query);
+    searchResults(query);
+  } else {
+    document.querySelector(".spinner-border").classList.add('d-none');
+  }
+}
+
+startApp();

data/_includes/components/searchbars/progressive.html

@@ -0,0 +1,14 @@
+<div class="search-active col-lg-10 col-xl-9" data-component="searchbars/progressive">
+  <a href="#" class="close" data-proofer-ignore>
+    <i class="fas fa-times fa-xs" data-fa-transform="shrink-4 up-17 right-47"></i>
+  </a>
+  <div class="search">
+    <form action="/search/" method="get" class="form-inline">
+      <input class="search-string form-control" id="mod-search-searchword" type="text" placeholder="{{ site.data.i18n.common.menu[site.lang].search.title }}" name="q" autocomplete="off" />
+      <button type="submit" class="btn btn-outline-primary btn-sm">
+        <i class="fas fa-search"></i>
+        <span class="d-inline">Buscar</span>
+      </button>
+    </form>
+  </div>
+</div>

data/_includes/components/sidenavs/material/dependencies.html

@@ -1,3 +1,3 @@
-<script type="text/javascript" src="/assets/node_modules/vue/dist/vue.min.js"></script>
-<script type="text/javascript" src="/assets/node_modules/js-md5/build/md5.min.js"></script>
+<script type="text/javascript" src="{{ '/assets/node_modules/vue/dist/vue.min.js' | relative_url }}"></script>
+<script type="text/javascript" src="{{ '/assets/node_modules/js-md5/build/md5.min.js' | relative_url }}"></script>
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

data/_includes/components/sliders/bootstrap.html

@@ -0,0 +1,37 @@
+{% if carousel.title %}
+  <h4 class="pt-4">{{ carousel.i18n[site.lang] | default: carousel.title }}</h4>
+{% endif %}
+
+<div id="{{ carousel.id }}BootstrapCarousel" class="carousel slide" data-ride="carousel">
+
+  {% if carousel.indicators %}
+    <ol class="carousel-indicators">
+      {% for photo in (1..carousel.photos) %}
+        <li data-target="#{{ carousel.id }}BootstrapCarousel" data-slide-to="{{ forloop.index0 }}" class="{% if forloop.index == 1 %}active{% endif %}"></li>
+      {% endfor %}
+    </ol>
+  {% endif %}
+
+  <div class="carousel-inner">
+    {% for photo in (1..carousel.photos) %}
+      <div class="carousel-item {% if forloop.index == 1 %}active{% endif %}">
+        <img src="{{ site.amazon-s3 }}/components/sliders/bootstrap/img/{{ carousel.id }}/{{ forloop.index }}.jpg" class="d-block w-100" alt="{{ carousel.title | default: carousel.id }}">
+        <div class="carousel-caption d-none d-md-block">
+          <h5>{{ carousel.captions[forloop.index0].title }}</h5>
+          <p>{{ carousel.captions[forloop.index0].text }}</p>
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+
+  <a class="carousel-control-prev" href="#{{ carousel.id }}BootstrapCarousel" role="button" data-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="sr-only">Previous</span>
+  </a>
+
+  <a class="carousel-control-next" href="#{{ carousel.id }}BootstrapCarousel" role="button" data-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+
+</div>

data/_includes/components/sliders/lightslider.html

@@ -0,0 +1,35 @@
+<div class="product-images">
+  <ul id="lightSlider">
+    {% assign product-images-groups = "product-images, base-product-images" | split: ", " %}
+    {% for product-image-group in product-images-groups %}
+      {% if page.resources[product-image-group].quantity %}
+        {% assign images-count = page.resources[product-image-group].quantity %}
+      {% elsif product-image-group == 'product-images' %}
+        {% assign images-count = 1 %}
+      {% else %}
+        {% assign images-count = 0 %}
+      {% endif %}
+      {% for product-image in (1..images-count) %}
+        {% assign page-categories-size = page.categories | size %}
+        {% if page-categories-size >= 1 %}
+          {% assign page-categories = page.categories | join: "/" | append: "/" %}
+        {% endif %}
+        {% if forloop.index == 1 %}
+          {% assign image-num = '' %}
+        {% elsif forloop.index < 10 %}
+          {% assign image-num = forloop.index | prepend: "_0" %}
+        {% else %}
+          {% assign image-num = forloop.index | prepend: "_" %}
+        {% endif %}
+        {% capture product-image-url %}
+          {{ site.amazon-s3 }}/assets/img/catalog/thumbnails/{{ page.collection }}/{{ page-categories }}{% if page.resources[product-image-group].model %}{{ page.resources[product-image-group].model | downcase }}{% else %}{{ page.title | downcase  }}{% endif %}{{ image-num | append: ".png" }}
+        {% endcapture %}
+        <li data-thumb="{{ product-image-url }}">
+          <img src="{{ product-image-url }}" class="img-center" alt="{% if i18n-title %}{{ i18n-title }}{% else %}{{ page.title }}{% endif %}" />
+        </li>
+      {% endfor %}
+    {% endfor %}
+  </ul>
+</div>
+
+{% include components/sliders/lightslider.js %}

data/_includes/components/sliders/lightslider.js

@@ -0,0 +1,12 @@
+<script type="text/javascript">
+  jQuery('#lightSlider').lightSlider({
+    gallery: true,
+    item: 1,
+    loop: true,
+    slideMargin: 10,
+    thumbItem: 4,
+
+    galleryMargin: 5,
+    thumbMargin: 5
+  });
+</script>

data/_includes/components/sliders/revolution-slider.html

@@ -0,0 +1,67 @@
+<div class="slider rs-slider">
+  <div class="tp-banner-container">
+    <div class="tp-banner">
+      <!-- start revolution slider 4.6.96 fullwidth mode -->
+      <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
+      <div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#FFF;padding:0px;margin-top:0px;margin-bottom:0px;max-height:350px;">
+        <div id="rev_slider_2_1" class="rev_slider fullwidthabanner" style="display:none;max-height:350px;height:350px;">
+          <ul>
+            {% for slider in site.data.sliders.common %}
+              {% for collection-type in site.defaults %}
+                {% if collection-type.scope.type == slider.collection %}
+                  {% if collection-type.values.published == true and site.links.sliders[slider.name].disabled == null -%}
+                    <!-- start slider {{ slider.name }} -->
+                    <li
+                      data-transition="{{ slider.transition | default: 'random' }}"
+                      data-slotamount="7"
+                      data-masterspeed="{{ slider.speed | default: 300 }}"
+                      data-link="{{ slider.link }}"
+                      data-delay="{{ slider.duration | default: 8000 }}"
+                      data-saveperformance="off">
+
+                      <!-- {{ slider.name }} background -->
+                      <img
+                        src="/vendors/sliders/revolution-slider/assets/images/dummy.png"
+                        alt="{{ slider.name }}"
+                        data-lazyload="{{ site.amazon-s3 }}/assets/img/common/sliders/{{ slider.name }}/{{ slider.name }}-background.png"
+                        data-bgposition="center center"
+                        data-bgfit="contain"
+                        data-bgrepeat="no-repeat">
+
+                      {% for layer in slider.layers %}
+                        {% assign data-speed = 450 | times: forloop.index | plus: 0 %}
+                        <!-- layer {{ forloop.index }} -->
+                        <div
+                          class="tp-caption {{ layer.start-animation | default: 'lft' }} {{ layer.end-animation | default: 'ltl' }}"
+                          data-easing="{{ layer.easing | default: 'Power3.easeInOut' }}"
+                          data-x="{{ layer.x | default: 0 }}"
+                          data-y="{{ layer.y | default: 0 }}"
+                          data-start="{{ layer.start | default: data-speed }}"
+                          data-speed="{{ layer.start-speed | default: 1300 }}"
+                          data-elementdelay="0.1"
+                          data-end="{{ layer.end | default: '' }}"
+                          data-endspeed="{{ layer.end-speed | default: 1300 }}"
+                          data-endelementdelay="0.1"
+                          style="z-index: {{ forloop.index }};">
+                          <img
+                            src="/vendors/sliders/revolution-slider/assets/images/dummy.png"
+                            alt="{{ slider.name }}"
+                            data-lazyload="{{ site.amazon-s3 }}/assets/img/common/sliders/{{ slider.name }}/{{ slider.name }}-{{ layer.src }}.png">
+                        </div>
+                      {% endfor %}
+
+                    </li>
+                    <!-- end slider {{ slider.name }} -->
+                  {% endif -%}
+                {% endif %}
+              {% endfor %}
+            {% endfor %}
+          </ul>
+          <div class="tp-bannertimer d-none"></div>
+        </div>
+        <script src="{{ '/assets/vendors/revolution-slider/js/settings.js' | relative_url }}"></script>
+		  </div>
+      <!-- end revolution slider -->
+    </div>
+  </div>
+</div>

data/_includes/components/social-media/facebook.html

@@ -0,0 +1,18 @@
+{% for social-media in site.social-media %}
+  {% if social-media.name == 'facebook' %}
+    {% assign src-plugin = social-media.plugin %}
+  {% endif %}
+{% endfor %}
+
+<div class="text-center">
+  <iframe
+    src="{{ src-plugin }}"
+    width="340"
+    height="500"
+    style="border:none;overflow:hidden"
+    scrolling="no"
+    frameborder="0"
+    allowTransparency="true"
+    allow="encrypted-media">
+  </iframe>
+</div>

data/_includes/components/social-media/progressive.html

@@ -0,0 +1,9 @@
+<div class="title-block"><h3 class="title"><i class="fas fa-users"></i> {{ site.data.i18n.common.footer[site.lang].social-media.title | default: 'Follow us' }}</h3></div>
+<div class="custom">
+  <div class="social">
+    {% for social-media in site.social-media %}
+      <a class="sbtnf sbtnf-rounded color color-hover icon-{{ social-media.name }}" href="{{ social-media.link }}"></a>
+    {% endfor %}
+  </div>
+  <div class="clearfix"></div>
+</div>

data/_includes/components/spinners/bootstrap.html

@@ -0,0 +1,5 @@
+<div class="d-flex justify-content-center p-5">
+  <div class="spinner-border spinner-border-xl" role="status">
+    <span class="sr-only">Loading...</span>
+  </div>
+</div>

data/_includes/components/stylesheets/progressive.html

@@ -0,0 +1,47 @@
+<!-- Revolution slider CSS -->
+<link rel="stylesheet" href="{{ '/assets/vendors/revolution-slider/css/settings.css' | relative_url }}" type="text/css" />
+<!-- <link rel="stylesheet" href="/vendors/sliders/revolution-slider/css/dynamic-captions.css" type="text/css" /> -->
+<!-- <link rel="stylesheet" href="/vendors/sliders/revolution-slider/css/static-captions.css" type="text/css" /> -->
+
+<!-- JQuery lightSlider CSS -->
+<link rel="stylesheet" href="{{ 'assets/node_modules/lightslider/dist/css/lightslider.min.css' | relative_url }}" type="text/css" />
+
+<!-- Footer social media -->
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/buttons.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/social-icons.css' | relative_url }}">
+
+<!-- Bootstrap -->
+<link rel="stylesheet" href="{{ '/assets/node_modules/bootstrap/dist/css/bootstrap.min.css' | relative_url }}">
+
+<!-- Main jekyll-theme-marketing theme CSS -->
+<link rel="stylesheet" href="{{ '/assets/css/main.min.css' | relative_url }}" type="text/css" />
+
+<!-- Progressive theme CSS -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/system.css" type="text/css" /> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/jslider.css"> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/settings.css"> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/jquery.fancybox.css"> -->
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/animate.css' | relative_url }}">
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/video-js.min.css"> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/morris.css"> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/ladda.min.css"> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/datepicker.css"> -->
+
+<!-- Progressive theme CSS -->
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/style.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/responsive.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/cms.css' | relative_url }}">
+<link rel="stylesheet" href="{{ '/assets/vendors/themeforest/progressive/css/base.css' | relative_url }}">
+
+<!-- Progressive theme custom CSS -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/customizer/pages.css"> -->
+<!-- <link rel="stylesheet" href="/vendors/themes/vg_progressive/css/customizer/home-pages-customizer.css"> -->
+
+<!-- IE Styles-->
+<!-- <link rel='stylesheet' href="/vendors/themes/vg_progressive/css/ie/ie.css"> -->
+
+<!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+<link rel='stylesheet' href="/vendors/themes/vg_progressive/css/ie/ie8.css">
+<![endif]-->

data/_includes/components/timelines/9.html

@@ -0,0 +1,27 @@
+<!-- Based on: https://bootsnipp.com/snippets/Q0ppE -->
+
+<div class="container py-5" data-component="timelines/9">
+  <div class="row">
+    <div class="col-md-12">
+      <div class="main-timeline9">
+        {% for item in page.timeline %}
+          <div class="timeline" data-appear-animation="fadeInUp">
+            <div class="timeline-content">
+              <div class="circle">
+                <img src="{{ site.amazon-s3 }}/assets/components/timelines/9{{ page.permalink }}{{ item.img }}.png" alt="{{ item.title }}">
+              </div>
+              <div class="content">
+                <span class="year">{{ item.year }}</span>
+                <h4 class="title">{{ item.title }}</h4>
+                <p class="description">{{ item.desc }}</p>
+                <div class="icon">
+                  <span></span>
+                </div>
+              </div>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/components/topbars/progressive.html

@@ -0,0 +1,36 @@
+<div id="top-box" class="d-flex align-items-center bg-primary p-0">
+  <div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center pl-xl-5 px-xl-4">
+
+      <a class="text-light d-inline d-sm-none" href="{{ '/search/' | relative_url }}">
+        <i class="fas fa-search fa-lg" data-fa-transform="up-2 grow-4"></i>
+      </a>
+
+      <span id="exchange-rates" class="text-white">
+        {% if site.exchange-rates.usd %}
+          {% include components/exchange-rates/progressive.html %}
+        {% endif %}
+      </span>
+
+      <span id="sign-in">
+        <span id="sign-in-welcome" class="d-none d-md-inline"></span>
+        <strong id="sign-in-name" class="text-white"></strong>
+        <a id="login-button" class="btn btn-sm btn-primary text-white border-0 d-none" href="{{ '/' | relative_url }}">
+          <i class="fas fa-sign-in-alt fa-lg" data-fa-transform="left-3"></i>
+          <span style="font-size:12px">{{ site.data.i18n.common.firebase[site.lang].login.title }}</span>
+        </a>
+        <button id="logout-button" class="btn btn-sm btn-primary text-white border-0 d-none">
+          <i class="fas fa-sign-out-alt fa-lg" data-fa-transform="left-3"></i>
+          <span style="font-size:12px">{{ site.data.i18n.common.firebase[site.lang].logout.title }}</span>
+        </button>
+      </span>
+
+    </div>
+    {% include components/topbars/progressive.js %}
+  </div>
+</div>
+
+<script type="text/javascript">
+  const path = location.pathname.substring(1);
+  document.getElementById('login-button').href = '/login/?mode=select&signInSuccessUrl=/' + path;
+</script>