<!--
ARCHES - a program developed to inventory and manage immovable cultural heritage.
Copyright (C) 2013 J. Paul Getty Trust and World Monuments Fund

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
{% load static %}
{% load template_tags %}
{% load i18n %}
{% load render_bundle from webpack_loader %}
{% load webpack_static from webpack_loader %}

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <title>{{app_title}}</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="{% webpack_static 'favicons/favicon.ico' %}" type="image/x-icon" />
    <link rel="apple-touch-icon" href="{% webpack_static 'favicons/apple-touch-icon.png' %}" />
    <link rel="apple-touch-icon" sizes="76x76" href="{% webpack_static 'favicons/apple-touch-icon-76x76.png' %}" />
    <link rel="apple-touch-icon" sizes="120x120" href="{% webpack_static 'favicons/apple-touch-icon-120x120.png' %}" />
    <link rel="apple-touch-icon" sizes="152x152" href="{% webpack_static 'favicons/apple-touch-icon-152x152.png' %}" />
    <link rel="apple-touch-icon" sizes="180x180" href="{% webpack_static 'favicons/apple-touch-icon-180x180.png' %}" />

    {% block css %}
        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin">
        <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="{% webpack_static 'plugins/slick/slick.min.css' %}">
        <link rel="stylesheet" type="text/css" href="{% webpack_static 'plugins/slick/accessible-slick-theme.min.css' %}">
        {% render_bundle 'css/index' 'css' %}
        {% render_bundle 'css/index-slider' 'css' %}
        
        {% if app_settings.ACCESSIBILITY_MODE %}
            {% render_bundle 'css/accessibility' 'css' %}
        {% endif %}
    {% endblock css%}
</head>

