header.html 2.91 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
    <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">
okhin's avatar
okhin committed
26
                        {{ preg_replace('/((\w+\W*){50}(\w+))(.*)/', '${1} ...', @campaign.description) }}
okhin's avatar
okhin committed
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
                        </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
                    <li class="waves-effect <check if="{{ @block_content == 'home.html' }}">active</check>"><a href="/#navbar"><b>{{ _("Act") }}</b></a></li>
okhin's avatar
okhin committed
49 50
                    <li class="waves-effect <check if="{{ @block_content == 'campaign.html' }}">active</check>"><a href="/campaign#navbar">{{ _("About the campaign") }}</a></li>
                    <li class="waves-effect <check if="{{ @block_content == 'piphone.html' }}">active</check>"><a href="/piphone#navbar">{{ _("About the piphone") }}</a></li>
okhin's avatar
okhin committed
51 52 53 54 55
                </ul>
            </div>
        </nav>
    </header>
    <main>