Skip to content
GitLab
Commit d716b7c3 authored by okhin's avatar okhin
Browse files

Improving the design

parent 791ff06b
Pipeline #880 passed with stage
in 1 second
Hide whitespace changes
Inline Side-by-side
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>
Supports Markdown
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