header.html 2.83 KB
Newer Older
Mindiell's avatar
Mindiell committed
1 2 3
<!DOCTYPE html>
<html>
<head>
okhin's avatar
okhin committed
4
    <title>{{ @organization.name }} - {{ @campaign.title }}</title>
Mindiell's avatar
Mindiell committed
5
    <meta charset="utf-8" />
okhin's avatar
okhin committed
6
    <meta name="author" content="{{ @organization.name }}" />
Mindiell's avatar
Mindiell committed
7
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
okhin's avatar
okhin committed
8
    <!-- Materialize -->
okhin's avatar
okhin committed
9
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
okhin's avatar
okhin committed
10
    <link type="text/css" rel="stylesheet" href="/static/css/materialize.min.css"  media="screen,projection"/>
okhin's avatar
okhin committed
11
    <link type="text/css" rel="stylesheet" href="/static/css/piphone.css"  media="screen,projection"/>
okhin's avatar
okhin committed
12 13 14
    <!-- JS Materialize -->
    <script src="/static/js/jquery-2.1.1.js"></script>
    <script type="text/javascript" src="/static/js/materialize.min.js"></script>
Mindiell's avatar
Mindiell committed
15 16
</head>
<body>
okhin's avatar
okhin committed
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
    <header class="blue-grey">
        <div class="section no-pad-bot">
            <div class="container">
                <div class="row center">
                    <h1 class="header center-on-small-only blue-grey-text text-darken-3">{{ @campaign.title}}</h1>
                </div>
                <div class="row">
                    <div class="col s12 m6">
                        <p class="flow-text blue-grey-text text-lighten-4">
                        {{ @campaign.description }}
                        </p>
                        <a href="#navbar" class="btn waves-effect waves-light leat accent-2 right">{{ _("Act Now!") }}</a>
                    </div>
                    <div class="col s12 m6">
                        <check if="{{ @organization.logo }}">
                        <img src="{{ @organization.logo }}">
                        </check>
                        <h4 class="light header blue-grey-text text-darken-2">
                            {{ @organization.name }}
                        </h4>
                        <p class="flow-text blue-grey-text text-lighten-4">
                        {{ @organization.description }}
                        </p>
                        <a href="{{ @organization.website }}" class="btn waves-effect waves-light blue accent-2 right">{{ _("Visit Us!") }}</a>
                    </div>
                </div>
            </div>
        </div>
        <nav class="blue-grey darken-2" id="navbar">
            <div class="container nav-wrapper">
                <ul class="left">
okhin's avatar
okhin committed
48 49 50
                    <li class="waves-effect <check if="{{ @block_content == 'home.html' }}">active</check>"><a href="/#navbar"><b>{{ _("Act") }}</b></a></li>
                    <li class="waves-effect <check if="{{ @block_content == 'campaign.html' }}">active</check>"><a href="#">{{ _("About the campaign") }}</a></li>
                    <li class="waves-effect <check if="{{ @block_content == 'piphone.html' }}">active</check>"><a href="#">{{ _("About the piphone") }}</a></li>
okhin's avatar
okhin committed
51 52 53 54 55
                </ul>
            </div>
        </nav>
    </header>
    <main>