Sha256: caa7c506535fa043a0a4053a93c3e8cee634887e886b8477c9266109f3f03ffc
Contents?: true
Size: 1.83 KB
Versions: 10
Compression:
Stored size: 1.83 KB
Contents
---
layout: default
---
{% assign strap = page.title %}
<div class="hero hero-65">
<div class="hero__overlay h-100">
{% picture {{ page.hero.file | prepend: 'content/' }}
--img class="hero__image hero__image--fixed hero-65"
--alt {{ page.hero.alt }} %}</div>
<header class="hero__strap hero__strap--center image__filter--blur hero-65" aria-label="{{ strap }}">
<h1 aria-hidden="true" >
{% assign n = strap.size | minus: 1 %}
{%- for char in (0..n ) -%}
<span style="animation-delay: {{ char | times: 40 | plus: 200 }}ms;">{{ strap | slice: char }}</span>
{%- endfor -%}</h1>
</header>
</div>
<div class="faq__wrapper" id="content">
{% for faq in site.data.faq %}
{% if faq.display == 'all' or faq.display == page.env %}
<div class="faq__panel">
<div class="faq__question">
<h4 class="faq__question--title">{{ faq.question }}</h4><i class="fas fa-chevron-down"></i>
</div>
<div class="faq__answer faq__answer--reveal">
<p>{{ faq.answer }}</p>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<script>
/*
On load we hide all the answers.
*/
const title = document.querySelectorAll(".faq__answer--reveal");
for(var i = 0; i < title.length; i++)
title[i].classList.remove('faq__answer--reveal');
</script>
<script>
/* Watch for clicks and reveal text */
document.querySelectorAll('.faq__question').forEach(function(el){
el.addEventListener('click', function() {
this.classList.toggle('faq__question--reveal');
const n = this.nextElementSibling;
n.classList.toggle('faq__answer--reveal');
});
});
</script>
<div class="faq__contact">
<div class="contact-form">
<h2 class="faq__contact--strap">Not found the answer?</h2>
<h4 class="form-instruction white">Get in touch using the form below</h4>
{% include forms/kwes-contact.html %}
</div>
</div>
Version data entries
10 entries across 10 versions & 1 rubygems