spenden seite

This commit is contained in:
Ulf Gebhardt 2018-03-26 18:48:44 +02:00
parent 24fe32efc9
commit 282ce9c946
16 changed files with 303 additions and 27 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -13,4 +13,5 @@ SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_staatstrojaner');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_impressum');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_datenschutz');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_faq');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_news');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_news');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/default_spenden');

View File

@ -58,9 +58,6 @@ body {
letter-spacing: 11px;
margin-top: -11px;
}
#sec_vision {
margin-left: 50px;
}
.headtxt {
color: white;

View File

@ -85,8 +85,9 @@
<li><a id="m_idee" class="m_mm active" href="#!start">Idee</a></li>
<li><a id="m_wir" class="m_mm" href="#!wir">Wir</a></li>
<li><a id="m_medien" class="m_mm" href="#!medien">Medien</a></li>
<li><a id="m_prototyp" class="m_mm" href="#!prototyp">Prototyp</a></li>
<li><a id="m_prototyp" class="m_mm" href="#!prototyp">Dummy</a></li>
<li><a id="m_help" class="m_mm" href="#!help">Mithelfen</a></li>
<li><a id="m_spenden" class="m_mm" href="#!spenden">Spenden</a></li>
<li><a id="m_faq" class="m_mm" href="#!faq">FAQ</a></li>
<!--<li><a id="m_blog" class="m_mm" href="https://www.democracy-deutschland.de/blog">Blog</a></li>-->
</ul>
@ -201,8 +202,9 @@
<li><a href="#!start" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Idee</a></li>
<li><a href="#!wir" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Wir</a></li>
<li><a href="#!medien" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Medien</a></li>
<li><a href="#!prototyp" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Prototyp</a></li>
<li><a href="#!prototyp" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Dummy</a></li>
<li><a href="#!help" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</a></li>
<li><a href="#!spenden" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Spenden</a></li>
<li><a href="#!faq" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>FAQ</a></li>
<li><a href="#!impressum" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Impressum</a></li>
<li><a href="#!datenschutz" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Datenschutz</a></li>

View File

@ -0,0 +1,74 @@
<?php
class default_spenden implements SYSTEM\PAGE\Page {
public static function title(){
return \SYSTEM\PAGE\text::get('title_spenden');}
public static function meta(){
return \SYSTEM\PAGE\text::tag('meta_spenden');}
public static function js(){
return array( new PPAGE('default_spenden/js/default_spenden.js'));}
public static function css(){
return array();}
public function html(){
$vars = array();
//Donations
$vars['donation_paten'] = 1;
$vars['donation_value'] = 10;
$vars['donation_date'] = '26.03.2018 * 18:45 Uhr';
$vars['donation_percentage'] = round($vars['donation_value']/100,0);
//testimonials
$vars['testimonials'] = '';
$testimonials = array( array('person' => 'Mahatma Gandhi', 'text' => 'Die Demokratie muss dem Schwächsten die gleichen Chancen zusichern wie dem Stärksten.'),
array('person' => 'Willy Brandt', 'text' => 'Wir wollen mehr Demokratie wagen.'),
array('person' => 'Richard von Weizsäcker', 'text' => 'Die Demokratie ist die einzige Staatsform, die den stets notwendigen Weg zum Wandel in Frieden finden läßt.'),
array('person' => 'Thomas Jefferson', 'text' => 'Information ist die Währung der Demokratie.'));
foreach($testimonials as $testimonial){
$vars['testimonials'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_spenden/tpl/testimonial.tpl'))->SERVERPATH(), $testimonial);}
//team
$vars['team'] = '';
$team = array( array( 'name' => 'Marius Krüger', 'text' => 'Mädchen für alles<br>Initiator & UI', 'img' => './files/wir/marius_krueger.jpg', 'aktiv' => 'lightgreen',
'links' => array( array('icon' => 'fa-facebook', 'url' => 'https://www.facebook.com/kruegermarius'))),
array( 'name' => 'Manuel Ruck', 'text' => 'React-Experte<br>Baut den Code für die App', 'img' => './files/wir/manuel_ruck.jpg', 'aktiv' => 'lightgreen',
'links' => array( array('icon' => 'fa-xing', 'url' => 'https://www.xing.com/profile/Manuel_Ruck'))),
array( 'name' => 'Ulf Gebhardt', 'text' => '笑い男<br>Entwicklung & Planung', 'img' => './files/wir/ulf_gebhardt.jpg', 'aktiv' => 'lightgreen',
'links' => array( array('icon' => 'fa-globe', 'url' => 'https://www.webcraft-media.de/#!ulf_gebhardt'))),
array( 'name' => 'Alex Friedland', 'text' => 'Bastler<br>Web-Entwicklung', 'img' => './files/wir/alexander_friedland.jpg', 'aktiv' => 'orange',
'links' => array()));
foreach($team as $member){
$links = $member['links'];
$member['links'] = '';
foreach($links as $link){
$member['links'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/team_link.tpl'))->SERVERPATH(), $link);}
$vars['team'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/team_member.tpl'))->SERVERPATH(), $member);}
$vars['contributors'] = '';
$contributors = array( array( 'name' => 'Magnus Rembold', 'text' => 'Teamgeist<br>UX & Software Architektur', 'img' => './files/wir/magnus_rembold.jpg', 'aktiv' => '#f44336',
'links' => array( array('icon' => 'fa-twitter', 'url' => 'https://twitter.com/magnusmunter'),
array('icon' => 'fa-xing', 'url' => 'https://www.xing.com/profile/Magnus_Rembold'))),
array( 'name' => 'Dr. Annika Götz', 'text' => 'Kommunikatorin<br>Öffentlichkeitsarbeit', 'img' => './files/wir/annika_goetz.jpg', 'aktiv' => '#f44336',
'links' => array( array('icon' => 'fa-linkedin', 'url' => 'https://www.linkedin.com/in/annikagoetz'))),
array( 'name' => 'Julia Suciu', 'text' => 'Quotencoach<br>Öffentlichkeitsarbeit', 'img' => './files/wir/julia_suciu.jpg', 'aktiv' => '#f44336',
'links' => array( array('icon' => 'fa-facebook', 'url' => 'https://www.facebook.com/julia.suciu'),
array('icon' => 'fa-instagram', 'url' => 'https://www.instagram.com/mindset_architect/')))/*,
array( 'name' => 'Du', 'text' => '... kannst dabei sein<br>und mithelfen', 'img' => './files/wir/userdefault.jpg',
'links' => array( array('icon' => 'fa-envelope', 'url' => '#!help')))*/);
foreach($contributors as $member){
$links = $member['links'];
$member['links'] = '';
foreach($links as $link){
$member['links'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/team_link.tpl'))->SERVERPATH(), $link);}
$vars['contributors'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/team_member.tpl'))->SERVERPATH(), $member);}
$vars['network'] = '';
$network = array( /*array( 'name' => '4 Teammitglieder', 'text' => '', 'img' => './files/wir/userdefault.jpg',//'./files/wir/team.jpg',
'links' => array()),*/
array( 'name' => 'weitere Entwickler', 'number' => '13', 'icon' => 'fa-gear'),
array( 'name' => 'Prototyp-Tester', 'number' => '168', 'icon' => 'fa-eye'),
array( 'name' => 'Fans', 'number' => '349', 'icon' => 'fa-group'),
array( 'name' => 'Spender', 'number' => '545', 'icon' => 'fa-diamond'));
foreach($network as $member){
$vars['network'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/network_member.tpl'))->SERVERPATH(), $member);}
$vars = array_merge($vars, \SYSTEM\PAGE\text::tag('democracy'));
return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_spenden/tpl/default_spenden.tpl'))->SERVERPATH(), $vars);
}
}

View File

@ -0,0 +1,11 @@
function init_spenden(){
$(".w3-banner").css("display", "none");
$(".banner").addClass("banner_nonpure2");
$(".banner").removeClass("banner_nonpure");
$(".m_mm").css("color","#fff");
$(".m_mm").removeClass("active");
$("#m_spenden").addClass("active");
$("#content").css('position', 'relative').css("right", "-3500px");
$("#content").animate({"right":"0"}, 500);
$("#slider3").responsiveSlides({speed: 3000});
}

View File

@ -0,0 +1,173 @@
<div class="container">
<div class="wthree-heading" style="padding-top: 4em;">
<h3 id="h4werte">Spendenfinanzierung</h3>
</div>
<div class="row" style="margin-top: 2em; margin-left: 15px; margin-right: 15px; padding-top: 30px;">
<div class="col-md-5 col-xs-12">
<div class="row agile-services-left">
<div style="width: 360px; margin-left: auto; margin-right: auto;">
<style>
progress {
height: 2.5em;
width: 100%;
-webkit-appearance: none;
border: none;
/* Set the progressbar to relative */
position:relative;
}
progress:before {
content: attr(data-label);
font-size: 0.8em;
font-weight: bold;
line-height: 3.3em;
padding-left: 15px;
vertical-align: central;
/*Position text over the progress bar */
position:absolute;
left:0;
right:0;
}
progress::-webkit-progress-bar {
background-color: #f6f6f6;
}
progress::-webkit-progress-value {
background-color: #7cc4ff;
background: repeating-linear-gradient(
45deg,
#3D87C1,
#3D87C1 10px,
#4494D3 10px,
#4494D3 20px
);
}
progress::-moz-progress-bar {
background-color: #f6f6f6;
}
</style>
<progress max="100" value="${donation_percentage}" data-label="${donation_percentage}% von 10.000€ GESCHAFFT!"></progress>
<div style="border-top: solid 3px #4494D3; margin-top: 5px; background-color: #f6f6f6; text-align: center;">
<span style="display:block; font-weight: bold; padding-top: 20px;">
<span style="font-size: x-large; color: #333">${donation_paten} VON 2.000</span>
</span>
<span style="display:block; font-size: large; font-weight: normal; color: #6a666b; padding-bottom: 15px;">PATENSCHAFTEN ERREICHT!</span>
<hr>
<span style="display:block; font-weight: bold; padding-top: 15px;">
<span style="font-size: larger; color: #333">${donation_value}€ von 10.000€</span>
</span>
<span style="display:block; font-size: medium; font-weight: normal; color: #6a666b;">(min. Finanzierungsziel/Monat)</span>
<span style="display:block; font-size: small; font-weight: normal; color: #6a666b;">Stand: ${donation_date}</span>
<img style="padding: 35px; height: 200px;" src="./files/images/Bubble.png" alt="DEMOCRACY Logo"/>
<!--<div style="background-color: #4494D3; font-size: x-large; height: 2.0em; line-height: 2.0em; cursor: pointer;" onclick="$('html,body').animate({scrollTop: $('#donate').offset().top},'slow');">
<i class="fa fa-heart"></i>&nbsp;JETZT PATE WERDEN!
</div>-->
</div>
</div>
</div>
</div>
<div class="col-md-7 col-xs-12" style="text-align: justify; line-height: 1.48em;">
<b>DEMOCRACY ist eine gemeinnützige App</b>, das heißt von Menschen, für Menschen, um unsere Politik besser und bürgernaher zu machen.<br>
<br>
Dafür <b>verbindet</b> die Plattform <b>Vorteile für die Bürger*Innen</b> (Transparenz und Mitwirkungsmöglichkeiten im politischen Willensbildungsprozess innerhalb der Legislaturperiode) <b>mit Vorteilen für die Politiker*Innen</b> (die Erwartungen und Wünsche der Bürger*Innen besser sachbezogen einbeziehen zu können).<br>
<br>
Und gerade weil so eine große Idee zur Umsetzung in diese Welt auch ein großes Portemonnaie braucht, ist unser <b>Joker die gemeinschaftliche Finanzierung</b>.<br>
<br>
Nach der Prototypsfinanzierung durch das initiale Crowdfunding im Herbst 2017, kannst du die Initiative als Pate jetzt regelmäßig unterstützen oder einmalig spenden.<br>
<br>
Pate kannst du schon ab 1 € monatlich werden. Deine Unterstützung lässt sich jederzeit beenden.
<br>
<br>
<div style="display: inline; width: 300px; background-color: #96c346; font-size: large; height: 2.0em; line-height: 2.0em; cursor: pointer; text-align: center; padding: 15px;" onclick="$('html,body').animate({scrollTop: $('#donate').offset().top},'slow');">
<i class="fa fa-heart" style="color:red;"></i>&nbsp;JETZT PATE WERDEN!
</div>
<div style="display: inline; width: 250px; box-shadow:0px 0px 0px 1px black inset; font-size: large; height: 1.95em; line-height: 2.0em; cursor: pointer; text-align: center; padding: 15px; margin-left: 15px;" onclick="$('html,body').animate({scrollTop: $('#donate').offset().top},'slow');">
<i class="fa fa-hand-o-right"></i>&nbsp;Einmalig spenden
</div>
</div>
</div>
</div>
<style>
@media only screen and (max-width: 767px) {
#hcorrection{
height: 335px;
overflow: hidden;
}
}
@media only screen and (min-width: 768px){
#hcorrection{
height: 190px;
overflow: hidden;
}
}
</style>
<!-- testimonial -->
<div class="testimonial jarallax" style="margin-top: 50px;">
<div class="container" id="hcorrection">
<div class="agileits-w3layouts-info">
<div class="testimonial-grid">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider3">${testimonials}</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row" style="margin-left: 15px; margin-right: 15px; padding-top: 50px;">
<div class="col-md-6" style="line-height: 1.7em;">
<br>
Egal ob ein regelmäßiger Betrag oder eine einmalige Spende: Deine Spende hilft uns, DEMOCRACY zu dem machen, was es sein muss, um eine Breitenwirkung zu erzielen.<br>
<br>
<b>SPENDENKONTO FÜR DAUERAUFTRAG ODER ÜBERWEISUNG</b><br>
<br>
DEMOCRACY Deutschland e.V.<br>
IBAN: DE33 5003 1000 1049 7560 00<br>
BIC: TRODDEF1<br>
<br>
<b>HINWEIS ZU SPENDENQUITTUNGEN BEI ÜBERWEISUNG AUF UNSER BANKKONTO:</b><br>
<br>
Für den DEMOCRACY Deutschland e.V. ist mit Bescheid des Finanzamt Göttingen vom 23.08.2017 die Einhaltung der satzungsmäigen Voraussetzungen nach den §§ 51, 59, 60 und 61 AO festgestellt worden. Deine Spenden sind daher steuerlich abzugsfähig. Wenn Du eine separate Zuwendungsbestätigung benötigst, schreib uns bitte eine Email oder gib in Deiner Überweisung deine Wohnadresse an.Für Spenden unter 200€ jährlich genügt der <a href="./files/download/Vereinfachter%20Zuwendungsnachweis.pdf" target="blank">Vereinfachte Zuwendungsnachweis</a>.<br>
<br>
<b>GROßSPENDER UND ANDERE FORMEN DER UNTERSTÜTZUNG</b><br>
<br>
Dein Unternehmen will uns mit einer größeren Summe unterstützen oder Du willst uns auf andere Art helfen, dann schreib uns doch einfach eine <a href="mailto:contact@democracy-deutschland.de" target="blank">E-Mail</a><br>
<br>
<b>SPENDEN ÜBER BETTERPLACE</b><br>
<br>
2.5 % der Spende verbleiben bei Betterplace.org
<br>
<br>
</div>
<div class="col-md-6" id="donate">
<script type="text/javascript">
/* Configure at https://www.betterplace.org/de/projects/61376-democracy-demokratie_live/manage/iframe_donation_form/new */
var _bp_iframe = _bp_iframe || {};
_bp_iframe.project_id = 61376; /* REQUIRED */
_bp_iframe.lang = 'de'; /* Language of the form */
_bp_iframe.width = 600; /* Custom iframe-tag-width, integer */
_bp_iframe.color = '4494D3'; /* Button and banderole color, hex without "#" */
_bp_iframe.background_color = 'ffffff'; /* Background-color, hex without "#" */
_bp_iframe.default_amount = 10; /* Donation-amount, integer 1-99 */
_bp_iframe.default_data_transfer_accepted = true; /* true (default), false */
_bp_iframe.recurring_interval = 'monthly'; /* Interval for recurring donations, string out of
["single", "monthly", "quarter_yearly", "half_yearly", "yearly"] */
_bp_iframe.bottom_logo = true;
(function() {
var bp = document.createElement('script'); bp.type = 'text/javascript'; bp.async = true;
bp.src = 'https://asset1.betterplace.org/assets/load_donation_iframe.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s);
})();
</script>
<div id="betterplace_donation_iframe" style="background: transparent url('https://www.betterplace.org/assets/new_spinner.gif') 275px 20px no-repeat;">
<strong>
<a href="https://www.betterplace.org/de/projects/61376-democracy-demokratie_live/donations/new">Jetzt Spenden für „DEMOCRACY | Demokratie_live“ bei unserem Partner betterplace.org</a>
</strong>
</div>
</div>
</div>
</div>
<br><br>

View File

@ -0,0 +1,6 @@
<div class="col-md-3" style="text-align: center; color: white;">
<i class="fa ${icon}" style="font-size: 48px; margin-bottom: 15px;"></i>
<h4 style="margin-bottom: 15px;">${name}</h4>
<h3><div class="badge badge-success">${number}</div></h3>
<div class="d-md-none" style="margin-bottom: 64px;">&nbsp;</div>
</div>

View File

@ -0,0 +1,5 @@
<li>
<a href="${url}" class="w3_agile_facebook fa-2x" style="margin-right: 25px;" target="_blank">
<i class="fa ${icon}" style="color:white" aria-hidden="true"></i>
</a>
</li>

View File

@ -0,0 +1,14 @@
<div class="col-md-3 w3_agileits_team_grid">
<div class="w3layouts_team_grid">
<img src="${img}" alt="${name}" class="img-responsive"/>
<div class="w3layouts_team_grid_pos">
<div class="wthree_text agileinfo_about_text">
<ul>${links}</ul>
</div>
</div>
</div>
<div class="w3_agileits_team-info">
<h4>${name}&nbsp;<i class="fa fa-circle" style="color: ${aktiv};"></i></h4>
<p>${text}</p>
</div>
</div>

View File

@ -0,0 +1,7 @@
<li>
<div class="testimonial-top">
<i class="fa fa-quote-right" aria-hidden="true"></i>
<p style="font-family: 'TravelingTypewriter', serif;">${text}</p>
<h5>${person}</h5>
</div>
</li>

View File

@ -8,7 +8,7 @@
<div class="row-fluid" style="padding-top: 25px;">
<div class="col-md-12 w3-agileits">
<div class="wthree-heading">
<h3 id="sec_vision">Vision</h3>
<h3>Vision</h3>
<br><br>
</div>
<div class="row">

View File

@ -74,7 +74,7 @@
}
}
</style>
<div class="testimonial" style="margin-top: 100px;" id="network">
<div class="testimonial" style="margin-top: 100px" id="network">
<div class="container">
<div class="agileits-w3layouts-info">
<div class="testimonial-grid row" style="margin-left: 15px; margin-right: 15px;">
@ -82,21 +82,4 @@
</div>
</div>
</div>
</div>
<div class="container" style="text-align:center">
<div class="row" style="margin-left: 15px; margin-right: 15px;">
<div class="col-md-12 wthree-heading" style="padding-top: 4em;">
<h3 style="word-break: break-all;">Spendenfinanzierung</h3>
</div>
<div class="col-md-2"></div>
<div class="col-md-8" style=" text-align: justify">
<br><br>
<br>
<p>${wir_spenden}</p>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="clearfix"></div>
<br><br><br><br>
</div>

View File

@ -25,6 +25,8 @@ class page_democracy extends \SYSTEM\API\api_default {
return (new default_faq())->html();}
public static function page_news(){
return (new default_news())->html();}
public static function page_spenden(){
return (new default_spenden())->html();}
public static function page_ceta(){
return (new default_ceta())->html();}

View File

@ -10,4 +10,5 @@ REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (40, 1, 'impressum', 'impressum', -1, 0, 0, '#content', './?page=impressum', 'init_impressum', 'default_impressum');
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (45, 1, 'datenschutz', 'datenschutz', -1, 0, 0, '#content', './?page=datenschutz', 'init_datenschutz', 'default_datenschutz');
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (50, 1, 'faq', 'faq', -1, 0, 0, '#content', './?page=faq', 'init_faq', 'default_faq');
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (55, 1, 'news', 'news', -1, 0, 0, '#content', './?page=news', 'init_news', 'default_news');
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (55, 1, 'news', 'news', -1, 0, 0, '#content', './?page=news', 'init_news', 'default_news');
REPLACE INTO `system_page` (`id`, `group`, `name`, `state`, `parent_id`, `login`, `type`, `div`, `url`, `func`, `php_class`) VALUES (60, 1, 'spenden', 'spenden', -1, 0, 0, '#content', './?page=spenden', 'init_spenden', 'default_spenden');