269 lines
16 KiB
Smarty
269 lines
16 KiB
Smarty
<div class="background-white">
|
||
<div class="container main-container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<h1>Spenden</h1>
|
||
<h4 style="padding-top:30px;">Unsere Arbeit ist unabhängig, überparteilich, allgemeinnützig und nicht-kommerziell –<br>
|
||
von Menschen für Menschen</h4>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-top: 50px;">
|
||
<div class="col-lg-4">
|
||
<div style="width: 100%; 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;
|
||
}
|
||
#donate_init_text{
|
||
text-align: left;
|
||
padding-left: 50px;
|
||
}
|
||
.w3_agileits_team_grid{
|
||
margin-top: 50px;
|
||
}
|
||
@media (max-width: 575px){
|
||
#donate_init_text{
|
||
padding-left: 15px;
|
||
padding-top: 50px;
|
||
}
|
||
#donate-box{
|
||
padding-top: 50px;
|
||
}
|
||
}
|
||
</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> JETZT PATE WERDEN!
|
||
</div>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8" id="donate_init_text">
|
||
<span> DEMOCRACY Deutschland e.V. ist ein gemeinnütziger Verein, der mit seiner
|
||
gleichnamigen App DEMOCRACY, unsere Politik inklusiver, demokratischer und
|
||
bürgernaher machen will.</span>
|
||
<br><br>
|
||
<span> Als crowdmoderierte und politisch unabhängige Plattform informiert die App dafür
|
||
über die aktuellen Bundestagsabstimmungen und ermöglicht den Nutzern eine
|
||
eigene direkte Abstimmung. Regelmäßige Bürgerbeteiligung und sachbezogenes
|
||
Politikcontrolling soll damit erstmalig in der bundespolitischen Praxis Anwendung finden.</span>
|
||
<br><br>
|
||
<span> Aber gerade weil so eine große Idee zur Umsetzung in diese Welt auch ein großes
|
||
Portemonnaie braucht, ist unser Joker die gemeinschaftliche Finanzierung.</span>
|
||
<br><br>
|
||
<span> Nach der Prototypsfinanzierung durch das initiale Crowdfunding im Herbst 2017,
|
||
kannst Du die Initiative als Pate jetzt regelmäßig unterstützen oder einmalig spenden.
|
||
Pate kannst du schon ab 1 € monatlich werden. Deine Unterstützung lässt sich
|
||
jederzeit beenden.</span>
|
||
<br><br>
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<a class="btn-democracy btn-democracy-dark" href="#!donate#donate">
|
||
<div>Jetzt Pate werden</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<a class="btn-democracy btn-democracy-light" href="#!donate#donate">
|
||
<div >Einmalig Spenden</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row" id="donate">
|
||
<div class="col-12">
|
||
<img src="./files/images/democracy-bar.png" class="divider" style="padding-top: 50px;"/>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-top: 50px;">
|
||
<div class="col-lg-6" style="text-align: left;">
|
||
<h5><strong>SPENDENKONTO FÜR DAUERAUFTRAG ODER ÜBERWEISUNG</strong></h5>
|
||
<br>
|
||
<span> Unsere Bankverbindung für direkte Spenden, Überweisungen oder
|
||
Daueraufträge ist: </span>
|
||
<br><br>
|
||
<style>
|
||
.table th, .table td{
|
||
border:0;
|
||
padding: 3px;
|
||
}
|
||
</style>
|
||
<table class="table" style="text-align: left;">
|
||
<tr>
|
||
<th>Kontoinhaber</th>
|
||
<td>DEMOCRACY Deutschland e.V.</td>
|
||
</tr>
|
||
<tr>
|
||
<th>IBAN</th>
|
||
<td>DE33 5003 1000 1049 7560 00</td>
|
||
</tr>
|
||
<tr>
|
||
<th>BIC</th>
|
||
<td>TRODDEF1</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<span> Für den Verein 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
|
||
(<a href="http://docs.google.com/gview?url=https://www.democracy-deutschland.de/files/download/Gemeinnutzigkeit_DEMOCRACY.pdf" target="_blank">Nachweis der Gemeinnützigkeit</a>; <a href="http://docs.google.com/gview?url=https://www.democracy-deutschland.de/files/download/Satzung_DEMOCRACY.pdf" target="_blank">Satzung</a>). Deine Spenden sind daher steuerlich
|
||
abzugsfähig. Für Spenden unter 200€ jährlich genügt der Zahlungsnachweis
|
||
(z.B. Kontoauszug) zusammen mit unserem <a href="http://docs.google.com/gview?url=https://www.democracy-deutschland.de/files/download/Vereinfachter_Zuwendungsnachweis.pdf" target="_blank">Vereinfachten Zuwendungsnachweis</a>.
|
||
Wenn Du eine separate Zuwendungsbestätigung benötigst,
|
||
schreib uns bitte eine E-Mail oder gib in Deiner
|
||
Überweisung Deine Wohnadresse an.</span>
|
||
<br><br>
|
||
<h5><strong>SPENDEN ÜBER BETTERPLACE</strong></h5>
|
||
<br>
|
||
<span>2.5 % der Spende verbleiben bei Betterplace.org</span>
|
||
<br><br>
|
||
<h5><strong>ANDERE FORMEN DER UNTERSTÜTZUNG</strong></h5>
|
||
<br>
|
||
<span> Spenden und Daueraufträge sind nur eine Möglichkeit, uns zu unterstützen.
|
||
Wir suchen ständig motivierte Leute für die aktive Mitarbeit in unserem
|
||
Projekt! Du hast Interesse Deine Fähigkeiten einzubringen – wir freuen uns
|
||
über Anregungen, Fragen und Kritik. <a href="#!engeneering">Als Freiwilliger melden.</a></span>
|
||
</div>
|
||
<div class="col-lg-1"></div>
|
||
<div class="col-lg-5" id="donate-box">
|
||
<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 class="row">
|
||
<div class="col-12">
|
||
<img src="./files/images/democracy-bar.png" class="divider" style="padding-top: 50px;"/>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-top: 50px;">
|
||
<div class="col-12">
|
||
<h2>Das aktive Team</h2>
|
||
</div>
|
||
${team}
|
||
<div class="col-md-3 w3_agileits_team_grid">
|
||
<iframe src="https://discordapp.com/widget?id=372403545086885888&theme=light" width="100%" height="465" allowtransparency="true" frameborder="0"></iframe>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<img src="./files/images/democracy-bar.png" class="divider" style="padding-top: 50px;"/>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-bottom: 100px;">
|
||
<div class="col-12" style="padding-top: 50px; padding-bottom: 50px;">
|
||
<h2>Die Philosophie des<br>
|
||
DEMOCRACY Deutschland e.V.</h2>
|
||
</div>
|
||
${icons}
|
||
<div class="col-md-2"></div>
|
||
<div class="col-md-1">
|
||
<img src="./files/images/quotes@3x.png" style="width: 60px; padding-left: 12px; padding-top: 25px;"/>
|
||
</div>
|
||
<div class="col-md-7" style="text-align: left;padding-top: 25px;">
|
||
<span> Mit DEMOCRACY wollen wir eine öffentliche Infrastruktur zur Verfügung
|
||
stellen, die das Funktionieren einer lebendigen Demokratie begünstigt.
|
||
Der Weisheit letzter Schluss liegt für uns in der solidarischen Kooperation
|
||
(Gemeinschaftlichkeit) zum Vorteil aller (Gemeinnützigkeit). Deshalb ist es für
|
||
uns selbstverständlich, nicht nur alle Abstimmungsergebnisse anonymisiert,
|
||
sondern auch unseren Source-Code offen zu legen (Transparenz). Und weil
|
||
Profitinteressen die Idee nur korrumpieren würden, haben wir uns auch
|
||
äußerlich eine Rechtsform gegeben, die eine Verfremdung oder Bereicherungsabsicht
|
||
per Satzung für immer ausschließt. DEMOCRACY ist und bleibt
|
||
spendenfinanziert.</span>
|
||
<br><br>
|
||
<span> Alle entstehenden Nutzerdaten sind gerade keine handelbaren Wirtschaftsgüter,
|
||
sondern im Sinne des Grundgesetzes zu schützen. Datenverkauf und
|
||
Werbefinanzierung finden bei unserem Vorhaben keinen Platz.</span>
|
||
</div>
|
||
<div class="col-md-2"></div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<img src="./files/images/democracy-bar.png" class="divider" style="padding-top: 0px;"/>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-bottom: 100px;">
|
||
<div class="col-12" style="padding-top: 50px; padding-bottom: 50px;">
|
||
<h2>DEMOCRACY X HIK</h2>
|
||
</div>
|
||
<div class="col-lg-5">
|
||
<img src="./files/images/HES_INNOKO_LOGO_RGB.jpg" style="width: 100%;"/>
|
||
</div>
|
||
<div class="col-lg-7" style="text-align: left;">
|
||
<span> Das Hertie-Innovationskolleg (HIK) ist ein Projekt der Gemeinnützigen Hertie-Stiftung, dass das Zusammenleben in Europa durch Vorhaben mit großer gesellschaftlicher Wirkung und Vorbildcharakter mitgestaltet. Es fördert Ideen von freien Denkern sowie zukunftsweisende, praxisorientierte Projekte unterschiedlicher Formate innerhalb der drei Themenbereiche Zukunft der Demokratie, Zukunft der Bildung sowie Zukunft des gesellschaftlichen Zusammenhalts.
|
||
Marius Krüger ist Kollegiat des HIK-Jahrgangs 2018 I.<br>
|
||
<a href="http://hertie-innovationskolleg.de" target="_blank">www.hertie-innovationskolleg.de</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |