src/egonomy/templates/egonomy_embed_slideshow.html
author ymh <ymh.work@gmail.com>
Thu, 09 Jan 2020 13:37:23 +0100
changeset 298 c40c501bca19
parent 224 a5db4e28a517
permissions -rw-r--r--
Add poetry on sync script and add correct fablib dependency

{% load static %}
{% load i18n %}
{% load egostringfilters %}
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="eGonomy">
    <title>eGonomy : Diaporama</title>
    <link rel="stylesheet" href="{% static 'egonomy/css/reset.css' %}" />
    <link rel="stylesheet" href="{% static 'egonomy/css/fonts.css' %}" />
    <link rel="stylesheet" href="{% static 'egonomy/css/slideshow.css' %}" />
</head>
<body>
    <div class="slideshow-wrap">
        <img class="backdrop" />
        <div class="caption-wrap">
            <div class="caption">
                <h2></h2>
                <h3></h3>
                <div class="caption-description"></div>
            </div>
        </div>
        <svg class="image-container" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1 1" preserveAspectRatio="none">
            <defs>
                <clipPath id="fragment-clip">
                    <path d="M0 0L1 0L1 1L0 1Z" class="clip-path" />
                </clipPath>
            </defs>
            <image class="main-image" xlink:href="" x="0" y="0" preserveAspectRatio="none" width="1" height="1" clip-path="url(#fragment-clip)" />
        </svg>
        <div class="top-controls">
            <a class="full-screen" href="#"></a>
            <a class="play-pause" href="#"></a>
        </div>
        <div class="arrow-wrap left-arrow">
            <a class="arrow" href="#"></a>
        </div>
        <div class="arrow-wrap right-arrow">
            <a class="arrow" href="#"></a>
        </div>
    </div><!-- /.wrap -->

    <script type="text/javascript" src="{% static 'egonomy/lib/jquery.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'egonomy/js/slideshow.js' %}"></script>
    <script>
    var imgurlbase = "";
    var slides = {{ slides|safe }};
    </script>
</body>
</html>