youthweb-styleguide

Spenden 

<!DOCTYPE html>
<html lang="de">

<head>
    <!-- These meta tags come first. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Spenden - Youthweb Styleguide</title>
    <!-- Include the CSS -->
    <link href="../../dist/toolkit.min.css" rel="stylesheet">
    <meta name="theme-color" content="#1c60a1">
</head>

<body>
    <script type="text/javascript">
        app_settings = {
            // Profildaten zum eingeloggten User
            // TODO: Refactoring profile-settings
            profile: null,
            urls: {
                // Wegen eines Bugs in Fractal wird z.B. `_config.project.baseUrl` statt `baseUrl` verwendet
                // @see https://github.com/frctl/fractal/issues/1042
                'root': 'https://styleguide.youthweb.net/components/preview',
                'baseUrl': 'http://localhost:8000',
                'communityJsonHost': 'http://localhost:8000',
                'imagesUploadUrl': 'http://localhost:8000/imageUpload',
            },
            'loaderUIDelay': 1000, //Asynchrone Funktionen fühlen sich flüssiger an, wenn es aufgrund eines künstlichen Delays nicht flackert
            'redirectDelay': 3000, //Bei Redirects sollten die Nutzer die Möglichkeit haben, den Bestätigungstext zu sehen
            'locale': window.navigator.userLanguage || window.navigator.language, // z.B. 'de' oder 'de_DE'
        };
    </script>
    <div id="app">
        <div class="text-white welcome" style="background-color:#19579c">
            <div class="container container-fill-height pt-5 pb-5">
                <div class="container-content-middle">
                    <div class="row youthweb-intro text-center">

                        <div class="col-12 mb-5">
                            <a href="https://styleguide.youthweb.net/components/preview/timeline">
                                <img src="../../dist/img/logo-30.png" alt="Youthweb" />
                            </a>
                        </div>
                        <div class="col-12">
                            <p>youthweb.net ist ein weltweites soziales Netzwerk für junge Christen.<br />Für Jugend-, Teeniegruppen und Hauskreise gibt es besondere Möglichkeiten, um sich auszutauschen.</p>
                        </div>
                    </div>
                    <div class="row mt-5 mb-5">
                        <!-- mb-5: otherwise navbar overlaps -->
                        <div class="col-12">
                            <h1>Vielen Dank für deine Hilfe</h1>
                            <p>Es gibt verschiedene Möglichkeiten, um für Youthweb zu spenden.</p>
                            <ul>
                                <li><a href="https://styleguide.youthweb.net/components/preview/page/donate#online-spende">Online-Spende</a></li>
                                <li><a href="https://styleguide.youthweb.net/components/preview/page/donate#ueberweisung">Überweisung</a></li>
                                <li><a href="https://styleguide.youthweb.net/components/preview/page/donate#paypal">PayPal</a></li>
                            </ul>
                            <p>Ursprünglich entstanden ist die Community für Jugendliche zwischen 14 – 30 Jahren im Februar 2004 aus der Idee einer eigenen Jugendseite für die Jugendgruppe in Bierenbachtal. Inzwischen hat sich Youthweb zu einer großen Community mit zwischenzeitlich vierstelligen Mitgliederzahlen entwickelt. Wir freuen uns sehr über diese Entwicklung!</p>
                            <p>Youthweb will bewusst eine <b>christliche Alternative</b> zu anderen Internetplattformen sein. Wir wollen jungen Christen die Möglichkeit geben Kontakte zu schließen, Fragen im Forum loszuwerden und sie in ihrem christlichen Leben unterstützen. Seien es Events, tägliche Inputs oder einfach Gebetsanliegen – mit Youthweb wollen wir bewusst <b>christliche Werte</b> fördern.</p>
                            <p>Alle Mitarbeiter arbeiten zurzeit ehrenamtlich und mit Leidenschaft an diesem Projekt mit. Die Community lebt von sehr aktiven Usern und ständigen technischen Neuheiten. Die Pflege und Entwicklung kostet aber nicht nur Zeit, sondern auch Geld. So ist beispielsweise auch eines unserer Ziele, bald einen Programmierer als Mini-Jobber einzustellen. Um dieses Ziel zu erreichen, brauchen wir jedoch finanzielle Unterstützung. Und genau da kommst Du ins Spiel:</p>
                            <p><b>Bitte hilf uns dieses Projekt weiter zu ermöglichen, verwalten und zu verbessern, indem du für Youthweb spendest!</b> Wir sind überzeugt, dass Gott Youthweb als ein Instrument in seinem Reich gebraucht und viele Früchte dabei entstehen. Wir freuen uns über jeden noch so kleinen oder großen Betrag!</p>

                            <h2 id="online-spende">Online-Spende:</h2>
                            <p>Über das folgende Formular kannst du direkt über unseren Partner betterplace.org spenden. Sie reichen deine Spende zu 97,5% an uns weiter und werden dir zu Beginn des nächstens Jahres eine Spendenbescheinigung erstellen.</p>
                            <script type="text/javascript">
                                var _bp_iframe = _bp_iframe || {};
                                _bp_iframe.project_id = 52238; /* REQUIRED */
                                _bp_iframe.lang = 'de'; /* Language of the form */
                                _bp_iframe.width = 600; /* Custom iframe-tag-width, integer */
                                _bp_iframe.color = '1c60a1'; /* Button and banderole color, hex without "#" */
                                _bp_iframe.background_color = 'ffffff'; /* Background-color, hex without "#" */
                                _bp_iframe.default_amount = 50; /* Donation-amount, integer 1-99 */
                                _bp_iframe.default_data_transfer_accepted = true; /* true (default), false */
                                _bp_iframe.recurring_interval = 'single'; /* 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:' == document.location.protocol ? 'https://' : 'http://') + '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;" class="mb-3"><strong><a href="https://www.betterplace.org/de/projects/52238-spende-fur-den-betrieb-von-youthweb/donations/new">Spende jetzt für den Betrieb von Youthweb bei unserem Partner betterplace.org</a></strong></div>

                            <h2 id="ueberweisung">Spenden per Banküberweisung:</h2>
                            <p>Bitte nutze für deine Spende an Youthweb e.V. folgende Bankverbindung:</p>
                            <p>Bankname in Bankstadt<br />
                                IBAN: DE12 3456 7890 1234 0001 23<br />
                                BIC: ABCDEF1AZZZ</p>

                            <h2 id="paypal">Spenden per Paypal:</h2>
                            <div class="row mb-3">
                                <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                                    <input type="hidden" name="cmd" value="_s-xclick">
                                    <input type="hidden" name="hosted_button_id" value="EKYC8J9NPDZ2E">
                                    <input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
                                    <img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
                                </form>
                            </div>

                            <h2>Hinweis zur Spendenbescheinigung:</h2>
                            <p><b>Wenn du per Überweisung oder PayPal spendest, dann erhältst du bei einem Jahresbetrag von 200€ eine Spendenbescheinigung von uns. Wenn du über betterplace.org spendest, dann wirst du von ihnen die Spendenbescheinigung erhalten.</b> Diese werden am Anfang des nächsten Jahres verschickt. Bitte gib deshalb bei der Spende unbedingt Namen und Adresse an oder schreib uns deine Kontaktdaten an: <a href="mailto:mail@example.com">mail@example.com</a></p>
                            <p>Auf Wunsch stellen wir dir auch gerne eine Spendenbescheinigung bei kleineren Beträge aus.</p>
                            <p><b>Gott segne Dich für Deine Spende!</b></p>
                            <p>Herzliche Grüße</p>
                            <p>Dein Youthweb-Team</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <nav class="navbar navbar-expand-lg fixed-bottom navbar-dark bg-secondary app-navbar navbar-toggle-on-scroll" id="">
            <a class="navbar-brand" href="https://styleguide.youthweb.net/components/preview/timeline"><img src="../../dist/img/logo-16.png" alt="Youthweb" /></a>
            <button class="navbar-toggler navbar-toggler-right d-lg-none" type="button" data-toggle="collapse" data-target="#navbarFooter" aria-controls="navbarFooter" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse navbar-collapse-on-scrolldown" id="navbarFooter">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <!-- class.="active" -->
                        <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/blog">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/page/team">Über uns</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/docs/index.html">Hilfe</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/page/develop">Develop</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/page/privacy">Datenschutz</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://styleguide.youthweb.net/components/preview/page/impressum">Impressum</a>
                    </li>
                </ul>
                <div class="dropdown-divider"></div>

                <div class="d-lg-none d-xl-none">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item">
                            <a class="app-notifications nav-link" href="https://www.facebook.com/youthweb.net">
                                Facebook
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="app-notifications nav-link" href="https://www.instagram.com/youthwebnet/">
                                Instagram
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="app-notifications nav-link" href="https://twitter.com/youthwebnet">
                                Twitter
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="app-notifications nav-link" href="https://www.pinterest.de/youthwebnet/">
                                Pinterest
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="app-notifications nav-link" href="https://shop.spreadshirt.de/youthweb">
                                Shop
                            </a>
                        </li>
                    </ul>
                </div>

                <ul class="nav navbar-nav float-right mr-0 d-none d-lg-flex">
                    <li class="nav-item">
                        <a class="app-notifications nav-link" href="https://www.facebook.com/youthweb.net">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="app-notifications nav-link" href="https://www.instagram.com/youthwebnet/">
                            <i class="fab fa-instagram"></i>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="app-notifications nav-link" href="https://twitter.com/youthwebnet">
                            <i class="fab fa-twitter"></i>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="app-notifications nav-link" href="https://www.pinterest.de/youthwebnet/">
                            <i class="fab fa-pinterest-p"></i>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="app-notifications nav-link" href="https://shop.spreadshirt.de/youthweb">
                            <i class="fas fa-shopping-basket"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <script src="../../dist/toolkit.min.js"></script>
</body>

</html>
 
{% extends 'landing-page/layouts/public.html.twig' %}
{% set active_page = 'landing-page/donate' %}

{% block title %}{{ 'Spenden'|trans }}{{ parent() }}{% endblock %}

{% block content %}
<div class="row mt-5 mb-5"><!-- mb-5: otherwise navbar overlaps -->
    <div class="col-12">
        <h1>{{ 'Vielen Dank für deine Hilfe'|trans }}</h1>
        <p>{{ 'Es gibt verschiedene Möglichkeiten, um für Youthweb zu spenden.'|trans }}</p>
        <ul>
            <li><a href="{{ url('donate_page') }}#online-spende">{{ 'Online-Spende'|trans }}</a></li>
            <li><a href="{{ url('donate_page') }}#ueberweisung">{{ 'Überweisung'|trans }}</a></li>
            <li><a href="{{ url('donate_page') }}#paypal">{{ 'PayPal'|trans }}</a></li>
        </ul>
        <p>{{ 'Ursprünglich entstanden ist die Community für Jugendliche zwischen 14 – 30 Jahren im Februar 2004 aus der Idee einer eigenen Jugendseite für die Jugendgruppe in Bierenbachtal. Inzwischen hat sich Youthweb zu einer großen Community mit zwischenzeitlich vierstelligen Mitgliederzahlen entwickelt. Wir freuen uns sehr über diese Entwicklung!'|trans }}</p>
        <p>{{ 'Youthweb will bewusst eine %strongtag_start%christliche Alternative%strongtag_end% zu anderen Internetplattformen sein. Wir wollen jungen Christen die Möglichkeit geben Kontakte zu schließen, Fragen im Forum loszuwerden und sie in ihrem christlichen Leben unterstützen. Seien es Events, tägliche Inputs oder einfach Gebetsanliegen – mit Youthweb wollen wir bewusst %strongtag_start%christliche Werte%strongtag_end% fördern.'|trans({'%strongtag_start%': '<b>', '%strongtag_end%': '</b>'})|raw }}</p>
        <p>{{ 'Alle Mitarbeiter arbeiten zurzeit ehrenamtlich und mit Leidenschaft an diesem Projekt mit. Die Community lebt von sehr aktiven Usern und ständigen technischen Neuheiten. Die Pflege und Entwicklung kostet aber nicht nur Zeit, sondern auch Geld. So ist beispielsweise auch eines unserer Ziele, bald einen Programmierer als Mini-Jobber einzustellen. Um dieses Ziel zu erreichen, brauchen wir jedoch finanzielle Unterstützung. Und genau da kommst Du ins Spiel:'|trans }}</p>
        <p>{{ '%strongtag_start%Bitte hilf uns dieses Projekt weiter zu ermöglichen, verwalten und zu verbessern, indem du für Youthweb spendest!%strongtag_end% Wir sind überzeugt, dass Gott Youthweb als ein Instrument in seinem Reich gebraucht und viele Früchte dabei entstehen. Wir freuen uns über jeden noch so kleinen oder großen Betrag!'|trans({'%strongtag_start%': '<b>', '%strongtag_end%': '</b>'})|raw }}</p>

        <h2 id="online-spende">{{ 'Online-Spende:'|trans }}</h2>
        <p>{{ 'Über das folgende Formular kannst du direkt über unseren Partner betterplace.org spenden. Sie reichen deine Spende zu 97,5% an uns weiter und werden dir zu Beginn des nächstens Jahres eine Spendenbescheinigung erstellen.'|trans }}</p>
        <script type="text/javascript">
{# Configure at https://www.betterplace.org/de/projects/52238-spende-fur-den-betrieb-von-youthweb/manage/iframe_donation_form/new #}
            var _bp_iframe        = _bp_iframe || {};
            _bp_iframe.project_id = 52238; /* REQUIRED */
            _bp_iframe.lang       = 'de'; /* Language of the form */
            _bp_iframe.width = 600; /* Custom iframe-tag-width, integer */
            _bp_iframe.color = '1c60a1'; /* Button and banderole color, hex without "#" */
            _bp_iframe.background_color = 'ffffff'; /* Background-color, hex without "#" */
            _bp_iframe.default_amount = 50; /* Donation-amount, integer 1-99 */
            _bp_iframe.default_data_transfer_accepted = true; /* true (default), false */
            _bp_iframe.recurring_interval = 'single'; /* 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:' == document.location.protocol ? 'https://' : 'http://') + '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;" class="mb-3"><strong><a href="https://www.betterplace.org/de/projects/52238-spende-fur-den-betrieb-von-youthweb/donations/new">{{ 'Spende jetzt für den Betrieb von Youthweb bei unserem Partner betterplace.org'|trans }}</a></strong></div>

        <h2 id="ueberweisung">{{ 'Spenden per Banküberweisung:'|trans }}</h2>
        <p>{{ 'Bitte nutze für deine Spende an Youthweb e.V. folgende Bankverbindung:'|trans }}</p>
        <p>{{ bank_name }}<br />
        {{ 'IBAN: %iban%'|trans({'%iban%': bank_iban}) }}<br />
        {{ 'BIC: %bic%'|trans({'%bic%': bank_bic}) }}</p>

        <h2 id="paypal">{{ 'Spenden per Paypal:'|trans }}</h2>
        <div class="row mb-3">
            <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                <input type="hidden" name="cmd" value="_s-xclick">
                <input type="hidden" name="hosted_button_id" value="EKYC8J9NPDZ2E">
                <input type="image" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
                <img alt="" border="0" src="https://www.paypalobjects.com/de_DE/i/scr/pixel.gif" width="1" height="1">
            </form>
        </div>

        <h2>{{ 'Hinweis zur Spendenbescheinigung:'|trans }}</h2>
        <p>{{ '%strongtag_start%Wenn du per Überweisung oder PayPal spendest, dann erhältst du bei einem Jahresbetrag von %donation_threshold% eine Spendenbescheinigung von uns. Wenn du über betterplace.org spendest, dann wirst du von ihnen die Spendenbescheinigung erhalten.%strongtag_end% Diese werden am Anfang des nächsten Jahres verschickt. Bitte gib deshalb bei der Spende unbedingt Namen und Adresse an oder schreib uns deine Kontaktdaten an: %finance_email%'|trans({'%donation_threshold%': donation_threshold, '%finance_email%': '<a href="mailto:'~finance_email~'">'~finance_email~'</a>', '%strongtag_start%': '<b>', '%strongtag_end%': '</b>'})|raw }}</p>
        <p>{{ 'Auf Wunsch stellen wir dir auch gerne eine Spendenbescheinigung bei kleineren Beträge aus.'|trans }}</p>
        <p><b>{{ 'Gott segne Dich für Deine Spende!'|trans }}</b></p>
        <p>{{ 'Herzliche Grüße'|trans }}</p>
        <p>{{ 'Dein Youthweb-Team'|trans }}</p>
    </div>
</div>
{% endblock %}
 
{
  "donation_threshold": "200€",
  "finance_email": "mail@example.com",
  "bank_name": "Bankname in Bankstadt",
  "bank_iban": "DE12 3456 7890 1234 0001 23",
  "bank_bic": "ABCDEF1AZZZ"
}

No notes defined.