{# ------------------------------------------------------- #} {# ONE OFF VIEW hoteltravel #} {# This page can use any data from http:localhost:2000/cms/#/form/hoteltravel/ #} {# Webhook uses the SWIG.js (like Djagno/Twig) templating system. Their documentation is here: #} {# http://paularmstrong.github.io/swig/docs/tags/ #} {# Learn about calling data into Webhook pages here: #} {# http://www.webhook.com/docs/template-rules-and-filters/ #} {# ------------------------------------------------------- #} {# Confused what extends and blocks do? Watch a primer: #} {# http://www.webhook.com/docs/template-inheritance-blocks/ #} {% extends "templates/partials/base.html" %} {# This sets our page . It will append this hoteltravel's name to the site title defined in base.html #} {% block title %}{% parent %} - {{ cms.hoteltravel.name }}{% endblock %} {% set kubrickImage = cms.hoteltravel.image_hero|imageSize(2560,720) %} {% set kubrickTitle = cms.hoteltravel.name %} {% block above_content %} <div class="kubrick kubrick--hotel"> <div class="kubrick__image kubrick__base transition--fadein"></div> <div class="kubrick__image transition--fadeflipup building"></div> <div class="kubrick__image transition--fadein sign"></div> {# If we ever fix the mov color change that happened with Chrome :( #} {#<div class="kubrick__image kubrick__video transition--fadein sign-vid"> <video autoplay loop preload poster="/static/images/trans.png"> <source src="/static/media/kubrick-hotel-sign.mp4" type="video/mp4"> <source src="/static/media/kubrick-hotel-sign.webm" type="video/webm"> </video> </div>#} <div class="kubrick__image transition--fadeflipup sign"></div> <div class="kubrick__image transition--fadeflipupr loop"></div> <div class="kubrick__image transition--fadeflipupr ladders"></div> <div class="kubrick__image transition--fadeflipup trees1"></div> <div class="kubrick__image transition--fadeflipup flag"></div> <div class="kubrick__image transition--fadeflipup trees2"></div> <div class="kubrick__image transition--fadeflipupr trees3"></div> <div class="kubrick__image transition--fadeflipup trees4"></div> <div class="kubrick__image transition--fadeflipupr trees5"></div> <div class="kubrick__image transition--fadedown balloon"></div> <div class="kubrick__image transition--fadeflipup spring"></div> <div class="kubrick__content transition--fadein flex flex--verticalEnd"> <h1 class="kubrick__title">{{ cms.hoteltravel.name }}</h1> </div> </div> {% endblock %} {% block content %} <article> <div class="grid grid--xs-1-1 grid--sm-1-2"> <div>{{ cms.hoteltravel.intro1|safe }}</div> <div>{{ cms.hoteltravel.wysiwyg_text|safe }}</div> </div> </article> {% endblock %}