<body>
    <script src="{% webpack_static 'node_modules/requirejs/require.js' %}"></script>
    {% include 'javascript.htm' %}

    <!--=== Header ===-->
    <header>
        <div class="v5-splash-navbar navbar">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false" aria-controls="myNavbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                    <div class="relative nav-brand-container">
                        <div class="navbar-brand-v5-icon-container">
                            <img class="navbar-brand-v5-icon" src="{% webpack_static 'img/landing/SPRPCB_logo_blanco-color.png' %}" alt="{% trans 'SPRPCB Logo' %}">
                        </div>
                        <!-- <div class="application-name">
                            <h1>SPRPCB</h1>
                        </div> -->
                    </div>
                </div>

                <nav id="myNavbar" class="navbar-collapse collapse" aria-label="{% trans 'Arches Application Navigation' %}">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#vision-mision">{% trans "Visión y Misión" %}</a>
                        </li>
                        <li>
                            <a href="{% url 'search_home' %}">{% trans "Search" %}</a>
                        </li>
                        {% if user|can_create_resource_instance and user.username != 'anonymous' %}
                            <li>
                                <a href="https://sprpcb.patrimonio.org.bo/plugins/registro-guiado" target="_blank">{% trans "Registro guiado" %}</a>
                            </li>
                        {% endif %}   
                        {% if user|can_create_resource_instance and user.username != 'anonymous' %}
                            <li>
                                <a href="{% url 'resource' %}" target="_blank">{% trans "Manage" %}</a>
                            </li>
                        {% endif %}
                        {% if user.username == 'anonymous' %}
                            <li>
                                <a class="application-login" id="auth-link" href="{% url 'auth' %}?next={% url 'home' %}{% if user.username != 'anonymous' %}&logout=true{% endif %}">{% trans "Sign in" %}</a>
                            </li>
                        {% else %}
                            <li>
                                <a class="auth-welcome" href="{% url 'user_profile_manager' %}" aria-label="{% trans 'Visit user profile' %}">
                                    {% trans "Welcome, " %} {{ user.first_name|default:user.username }}
                                </a>
                            </li>
                            <li>
                                <a class="application-login" href="{% url 'auth' %}?next={% url 'home' %}{% if user.username != 'anonymous' %}&logout=true{% endif %}">{% trans 'Log off' %}</a>
                            </li>
                        {% endif %}
                        {% if show_language_swtich %}
                        {% csrf_token %}
                            <li>
                                {% get_current_language as LANGUAGE_CODE %}
                                <div class="lang-switch" style="max-width: none;" data-bind='component: {
                                    name: "views/components/language-switcher",
                                    params: {
                                        current_language: "{{LANGUAGE_CODE}}"
                                    }
                                }'></div>
                            </li>
                        {% endif %}
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!--=== End Header ===-->

    <main>
        <article>
            <!-- Intro Section -->
            <section id="info-block-0" class="app-info-block intro-section relative">
                <!-- Vertical Nav -->
                <nav id="cd-vertical-nav" class="vertical-nav-container" aria-label="{% trans 'Page Navigation' %}">
                    <ul class="vertical-nav-list">
                        <li class="active">
                            <a class="vertical-nav-list-link" href="#info-block-0" data-number="1" aria-label="{% trans 'Go to the top of the page' %}"
                                data-bind="click: function() { document.querySelector('#info-block-0').focus; }"
                            >
                                <span class="vertical-nav-list-ref">{% trans "Home" %}</span>
                            </a>
                        </li>
                        <li>
                            <a class="vertical-nav-list-link" href="#vision-mision" data-number="2" aria-label="{% trans 'Go to the fast section' %}">
                                <span class="vertical-nav-list-ref">{% trans "Visión - Misión" %}</span>
                            </a>
                        </li>
                        <li>
                            <a class="vertical-nav-list-link" href="#info-block-2" data-number="3" aria-label="{% trans 'Go to the workflows section' %}">
                                <span class="vertical-nav-list-ref">{% trans "Workflows" %}</span>
                            </a>
                        </li>
                        <li>
                            <a class="vertical-nav-list-link" href="#info-block-3" data-number="4" aria-label="{% trans 'Go to the search tools section' %}">
                                <span class="vertical-nav-list-ref">{% trans "Search Tools" %}</span>
                            </a>
                        </li>
                    </ul>
                </nav>

                <!-- Slider - Start -->
                <div class="home-slider">
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/ALASITA.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/CHIQUITOS.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/CARNAVAL_DE_ORURO.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/CIUDAD_DE_POTOSI.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/CHUTILLOS.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/NOEL_KEMPF.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/CULTURA_AYMARA.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/QHAPAQ_NAN.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/FIESTA_GRANDE_DE_TARIJA.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/SAMAIPATA.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/GRAN_PODER.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/SUCRE.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/ICHAPEQUENE_PIESTA.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/TIWANAKU.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio material" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/KALLAWAYA.jpg' %}" alt="" aria-describedby="slide2-attribution">
                        <div id="slide2-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                    <div class="slide-img-container">
                        <img src="{% webpack_static 'img/landing/PUJLLAY.jpg' %}" alt="" aria-describedby="slide4-attribution">
                        <div id="slide4-attribution" class="slide-img-attribution">{% trans "Patrimonio inmaterial" %}</div>
                    </div>
                </div>
                
                <!-- Slider - End -->

                <!-- Down button -->
                <a href="#vision-mision" class="down-button" aria-label="{% trans 'Go to content' %}"><i class="fa fa-angle-down down-button-icon"></i></a>

            </section>
            <!-- End Intro Section -->

            <!-- Info Block 1 -->
            <section id="vision-mision" class="app-info-block relative">
                <div>

                    <!-- Heading Info -->
                    <div class="sub-section">
                        <div class="col-lg-12">
                            <div class="app-info-block-intro text-center">
                                <!-- <h2 class="app-info-block-header">{% trans "Visión - Misión" %}</h2> -->
                                <h3 class="app-info-block-title">{% trans "Misión y Visión del SPRPCB" %}</h3>
                                <p class="app-info-block-text">
                                    {% trans "La Misión del Estado Plurinacional de Bolivia para el patrimonio cultural es registrar, fortalecer, salvaguardar, custodiar, conservar, investigar y difundir el patrimonio cultural material e inmaterial, así como promover la diversidad cultural para lograr una sociedad equitativa y descolonizada, según el Museo Nacional de Arte y la Fundación Cultural del Banco Central de Bolivia. La Visión es convertirse en un referente nacional en la gestión cultural que consolide una sociedad intercultural, descolonizada y despatriarcalizada, asegurando el acceso democrático a los bienes culturales para todos y contribuyendo al 'Vivir Bien', de acuerdo con la Fundación Cultural del Banco Central de Bolivia." %}
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Content -->
                    <div class="splash-img">
                        <img src="{% webpack_static 'img/landing/sprpcb_monitor.png' %}"  alt="{% trans 'SPRPCB app' %}">
                    </div>

                    <h2 class="app-info-block-title text-center">{% trans "Misión" %}</h2>

                    <!-- Sub-section -->
                    <div class="row app-info-sub-block">

                        <!-- Arches Data Type Block -->
                        <div class="col-lg-12">
                            <div class="sub-bloq-container text-center>
                                <h3 class="app-info-block-title">{% trans "Registro y custodia" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Mantener y custodiar el patrimonio cultural material e inmaterial bajo responsabilidad del Estado." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Conservación y salvaguarda" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Fortalecer, salvaguardar y conservar las expresiones culturales para garantizar su preservación." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Promoción y difusión" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Difundir el patrimonio cultural a nivel local e internacional, promoviendo la apropiación social." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Descolonización y equidad" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Contribuir a una sociedad equitativa, descolonizada y despatriarcalizada a través del patrimonio cultural." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Acceso democrático" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Asegurar que todas las personas, nacionales o extranjeras, tengan acceso a los espacios y servicios culturales." %}
                                </h2>
                            </div>
                        </div>
                    </div>
                    <!-- End Sub-section -->

                    <h2 class="app-info-block-title text-center">{% trans "Visión" %}</h2>

                    <!-- Sub-section -->
                    <div class="row app-info-sub-block">
                        <!-- Arches Data Type Block -->
                        <div class="col-lg-12">
                            <div class="sub-bloq-container text-center">
                                <h3 class="app-info-block-title">{% trans "Referente nacional" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Ser una entidad de referencia en la gestión y promoción del patrimonio cultural." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Apropiación social" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Que la población se apropie y valore el patrimonio cultural para su autoidentificación." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Sociedad equitativa y descolonizada" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Consolidar una sociedad equitativa, descolonizada, despatriarcalizada e intercultural." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Vivir Bien" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Contribuir al desarrollo social bajo los principios del 'Vivir Bien' en el marco de la diversidad cultural." %}
                                </h2>

                                <h3 class="app-info-block-title">{% trans "Liderazgo institucional" %}</h3>
                                <h2 class="app-info-block-header">
                                    {% trans "Fortalecer la institucionalidad y el liderazgo del sector cultural en el Estado." %}
                                </h2>
                            </div>
                        </div>
                    </div>
                    <!-- End Sub-section -->

                </div>
            </section>
            <!-- End Info Block 1 -->

             <!-- Info Block 2 -->
             <section id="info-block-2" class="app-info-block relative">
                 <div>

                     <!-- Heading Info -->
                     <div class="sub-section">
                         <div class="col-lg-7">
                             <div class="app-info-block-intro text-center">
                                 <!-- <h2 class="app-info-block-header">{% trans "Actores" %}</h2> -->
                                 <h3 class="app-info-block-title">{% trans "PARTICIPANTES" %}</h3>
                                 <h2 class="app-info-block-header">
                                     {% trans "El Sistema Plurinacional de Registro de Patrimonio Cultural Boliviano cuenta con el apoyo de:" %}
                                 </h2>
                             </div>
                         </div>
                     </div>

                     <!-- Content -->

                     <!-- Sub-section -->
                     <div class="row app-info-sub-block">

                         <!-- Arches Data Type Block -->
                         <div class="col-lg-6">
                             <div class="sub-block-container">
                                 <h3 class="app-info-block-title">{% trans "MCDyD" %}</h3>
                                 <h2 class="app-info-block-header">
                                     {% trans "Ministerio de Culturas Desconolización y Despatriarcalización" %}
                                 </h2>
                                 <img class="sub-block-image" src="{% webpack_static 'img/landing/logo-mdcdyd.png' %}" alt="{% trans 'MCDyD' %}">
                             </div>
                         </div>

                         <!-- Arches Data Type Block -->
                         <div class="col-lg-6">
                             <div class="sub-block-container">
                                 <h3 class="app-info-block-title">{% trans "AECID" %}</h3>
                                 <h2 class="app-info-block-header">
                                     {% trans "Agencia Española de Cooperación Internacional para el Desarrollo" %}"
                                 </h2>
                                 <img class="sub-block-image" src="{% webpack_static 'img/landing/logo-aecid_2.png' %}" alt="{% trans 'AECID' %}">
                             </div>
                         </div>

                     </div>
                     <!-- End Sub-section -->

                 </div>
             </section>
             <!-- End Info Block 2 -->

            <!-- Info Block 3 -->
            <section id="info-block-3" class="app-info-block relative">
                <div>

                    <!-- Heading Info -->
                    <div class="sub-section">
                        <div class="col-lg-7">
                            <div class="app-info-block-intro text-center">
                                <h2 class="app-info-block-header">{% trans "Arches Search Tools" %}</h2>
                                <h3 class="app-info-block-title">{% trans "Find what you're looking for" %}</h3>
                                <p class="app-info-block-text">
                                    {% trans "Arches comes with powerful built-in search tools.  Quickly filter large databases with term, geospatial, and time-based search components" %}
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="splash-img">
                        <img class="sub-block-image" src="{% webpack_static 'img/landing/arches_search.png' %}" alt="{% trans 'Arches Search' %}">
                    </div>

                    <!-- Sub-section -->
                    <div class="wide-box">
                        <div class="box-highlight">
                            <h3 class="app-info-block-header">{% trans "Search Options" %}</h3>
                            <p>
                                {% trans "Arches gives you many ways to find precisely the information you need, even if your Arches application contains 10's of millions of records.  In addition to term, thesaurus, geospatial, and temporal filters, Arches provides you with advanced filtering options that support boolean logic, inverses, and many other filtering options." %}
                            </p>
                            <br>
                            <p>
                                {% trans "Arches' search capabilities also provide for sophisticated data visualizations, including interactive displays of the connections between your data objects using a Force Directed Graph." %}
                            </p>
                            <br>
                            <p>
                                {% trans "If you're a software developer, you can build on Arches modular search services and create your own filters, reports, and visualizations to best show off your particular dataset." %}
                            </p>

                        </div>
                    </div>

                </div>
            </section>
            <!-- End Info Block 3 -->
        </article>
    </main>



    <!-- Footer -->
    <footer>

        <!-- footer content container -->
        <div class="row footer-links">

            <!-- branding column -->
            <div class="col-lg-4">
                <h2 class="app-footer-heading">{% trans "Ministerio de Culturas, Descolonización y Despatriarcalización" %}</h2>

                <div class="organization-address">
                  {% trans "Avenida Uruguay Mro 446 - entre Avenida Montes" %}<br>
                  {% trans "Zona Central" %}<br>
                  {% trans "La Paz - Bolivia" %}<br>
                  {% trans "Telf.: (591-2) 2156295 - 2157773" %}<br>
                </div>
            </div>

            <!-- Info Column -->
            <div class="col-lg-8">
                <h2 class="app-footer-heading">{% trans "Guides and Documentation" %}</h2>

                <!-- Links -->
                <div class="splash-links">
                    <div class="row">
                        <div class="col-lg-4">
                            <ul class="splash-link-container">
                                <li>
                                    <a class="splash-link-address" href="https://sprpcb.patrimonio.org.bo/manual/books/manual-de-uso-de-sprpcb/page/que-es-el-sprpcb" target="_blank">{% trans "Qué es SPRPCB" %}</a>
                                </li>
                                <li>
                                    <a class="splash-link-address" href="https://sprpcb.patrimonio.org.bo/manual/books/manual-de-uso-de-sprpcb" target="_blank">{% trans "Manual del usuario" %}</a>
                                </li>
                                <li>
                                    <a class="splash-link-address" href="https://sprpcb.patrimonio.org.bo/manual/books/guia-para-la-descripcion/chapter/glosario-para-bienes-inmuebles" target="_blank">{% trans "Guía para la descripción de Bienes inmuebles" %}</a>
                                </li>


                            </ul>
                        </div>

                        <div class="col-lg-4">
                            <ul class="splash-link-container">
                                <li>
                                    <a class="splash-link-address" href="https://sprpcb.patrimonio.org.bo/manual/books/manual-de-uso-de-sprpcb/page/gestion-del-patrimonio-cultural-boliviano" target="_blank">{% trans "Gestión del Patrimonio Cultural Boliviano" %}</a>
                                </li>
                                <li>
                                    <a class="splash-link-address" href="#" target="_blank">{% trans "--disponible 2x2--" %}</a>
                                </li>
                                <li>
                                    <a class="splash-link-address" href="#" target="_blank">{% trans "--disponible 2x3--" %}</a>
                                </li>
                            </ul>
                        </div>

                        <div class="col-lg-4">
                            <ul class="splash-link-container">
                                <li>
                                    <a class="splash-link-address" href="https://sprpcb.patrimonio.org.bo/manual/books/demostraciones-y-tutoriales/page/tareas-basicas-ynl" target="_blank">{% trans "Tutoriales cortos - tareas básicas" %}</a>
                                </li>
                                <li>
                                    <a class="splash-link-address" href="https://sprpcb.patrimonio.org.bo/manual/books/demostraciones-y-tutoriales/page/registro-guiado" target="_blank">{% trans "Tutoriales cortos - registro guiado" %}</a>
                                </li>
                                <li>
                                    <a class="splash-link-address" href="#" target="_blank">{% trans "--disponible 3x3--" %}</a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>

            </div>
        </div>

        <!-- Copyright Panel -->
        <div class="row copyright-container">
            <!-- Arches link -->
            <div class="app-footer-links">
                <div class="col-sm-8">
                    <a class="link-spacing" href="#">{% trans "Terms & Conditions" %}</a>
                    <a class="link-spacing" href="#">{% trans "Privacy Policy" %}</a>
                </div>
                <div class="col-sm-4">
                    <a class="app-footer-arches-link" href="http://www.archesproject.org" target="_blank">{% trans "Powered by Arches" %}</a>
                </div>
            </div>
        </div>
        <!-- End Copyright Container -->

    </footer>
    <!-- End Footer -->

<script>

    require.config({
        baseUrl: "{% webpack_static 'build/js' %}",
        paths: {
            'text': "{% webpack_static 'node_modules/requirejs-text/text' %}",
            'jquery': "{% webpack_static 'node_modules/jquery/dist/jquery.min' %}",
            'jquery-ui': "{% webpack_static 'node_modules/jqueryui/jquery-ui.min' %}",
            'jquery-validate': "{% webpack_static 'node_modules/jquery-validation/dist/jquery.validate.min' %}",
            'underscore': "{% webpack_static 'node_modules/underscore/underscore-min' %}",
            'chosen': "{% webpack_static 'node_modules/chosen-js/chosen.jquery.min' %}",
            'knockout': "{% webpack_static 'node_modules/knockout/build/output/knockout-latest' %}",
            'bootstrap': "{% webpack_static 'node_modules/bootstrap/dist/js/bootstrap.min' %}",
            'one-app': "{% webpack_static 'plugins/one.app' %}",
            'themepunch-tools': "{% webpack_static 'plugins/revolution-slider/rs-plugin/js/jquery.themepunch.tools.min' %}",
            'themepunch-revolution': "{% webpack_static 'plugins/revolution-slider/rs-plugin/js/jquery.themepunch.revolution' %}",
            'revolution-slider': "{% webpack_static 'plugins/revolution-slider' %}",
            'slick': "{% webpack_static 'plugins/slick/slick.min' %}",
        },
        shim: {
            'jquery': {
                exports: '$'
            },
            'bootstrap': {
                deps: ['jquery', 'jquery-ui']
            },
            'chosen': {
                deps: ['jquery'],
            },
            'one-app': {
                deps: ['jquery'],
            },
            'themepunch-tools': {
                deps: ['jquery'],
            },
            'themepunch-revolution': {
                deps: ['jquery'],
            },
            'revolution-slider': {
                deps: ['jquery'],
            },
            'slick': {
                deps: ['jquery'],
            }
        }
    });
    require(
        [
            'jquery',
            'knockout',
            'bootstrap',
            'one-app',
            'themepunch-tools',
            'themepunch-revolution',
            'revolution-slider',
            'slick',
            'bindings/chosen',
            'bindings/key-events-click',
            'views/components/language-switcher'
        ], function ($, ko) {
            $(document).ready(function () {
                App.init();
                
                var contentSections = $('.app-info-block'),
                    navigationItems = $('#cd-vertical-nav a');

                updateNavigation();
                $(window).on('scroll', function () {
                    updateNavigation();
                });

                //smooth scroll to the section
                navigationItems.on('click', function (event) {
                    event.preventDefault();
                    smoothScroll($(this.hash));
                });


                function updateNavigation() {
                    contentSections.each(function () {
                        $this = $(this);
                        var activeSection = $('#cd-vertical-nav a[href="#' + $this.attr('id') + '"]').data('number') - 1;
                        if (($this.offset().top - $(window).height() / 2 < $(window).scrollTop()) && ($this.offset().top + $this.height() - $(window).height() / 2 > $(window).scrollTop())) {
                            navigationItems.eq(activeSection).addClass('is-selected');
                        } else {
                            navigationItems.eq(activeSection).removeClass('is-selected');
                        }
                    });
                }

                function smoothScroll(target) {
                    $('body,html').animate(
                        { 'scrollTop': target.offset().top },
                        600
                    );
                }

                //slider
                $('.home-slider').slick({
                    arrowsPlacement: 'split',
                    dots: true,
                    autoplay: true,
                    autoplaySpeed: 5000,
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    prevArrow:`<button type='button' class='slick-prev pull-left' aria-label="{% trans 'Go to previous slide' %}"><i class='fa fa-chevron-left' aria-hidden='true'></i></button>`,
                    nextArrow:`<button type='button' class='slick-next pull-right' aria-label="{% trans 'Go to next slide' %}"><i class='fa fa-chevron-right' aria-hidden='true'></i></button>`
                });

                var ViewModel = function () {
                     // place observables here
                };

                // need to have this to prevent mismatched anonymous define error in require.js
                setTimeout(function () {
                    ko.applyBindings(new ViewModel());
                }, 300);
            });

        }
    );
</script>

</body>

</html>
