Skip to content

GitLab

piphone-front
piphone-front
Commit d716b7c3 authored by okhin's avatar okhin
Browse files
Options

Improving the design

parent 791ff06b
Pipeline #880 passed with stage
    in 1 second
    Hide whitespace changes
    Inline Side-by-side
    Showing with 68 additions and 52 deletions
    app/Main.php
    View file @ d716b7c3
    ......@@ -107,11 +107,11 @@ class Main extends Controller {
    $f3->set('block_content', 'contactslist.html');
    }
    function argumentation($f3, $args) {
    function campaign($f3, $args) {
    $arguments = Api::get_arguments();
    $f3->set('arguments', $arguments);
    $f3->set('block_content', 'argumentation.html');
    $f3->set('block_content', 'campaign.html');
    }
    function piphone($f3, $args) {
    ......
    app/routes.ini
    View file @ d716b7c3
    ......@@ -5,8 +5,8 @@ GET|POST @feedback:/feedback=Main->feedbackform
    GET|POST @call:/call/@id=Main->call
    GET @contactslist:/contactslist=Main->contactslist
    GET @feedbacksip:/calls/@callid=SIP->feedbacksip
    GET @argumentation:/argumentation=Main->argumentation
    GET @piphone:/piphone=Main->campaign
    GET @campaign:/campaign=Main->campaign
    GET @piphone:/piphone=Main->piphone
    ; Fake REST API
    GET /restapi/campaigns/@id=RestApi->campaign
    ......
    templates/campaign.html
    View file @ d716b7c3
    ......@@ -2,15 +2,18 @@
    <div class="container">
    <h3 class="blue-grey-text text-darken-4 bold center">{{ @organization.name }}</h1>
    <p class="">{{ @organization.description }}</p>
    <a href="/#navbar" class="btn waves-effect waves-light leat accent-2 center">{{ _("Act Now!") }}</a>
    </div>
    </div>
    <div class="section blue-grey">
    <div class="section">
    <div class="container">
    <h3 class="blue-grey-text text-darken-4 center bold">{{ @campaign.title }}</h1>
    <p class="blue-grey-text text-lighten-4">{{ @campaign.description }}</p>
    <p class="">{{ @campaign.description }}</p>
    <a href="{{ @organization.website }}" class="btn waves-effect waves-light blue accent-2 center">{{ _("Visit Us!") }}</a>
    </div>
    </div>
    <div class="section white">
    <hr>
    <div class="section">
    <div class="container">
    <include href="argumentation.html">
    </div>
    ......
    templates/header.html
    View file @ d716b7c3
    ......@@ -15,41 +15,9 @@
    </head>
    <body>
    <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">
    <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 == 'argumentation.html' }}">active</check>"><a href="/argumentation#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>
    </ul>
    </div>
    </nav>
    <check if="{{ @block_content == 'home.html'}}">
    <include href="intro.html">
    </check>
    <include href="toolbar.html">
    </header>
    <main>
    templates/intro.html 0 → 100644
    View file @ d716b7c3
    <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>
    templates/piphone.html 0 → 100644
    View file @ d716b7c3
    <div class="section">
    <div class="container">
    <h3 class="header center strong blue-grey-text text-darken-4">
    {{ _("What is the piPhone?") }}
    </h3>
    <p>
    {{ _("The piphone is a tool developped by <a href=\"https://www.laquadrature.net\">La Quadrature du Net</a>, a French NGO specialised in digital rights issues.") }}
    {{ _("Its purpose is to ease mobilisation of people toward influencing the representatives elements of democracy, by removing the cost of such calls and gathering all needed data.") }}
    </p>
    <p>
    {{ _("The source code is distributed under the term of the AGPL v3.0+ and is open to contribution on <a href=\"https://git.laquadrature.net\">LQDN's own gitlab</a>") }}
    </div>
    </div>
    templates/toolbar.html
    View file @ d716b7c3
    <!-- toolbar page -->
    <section id="toolbar">
    <ul>
    <li><a href="{{ @ALIASES.home }}">{{ _("Random Contact") }}</a></li>
    <li><a href="{{ @ALIASES.contactslist }}">{{ _("Contacts list") }}</a></li>
    <li><a href="{{ @ALIASES.argumentation }}">{{ _("Argumentation") }}</a></li>
    </ul>
    </section>
    <!-- toolbar page -->
    <nav class="blue-grey darken-2" id="navbar">
    <div class="container nav-wrapper">
    <ul class="left">
    <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="/campaign">{{ _("About the campaign") }}</a></li>
    <li class="waves-effect <check if="{{ @block_content == 'piphone.html' }}">active</check>"><a href="/piphone">{{ _("About the piphone") }}</a></li>
    </ul>
    <check if="{{ @block_content != 'home.html' }}">
    <a href="/#navbar" class="brand-logo right">{{ @campaign.title }}</a>
    </check>
    </div>
    </nav>
    Markdown is supported
    0% or
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment