[staticPage]
useContent = 0
default = 0

[builderDetails gallery]
modelClass = "Linus\Gallery\Models\Gallery"
identifierValue = "{{ :slug }}"
modelKeyColumn = "slug"
displayColumn = "name"
notFoundMessage = "Record not found"
==
<?php
use System\Classes\CombineAssets;
  function onStart(){
    $css = ['assets/css/about.css', 'assets/reveal/css/modal-reveal.css', 'assets/reveal/css/normalize.css'];
    $scripts = ['assets/javascript/organization.js'];
    $this->addCss(CombineAssets::combine($css, base_path('themes/linus')));
    $this->addJs(CombineAssets::combine($scripts, base_path('themes/linus')));
  }
?>
==
{% partial 'site/head' %}
{% partial 'site/header' %}
{% component 'staticPage' %}
{% set gallery = gallery.record %}
{% set displayColumn = gallery.displayColumn %}
{% set notFoundMessage = gallery.notFoundMessage %}

<div class="row noPM section-pad-2">
  <div class="bg-pattern"></div>
</div>
<div class="row noPM section-pad-3">
  <div class="bg-pattern"></div>
  <div class="container">
    <div class="row">
      <ul class="bread-base flex-con justify-start">
        <li>
          <a href="{{url('/')}}">
            <img src="{{'assets/svg/ico-bread-home.svg'|theme}}" alt="" class="center-block img-responsive">
          </a>
        </li>
        <li class="bread-divider">
          <img src="{{'assets/svg/ico-bread-divider.svg'|theme}}" alt="" class="center-block img-responsive">
        </li>
        <li>
          <a class="bread-text" href="{{url('/responsibility')}}">About</a>
        </li>
        <li class="bread-divider">
          <img src="{{'assets/svg/ico-bread-divider.svg'|theme}}" alt="" class="center-block img-responsive">
        </li>
        <li class = "published-label">
          {{gallery.name}}
        </li>
      </ul>
    </div>
    <div class="row section-pad-3 text-center">
      <h3 class="article-title">{{gallery.name}}</h3>
      <div class="inside album-count">{{gallery.gall_photos|length}} Photos</div>
      <div class="p-text block-teaser">{{gallery.teaser|raw}}</div>
    </div>
    <div class="row line-con">
      <div class="line"></div>
    </div>
    <div class="row">
      <div id="photo_gallery">
        {% for photo in gallery.gall_photos %}
            <img src="{{photo.path}}" alt="">
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{% put scripts %}
  <script type="text/javascript">
  $(document).ready(function(){
    $("#photo_gallery").unitegallery({
        gallery_theme: "tiles",
        tiles_max_columns: 3,
        tiles_align: "center",
        tiles_space_between_cols: 20,
      });
    });
  </script>
{% endput %}
{% partial 'site/footer' %}