{% extends 'base.html' %} {% load typogrify_tags %} {% block pagetitle %}Luxagraf | {{object.title}}{% endblock %} {% block extrahead %} <style> .vidwrap{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .vidwrap video, .vidwrap embed, { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width : 960px) { .vidwrap video {width: 100%;} } @media only screen and (min-width : 1024px) {} .vidwrap video {max-width: 960px;} } </style> <meta name="robots" content="noindex, nofollow"> {% endblock %} {% block metadescription %}{{object.metadescription}}{% endblock %} {%block htmlclass%}class="dark"{%endblock%} {% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> <li>{{object.title}}</li> </ul> <main> <div class="videos"> {{object.body_html|safe}} </div> </main> {% endblock %}