Commit b39be177 authored by Michael Paul Killian's avatar Michael Paul Killian Committed by Matthias Larisch

New landing page content

parent 2bdcb8ad
Pipeline #14831815 passed with stages
in 6 minutes and 2 seconds
......@@ -6,6 +6,8 @@
## Features
- When users are added to a region or a working group, their ID is shown next to their name. !214 @NerdyProjects
- Upgraded fontawesome to version 4.7, adding 196 available icons !227 @thinkround
- New landing page implemented along with a restructuring of the navigation bar !221 @thinkround
## Bugfixes
......@@ -66,7 +68,6 @@ Many many thanks to all the contributors that made this possible (in order of ap
## Features
- Upgraded fontawesome to version 4.7, adding 196 available icons !227 @thinkround
- Added the changelog into the page and link inside the '?' menu !199 @NerdyProjects
- Added a list of inactive foodsavers to the foodsavers page !183 @valentin.unicorn
- Ensure PHP7 compatibility and upgrade environment to PHP7 !171 @nicksellen
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -31,7 +31,7 @@
.jMenu > li > a > .fa {
font-size: 17px;
width: 17;
width: 17px;
display: inline-block;
text-align: center;
}
......
#campaignimg {
width: auto;
max-width: 100%;
height: 100vh;
position: absolute;
top: 0;
}
#campaigntext {
max-width: 100%;
max-height: 40vh;
float: right;
padding: 1em;
}
#campaigntext h3 {
color: #ffffff;
border: none;
font-size: 28px;
text-shadow: 2px 2px #555;
margin: 0;
}
#campaigntext img {
height: 20vh;
}
@media (max-width: 568px) { #campaign {
margin-top: 85vh;
}}
@media (max-aspect-ratio: 1/1) and (min-width: 568px) { #campaignimg {
height: auto;
width: 50%;
top: 50%;
transform:translate(0,-50%) ;
}}
.carpetroll {
text-align: justify;
color: #4A3520;
padding: 41px 0;
}
.carpetroll p {
margin: 1rem 2rem 0 2rem;
}
.carpetroll h3 {
color: #5AB946;
font-size:24px;
font-weight: normal;
font-family: "Alfa Slab One";
letter-spacing: 0.4px;
border-bottom: 4px solid #5AB946 ;
box-sizing: content-box;
padding-bottom: 1rem;
margin: 1rem 2rem 2rem 1rem;
display: inline-block;
text-align: left;
}
.carpetroll .button {
font-size:150%;
}
.carpetroll .whatiswhaticons {
background-color: #5AB946;
color: white;
padding: 0.2em;
font-size: 500%;
width: 1.1em;
height: 1.1em;
text-align: center;
border-radius: 50%;
display: block;
margin: 0.5em auto 0.2em;
}
.carpetroll span.iconlegend {
display: block;
text-align: center;
width: 100%;
font-family: "Alfa Slab One";
font-size:120%;
}
.carpetroll .clickable {
cursor: pointer;
}
#joinbuttoninfootersection {
display: block;
text-align: center;
transform: translate(0, -32vh);
font-size: 250%;
font-weight: bold;
background-color: #46891b;
color: white;
font-family: "Alfa Slab One";
width: 8em;
margin: 0 auto;
border-radius: 1em;
text-decoration: none;
}
#theregistrationbutton {
font-size: 180%;
}
.avatar, .avatar > i {
display: inline-block;
background-repeat: no-repeat;
......@@ -370,7 +480,7 @@ ul.bread {
display: block;
list-style: none;
float: left;
margin: 5px 0 4px;
margin: 5px 0 4px 12px;
padding: 0;
}
......@@ -399,6 +509,16 @@ ul.bread {
color: #5AB946 !important;
}
#layout_logo a:after {
content: "\f015";
color: #4A3520;
font-family: "FontAwesome";
}
#layout_logo a:hover:after {
color: #ffffff;
}
a.pic_edit {
display: block;
text-decoration: none;
......@@ -2512,7 +2632,8 @@ footer .linklist li a:hover {
.vidlink img {
padding: 0;
border: 10px solid #ffffff;
width: 90%;
width: 100%;
box-sizing: border-box;
height: auto;
}
......
......@@ -518,46 +518,36 @@ function getMenu()
return array(
'default' => '
<ul id="mainMenu" class="jMenu">
<li><a class="fNiv" href="/"><i class="fa fa-home"></i></a></li>
<li><a class="fNiv" href="/karte"><i class="fa fa-map-marker"></i></a></li>
<li><a class="fNiv" href="/essenskoerbe/find/">Essenskörbe</a></li>
<li><a class="fNiv" href="/news">News</a></li>
<li><a class="fNiv" href="/ueber-uns">Über uns</a>
<li><a class="fNiv" href="/karte"><i class="fa fa-map-marker"></i>Karte</a></li>
<li><a class="fNiv">Über uns</a>
<ul>
<li><a href="/team">Team</a>
<ul>
<li><a href="/team#vorstand">Vorstand</a></li>
<li><a href="/team#aktive">Aktive</a></li>
<li><a href="/team/ehemalige">Ehemalige</a></li>
</ul>
</li>
<li><a href="/ueber-uns">Über uns</a>
<li><a href="/team">Team</a></li>
<li><a href="/partner">Partner</a></li>
<li><a href="/statistik">Statistik</a></li>
<li><a href="/faq">F.A.Q.</a></li>
<li><a href="/unterstuetzung">Unterstützung</a></li>
<li><a href="/?page=content&sub=presse">Presse</a></li>
<li><a href="/unterstuetzung">Spendenaufruf</a></li>
</ul>
</li>
<li><a class="fNiv" href="/ratgeber">Ratgeber</a></li>
<li><a class="fNiv" href="/leeretonne">Aktionen</a>
<li><a class="fNiv" href="/?page=content&sub=joininfo">Mach mit!</a></li>
<li><a class="fNiv"><i class="fa fa-info"></i></a>
<ul>
<li><a href="/leeretonne">Leere Tonne</a></li>
<li><a href="/fairteilerrettung">Rette die Fair-Teiler</a></li>
<li><a href="/?page=content&sub=infohub">Übersicht</a></li>
<li><a href="/news">News</a></li>
<li><a href="/faq">F.A.Q.</a></li>
<li><a href="/ratgeber">Ratgeber</a></li>
</ul>
</li>
<li><a onclick="ajreq(\'join\',{app:\'login\'});return false;" class="fNiv" href="/?page=join">Mach mit!</a></li>
<!-- <li><a class="fNiv" href="/?page=login" onclick="ajreq(\'login\',{app:\'login\'});return false;">Login</a></li> -->
<li><a class="fNiv" href="/login" title="User Login"><i class="fa fa-user-circle"></i></a></li>
</ul>',
'mobile' => '
<select id="mobilemenu">
<option class="famenu" value="dashboard" selected="selected">&#xf0c9;</option>
<option value="/">Home</option>
<option value="/karte">Karte</option>
<option value="/ratgeber">Ratgeber</option>
<option value="/leeretonne">Leere Tonne</option>
<option value="/fairteilerrettung">Rette die Fair-Teiler</option>
<option value="/unterstuetzung">Unterstützung</option>
<option value="/mach-mit">Mach mit!</option>
<option value="/ueber-uns">Über uns</option>
<option value="/?page=content&sub=infohub">News FAQ Ratgeber etc.</option>
<option value="/?page=content&sub=joininfo">Mach mit!</option>
<option value="/login">Login</option>
</select>'
);
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -84,6 +84,7 @@ class vPageslider
}
addJs('
$("#main").hide();
$("footer").hide();
$("#' . $this->id . '").fullpage({
anchors: [' . implode(',', $anchors) . '],
......
......@@ -115,6 +115,16 @@ class ContentControl extends Control
}
}
public function presse()
{
if ($cnt = $this->model->getContent(58)) {
addBread($cnt['title']);
addTitle($cnt['title']);
addContent($this->view->simple($cnt));
}
}
public function leeretonne()
{
if ($cnt = $this->model->getContent(46)) {
......@@ -176,12 +186,16 @@ class ContentControl extends Control
public function ratgeber()
{
$this->setContentWidth(9, 7);
addBread('Ratgeber');
addTitle('Ratgeber');
addTitle('Ratgeber Lebensmittelsicherheit');
addContent($this->view->ratgeber());
}
addContent($this->view->ratgeberRight(), CNT_RIGHT);
public function joininfo()
{
addBread('Mitmachen');
addTitle('Mitmachen - Unsere Regeln');
addContent($this->view->joininfo());
}
public function fuer_unternehmen()
......@@ -194,6 +208,16 @@ class ContentControl extends Control
}
}
public function infohub()
{
if ($cnt = $this->model->getContent(59)) {
addBread($cnt['title']);
addTitle($cnt['title']);
addContent($this->view->simple($cnt));
}
}
public function changelog()
{
addBread('Changelog');
......
......@@ -59,24 +59,35 @@ class ContentView extends View
return $out;
}
public function ratgeberRight()
public function joininfo()
{
$list = '';
$items = array(
array('title' => 'Sei ehrlich', 'cnt' => 'Wir alle, die wir Foodsharing entwickelt haben, nehmen unsere Aufgabe sehr ernst und befolgen Gesetze und Auflagen. Sei auch Du bitte ehrlich beim Ausfüllen Deiner Daten und bei der Beschreibung des Essenskorbes.'),
array('title' => 'Beachte die Regeln', 'cnt' => 'Wir weisen ausdrücklich darauf hin, dass wir das Anbieten und Teilen bestimmter Lebensmittel und anderer Waren aus rechtlichen Gründen nicht gestatten. Verderbliche Lebensmittel wie Fisch, Geflügel, Fleisch, rohe Eierspeisen und zubereitete Lebensmittel sowie Medikamente (auch homöopathische Medikamente) sind von foodsharing.de ausgeschlossen. Auch Kleidung, Kosmetika, Haushaltschemie, Spielzeug und andere Non-Food-Produkte können über foodsharing.de nicht getauscht oder geteilt werden. Foodsharing.de behält sich vor, derartige Angebote zu löschen.'),
array('title' => 'Sei verantwortungsvoll', 'cnt' => '30 % alle Lebensmittel landen im Müll. Damit soll nun endlich SCHLUSS sein. Wir möchten nichts mehr wegwerfen! Wir wollen verantwortungsvoll mit Lebensmittel umgehen und freuen uns, dass Du mitmachst'),
array('title' => 'Sei zuverlässig', 'cnt' => 'Wir haben Hotspots eingerichtet, dort kann man sich treffen und tauschen. Oder Ihr macht selber einen Foodsharing/Ort mit Eurem Partner aus. Bitte seid zuverlässig und pünktlich, lasst keinen im „Regen“ stehen.'),
array('title' => 'Melde Verstöße', 'cnt' => 'Wir haben das Mindesthaltbarkeitsdatum, aber auch ein gutes Auge, eine feine Nase und das gute Gewissen keine verschimmelten, verdorbenen Lebensmittel anzubieten. Also bitte nicht nur das Kreuz bei „Lebensmittelrecht gelesen“ machen, sondern den Ratgeber sorgsam durchlesen. Denn wer will schon aus der Foodsharing/Community rausgeworfen werden?'),
array('title' => 'Mach Vorschläge', 'cnt' => 'Wir wollen uns weiterentwickeln, immer besser werden. Dazu brauchen wir Euch mit vielen guten Ideen und Tipps. Die schickt Ihr an ideen@foodsharing.de')
);
foreach ($items as $i => $v) {
$list .= '<h5><span>' . ($i + 1) . '</span> ' . $v['title'] . '</h5><p>' . $v['cnt'] . '</p>';
}
return v_field('<div class="reddot">' . $list . '</div>', 'foodsharing Etikette', array('class' => 'ui-padding'));
return '
<div class="page ui-padding ui-widget-content corner-all">
<h1>Mitmachen - Unsere Regeln</h1>
<h3>Schön, dass Du bei FoodSharing mitmachen willst!</h3>
<p>Da Lebensmittel uns am Leben halten, wollen wir auch respektvoll mit ihnen umgehen. Damit bei uns alles optimal läuft, haben wir im Laufe der Jahre einige Verhaltensregeln definiert. Lebensmittel an andere weiterzugeben ist eine sehr menschliche aber auch verantwortungsvolle Sache. Grundsätzlich gilt wohl immer: „Nichts an andere weitergeben, was man selbst nicht mehr essen würde“.
Bitte lies nun die foodsharing Etikette einmal durch. <b>Am Ende dieser Seite kannst Du Dich als Foodsharer registrieren.</b>
<h3>Für Unternehmen und Betriebe</h3><p>Gemeinsam mit foodsharing können Sie sich dafür einsetzen, dass aussortierte und unverkäufliche Lebensmittel eine sinnvolle Verwendung anstelle der Entsorgung erfahren. Mehr Information dazu finden Sie <a href="/fuer-unternehmen">hier.</a> </p>'
. v_field('
<div class="reddot">
<h5><span>1</span>Sei ehrlich</h5>
<p>Wir alle, die wir Foodsharing entwickelt haben, nehmen unsere Aufgabe sehr ernst und befolgen Gesetze und Auflagen. Sei auch Du bitte ehrlich beim Ausfüllen Deiner Daten und bei der Beschreibung des Essenskorbes.</p>
<h5><span>2</span>Beachte die Regeln</h5>
<p>Wir weisen ausdrücklich darauf hin, dass wir das Anbieten und Teilen bestimmter Lebensmittel und anderer Waren aus rechtlichen Gründen nicht gestatten. Verderbliche Lebensmittel wie Fisch, Geflügel, Fleisch, rohe Eierspeisen und zubereitete Lebensmittel sowie Medikamente (auch homöopathische Medikamente) sind von foodsharing.de ausgeschlossen. Auch Kleidung, Kosmetika, Haushaltschemie, Spielzeug und andere Non-Food-Produkte können über foodsharing.de nicht getauscht oder geteilt werden. Foodsharing.de behält sich vor, derartige Angebote zu löschen.</p>
<h5><span>3</span>Sei verantwortungsvoll</h5>
<p>30 % alle Lebensmittel landen im Müll. Damit soll nun endlich SCHLUSS sein. Wir möchten nichts mehr wegwerfen! Wir wollen verantwortungsvoll mit Lebensmittel umgehen und freuen uns, dass Du mitmachst.</p>
<h5><span>4</span>Sei zuverlässig</h5>
<p>Wir haben Hotspots eingerichtet, dort kann man sich treffen und tauschen. Oder Ihr macht selber einen Foodsharing/Ort mit Eurem Partner aus. Bitte seid zuverlässig und pünktlich, lasst keinen im „Regen“ stehen.</p>
<h5><span>5</span>Melde Verstöße</h5>
<p>Wir haben das Mindesthaltbarkeitsdatum, aber auch ein gutes Auge, eine feine Nase und das gute Gewissen keine verschimmelten, verdorbenen Lebensmittel anzubieten. Also bitte nicht einfach nur das Kreuz bei „Lebensmittelrecht gelesen“ machen, sondern den Ratgeber sorgsam durchlesen. Denn wer will schon aus der Foodsharing/Community rausgeworfen werden?</p>
<h5><span>6</span>Mach Vorschläge</h5>
<p>Wir wollen uns weiterentwickeln, immer besser werden. Dazu brauchen wir Euch mit vielen guten Ideen und Tipps. Die schickt Ihr an <a href="mailto:ideen@foodsharing.de">ideen@foodsharing.de</a></p>
</div>', 'foodsharing Etikette', array('class' => 'ui-padding')) . '
<p class="buttons"><br><a href="#" id="theregistrationbutton" onclick="ajreq(\'join\',{app:\'login\'});return false;" class="button">Jetzt registrieren!</a><br></p>
' . v_info('
Das Anbieten und Teilen hygienisch riskanter Lebensmittel ist bei foodsharing nicht erlaubt! Dazu gehören alle Lebensmittel, die ein Verbrauchsdatum tragen („zu verbrauchen bis…“), wie auch roher Fisch, Geflügel und anderes Fleisch, insbesondere Hackfleisch, rohe Eierspeisen und zubereitete Lebensmittel, die Fleisch oder Fisch enthalten, es sei denn es kann durch Lieferscheine sichergestellt werden, dass die Kühlkette lückenlos war. Unproblematisch sind hingegen Lebensmittel mit einem Mindesthaltbarkeitsdatum („mindestens haltbar bis…“), auch nach Ablauf dieses Datums. <b>Mehr Information zu diesem Thema findest Du im <a href="/ratgeber">Ratgeber</a></b>.', 'Wichtig:') . '
</div>
';
}
public function ratgeber()
......@@ -187,10 +198,9 @@ class ContentView extends View
return '
<div class="page ui-padding ui-widget-content corner-all">
<h1>Ratgeber</h1>
<h2>Einleitung</h2>
<h1>Ratgeber Lebensmittelsicherheit</h1>
<p>Da Lebensmittel uns am Leben erhalten, sollte man mit ihnen auch respektvoll umgehen. Gegen die Lebensmittelverschwendung etwas zu tun, ist eine Möglichkeit Respekt zu zeigen. Um den Lebensmitteltausch oder die Lebensmittelabgabe für alle Teilnehmer so sicher wie möglich zu gestalten, haben wir die wichtigsten Voraussetzungen im folgenden Leitfaden zusammengefasst. Lebensmittel an andere weiterzugeben ist eine sehr menschliche aber auch verantwortungsvolle Situation. Grundsätzlich gilt wohl immer: „Nichts an andere weitergeben, was man selbst nicht mehr essen würde“. Die nun aufgeführten Punkte, sollen die Entscheidung erleichtern. </p>
' . v_info('Nicht gestattet ist das Anbieten und Teilen hygienisch riskanter Lebensmittel. Dazu gehören alle Lebensmittel, die ein Verbrauchsdatum tragen („zu verbrauchen bis…“), wie auch roher Fisch, Geflügel und anderes Fleisch, insbesondere Hackfleisch, rohe Eierspeisen und zubereitete Lebensmittel, die Fleisch oder Fisch enthalten, es sei denn es kann durch Lieferscheine sichergestellt werden, dass die Kühlkette lückenlos war. Foodsharing.de behält sich vor, derartige Angebote zu löschen. Unproblematisch sind hingegen Lebensmittel mit einem Mindesthaltbarkeitsdatum („mindestens haltbar bis…“), auch nach Ablauf dieses Datums.', 'Beachte die Regeln!') . '
' . v_info('Nicht gestattet ist das Anbieten und Teilen hygienisch riskanter Lebensmittel. Dazu gehören alle Lebensmittel, die ein Verbrauchsdatum tragen („zu verbrauchen bis…“), wie auch roher Fisch, Geflügel und anderes Fleisch, insbesondere Hackfleisch, rohe Eierspeisen und zubereitete Lebensmittel, die Fleisch oder Fisch enthalten, es sei denn es kann durch Lieferscheine sichergestellt werden, dass die Kühlkette lückenlos war. Foodsharing.de behält sich vor, derartige Angebote zu löschen. Unproblematisch sind hingegen Lebensmittel mit einem Mindesthaltbarkeitsdatum („mindestens haltbar bis…“), auch nach Ablauf dieses Datums.', 'Das Wichtigste in Kürze!') . '
' . $accordion->render() . '
</div>';
......
......@@ -18,7 +18,7 @@ class IndexControl extends Control
public function index()
{
$db = new ContentModel();
addTitle('Restlos glücklich!');
addTitle('Rette mit!');
addScript('/js/jquery.animatenumber.min.js');
......
This diff is collapsed.
......@@ -4,7 +4,7 @@ $I = new AcceptanceTester($scenario);
$I->wantTo('ensure various pages work');
$I->amOnPage('/');
$I->see('Die Berliner');
$I->see('Pink Carrots');
$I->amOnPage('/essenskoerbe');
$I->seeCurrentUrlEquals('/essenskoerbe/find'); // it redirects
......
......@@ -16,6 +16,7 @@ $I->amOnPage('/');
// click signup, then press next on the first dialog
$I->click('Mach mit!');
$I->click('Jetzt registrieren!');
$I->waitForElementVisible('#joinform', 4);
$I->waitForElementVisible('#joinform .step.step0', 4);
$I->click('weiter', '.step.step0');
......
......@@ -3,4 +3,4 @@
$I = new AcceptanceTester($scenario);
$I->wantTo('ensure the homepage works');
$I->amOnPage('/');
$I->see('Die Berliner');
$I->see('Pink Carrots');
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