Contents

{%- assign info = include.data %}
<article class='fullpage'
  style='
    min-height: calc(100vh - {{ info.offset-top | default: '0px' }});
    background-color: {{ info.background-color | default: 'transparent' }};
    justify-content: {{ info.justify | default: 'flex-start' }};
  '>
  {%- if info.video or info.image %}
    {%- assign splitContent = 'split-content' %}
    {%- if info.video.right or info.image.right %}
      {%- assign alignRight = 'align-right' %}
    {%- else %}
      {%- assign alignRight = '' %}
    {%- endif %}
  {%- else %}
    {%- assign splitContent = '' %}
  {%- endif %}
  <div class='max-width {{ splitContent }} {{ alignRight }}'>
    {%- if info.video %}
      <div class='media'>
        {%- include video.html src=info.video.src %}
      </div>
    {%- elsif info.image %}
      <div class='media'>
        {%- include image.html image=info.image %}
      </div>
    {%- endif %}

    <div class='text'>
      {%- for hdr in info.headers %}
        <h1
          class='animated'
          style='animation-delay: {{ forloop.index | times: 300 | plus: 100 }}ms'>
          {{ hdr }}
        </h1>
      {%- endfor %}
      {%- if info.subheader %}
        <h4>{{ info.subheader }}</h4>
      {%- endif %}
      {%- if info.text %}
        <p>{{ info.text }}</p>
      {%- endif %}
      {%- if info.more %}
        <a class='a-button link' href='{{ info.more.href }}'>
          {{ info.more.label }}
        </a>
      {%- endif %}
      {%- if info.button %}
        <a class='a-button {{ info.button.color }}' href='{{ info.button.href }}'>
          {{ info.button.label }}
        </a>
      {%- endif %}
    </div>
  </div>
</article>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
askclass-home-theme-0.1.0	_includes/boxes/fullpage.html
askclass-home-theme-0.0.4	_includes/boxes/fullpage.html
askclass-home-theme-0.0.3	_includes/boxes/fullpage.html