landing_page.html 2.65 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
{% extends "base.html" %}

{% block content %}
<div class="splash-container">
    <div class="splash">
        <h1 class="splash-head">{{ SPLASH_HEADING }}</h1>
        <p class="splash-subhead">
            {{ SPLASH_SUBHEADING }}
        </p>
        <p>
            <a href="#GetLuppp" class="pure-button pure-button-primary">
                <span class="icon"></span>
                <span class="button-text">{{ SPLASH_BUTTON_TEXT }}</span>
            </a>
        </p>
Georg Krause's avatar
Georg Krause committed
16
    </div>
17
</div>
Georg Krause's avatar
Georg Krause committed
18

19 20 21
<div class="content-wrapper">
    <div class="content">
        <h2 class="content-head is-center">{{ FEATURES_HEADING}}</h2>
Georg Krause's avatar
Georg Krause committed
22

23 24
        <div class="pure-g">
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
Georg Krause's avatar
Georg Krause committed
25

26 27 28 29 30 31
                <h3 class="content-subhead">
                    {{ FEATURES_FIRST_HEADING }}
                </h3>
                <p>
                    {{ FEATURES_FIRST_CONTENT }}
                </p>
Georg Krause's avatar
Georg Krause committed
32
            </div>
33 34 35 36 37 38 39
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                <h3 class="content-subhead">
                    {{ FEATURES_SECOND_HEADING }}
                </h3>
                <p>
                    {{ FEATURES_SECOND_CONTENT }}
                </p>
Georg Krause's avatar
Georg Krause committed
40
            </div>
41 42 43 44 45 46 47 48 49 50 51 52
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                <h3 class="content-subhead">
                    {{ FEATURES_THIRD_HEADING }}
                </h3>
                <p>
                    {{ FEATURES_THIRD_CONTENT }}
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
                <h3 class="content-subhead">
                    {{ FEATURES_FOURTH_HEADING }}
                </h3>
Georg Krause's avatar
Georg Krause committed
53
                <p>
54
                    {{ FEATURES_FOURTH_CONTENT }}
Georg Krause's avatar
Georg Krause committed
55 56 57
                </p>
            </div>
        </div>
58
    </div>
Georg Krause's avatar
Georg Krause committed
59

60 61 62 63 64
    <div class="ribbon l-box-lrg pure-g">
        <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
            <img width="200" alt="File Icons" class="pure-img-responsive" src="{{ SITEURL }}/theme/images/luppp.svg">
        </div>
        <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
Georg Krause's avatar
Georg Krause committed
65

66
            <h2 class="content-head content-head-ribbon">{{ RIBBON_HEADING }}</h2>
Georg Krause's avatar
Georg Krause committed
67

68 69 70
            <p>
                {{ RIBBON_CONTENT }}
            </p>
Georg Krause's avatar
Georg Krause committed
71
        </div>
72 73 74 75
    </div>

    <div class="content">
        <h2 id="GetLuppp" class="content-head is-center">{{ page.title }}</h2>
Georg Krause's avatar
Georg Krause committed
76

77 78 79 80 81
        <div class="pure-g">
            <div class="l-box-lrg pure-u-md-1-5"></div>
            <div class="l-box-lrg pure-u-1 pure-u-md-3-5">
                {{ page.content }}
            </div>
Georg Krause's avatar
Georg Krause committed
82 83 84 85 86
        </div>

    </div>


87 88 89

</div>
{% endblock %}