{# ------------------------------------------------------- #} {# ONE OFF VIEW tickets #} {# This page can use any data from http:localhost:2000/cms/#/form/tickets/ #} {# 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/twocol.html" %} {# This sets our page . It will append this tickets's name to the site title defined in base.html #} {% block title %}{% parent %} - {{ cms.tickets.name }}{% endblock %} {% block above_content %} <div class="kubrick kubrick--event kubrick--tickets"> <div class="kubrick__image kubrick__base transition--fadein "></div> <div class="kubrick__image transition--fadeflipupr track-right"></div> <div class="kubrick__video transition--fadein cart-vid"> <video autoplay loop preload poster="/static/images/trans.png"> <source src="/static/media/kubrick-tickets-cart.webm" type="video/webm"> <source src="/static/media/kubrick-tickets-cart.mp4" type="video/mp4"> </video> </div> <div class="kubrick__image transition--fadeflipup booth"></div> <div class="kubrick__image transition--fadeflipup sign"></div> <div class="kubrick__image transition--fadeflipup track-left"></div> <div class="kubrick__image transition--fadeflipup cart-left"></div> <div class="kubrick__image transition--fadeflipupr trees3"></div> <div class="kubrick__image transition--fadeflipup chest"></div> <div class="kubrick__image transition--fadeflipup coins"></div> <div class="kubrick__image transition--fadeflipup sword"></div> <div class="kubrick__image transition--fadeflipup blocks"></div> <div class="kubrick__image transition--fadein column1"></div> <div class="kubrick__image transition--fadeflipup trees1"></div> <div class="kubrick__content transition--fadein flex flex--verticalEnd"> <h1 class="kubrick__title">{{ cms.tickets.name }}</h1> </div> </div> {% endblock %} {% block content %} <article> {{ cms.tickets.wysiwyg_text|safe }} </article> {% endblock %} {% block aside %} <div class="js-ticketfairy"> <iframe src="https://tickets.twitchcon.com/w/twitchcon-2016/?transparent=1&compact=1&logo=dark" style="overflow:none;" frameborder="0" height="675" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe> </div> <img src="https://beacon.krxd.net/event.gif?event_id=KpanFdSU&event_type=pageview" width="0" height="0" /> {% endblock %}