youthweb-styleguide

Vision 

<!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>Unsere Vision - 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>Unsere Vision</h1>
                            <p>Weil Jesus uns alles bedeutet, ist es unser höchstes Ziel, Youthweb zur Ehre Gottes zu gestalten.</p>
                            <p>Jesus soll in jedem einzelnen Bereich unserer Arbeit sichtbar werden - darum beten wir und dafür kämpfen wir. Er ist der Mittelpunkt, der Grund unserer Arbeit und von ihm aus soll alles Weitere abgeleitet werden.</p>
                            <p>Als christliches Netzwerk ist es uns ein Anliegen, Menschen unterschiedlichen Alters unabhängig von ihrer geistlichen Ausrichtung oder ihrer Herkunft zu verbinden. Dies geschieht auf unterschiedliche Art und Weisen. So können Jugend- und Gemeindegruppen nicht nur für interne Gemeinschaft oder Organisatorisches genutzt werden, sondern auch als Übersicht für Interessierte dienen.</p>
                            <p>Interessensgruppen bieten schnell und einfach einen Raum, in dem die User sich zu einem Thema, einem Projekt oder ähnlichem zusammenfinden und austauschen können und wer auf der Suche nach neuen Events, Veranstaltungen oder Initiativen ist, wird ebenfalls fündig.</p>
                            <p>Wir wollen Christen nicht einfach nur um der Sache willen mit anderen vernetzen, sondern wir haben eine geistliche Motivation und glauben, dass wir alle voneinander lernen können: z.B. Im Meinungsaustausch, in persönlichen Gesprächen und im gegenseitigen Kennenlernen.</p>
                            <p>Die geistlichen Aspekte unserer Arbeit stehen dabei im Vordergrund. Wer Erfahrungen mit Jesus mit Anderen teilt, gibt nicht nur Gott die Ehre, sondern ermutigt dadurch möglicherweise auch andere User. Als Community stehen wir zueinander. Wir teilen uns gegenseitung unsere Gebetsanliegen mit und beten füreinander. Dass wir uns dabei gegenseitig ermutigen und uns auf dem Weg mit Jesus begleiten, ist nicht nur eine Konsequenz unserer Arbeit sondern unser Ziel.</p>
                            <p>Anderen von Gott zu erzählen, ist unsere Leidenschaft. Mit regelmäßigen Impulse möchten wir zur Auferbauung der Community dienen, sind aber auch über das Netzwerk hinaus präsent.</p>
                            <p><a href="https://styleguide.youthweb.net/components/preview/page/team">Alle ehrenamtlichen Mitarbeiter</a> finden hier die Möglichkeit, ihre Gaben auszuprobieren und sie zu fördern. Als Mitarbeiter stehen wir für einander ein und dürfen erleben, was es bedeutet, gesegnet zu werden und anderen selbst ein Segen zu sein.</p>
                            <p>Unsere Arbeit erledigen wir im Vertrauen auf den Herrn. Daher sind wir <a href="https://youthweb-ev.de/" target="_blank">als gemeinnütziger Verein organisiert</a> und sind <a href="https://styleguide.youthweb.net/components/preview/page/donate">auf Spenden durch die Community angewiesen</a>. Weil wir keine kommerziellen Absichten verfolgen, moteratisieren wir auch keine Userdaten, sondern können im Gegenteil viel Wert auf Datenschutz und Datensparsamkeit legen.</p>
                            <p>Jesus in allem - das ist unser Ziel.</p>
                            <p>Euer 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/vision' %}

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

{% block content %}
<div class="row mt-5 mb-5"><!-- mb-5: otherwise navbar overlaps -->
    <div class="col-12">
        <h1>{{ 'Unsere Vision'|trans }}</h1>
        <p>{{ 'Weil Jesus uns alles bedeutet, ist es unser höchstes Ziel, Youthweb zur Ehre Gottes zu gestalten.'|trans }}</p>
        <p>{{ 'Jesus soll in jedem einzelnen Bereich unserer Arbeit sichtbar werden - darum beten wir und dafür kämpfen wir. Er ist der Mittelpunkt, der Grund unserer Arbeit und von ihm aus soll alles Weitere abgeleitet werden.'|trans }}</p>
        <p>{{ 'Als christliches Netzwerk ist es uns ein Anliegen, Menschen unterschiedlichen Alters unabhängig von ihrer geistlichen Ausrichtung oder ihrer Herkunft zu verbinden. Dies geschieht auf unterschiedliche Art und Weisen. So können Jugend- und Gemeindegruppen nicht nur für interne Gemeinschaft oder Organisatorisches genutzt werden, sondern auch als Übersicht für Interessierte dienen.'|trans }}</p>
        <p>{{ 'Interessensgruppen bieten schnell und einfach einen Raum, in dem die User sich zu einem Thema, einem Projekt oder ähnlichem zusammenfinden und austauschen können und wer auf der Suche nach neuen Events, Veranstaltungen oder Initiativen ist, wird ebenfalls fündig.'|trans }}</p>
        <p>{{ 'Wir wollen Christen nicht einfach nur um der Sache willen mit anderen vernetzen, sondern wir haben eine geistliche Motivation und glauben, dass wir alle voneinander lernen können: z.B. Im Meinungsaustausch, in persönlichen Gesprächen und im gegenseitigen Kennenlernen.'|trans }}</p>
        <p>{{ 'Die geistlichen Aspekte unserer Arbeit stehen dabei im Vordergrund. Wer Erfahrungen mit Jesus mit Anderen teilt, gibt nicht nur Gott die Ehre, sondern ermutigt dadurch möglicherweise auch andere User. Als Community stehen wir zueinander. Wir teilen uns gegenseitung unsere Gebetsanliegen mit und beten füreinander. Dass wir uns dabei gegenseitig ermutigen und uns auf dem Weg mit Jesus begleiten, ist nicht nur eine Konsequenz unserer Arbeit sondern unser Ziel.'|trans }}</p>
        <p>{{ 'Anderen von Gott zu erzählen, ist unsere Leidenschaft. Mit regelmäßigen Impulse möchten wir zur Auferbauung der Community dienen, sind aber auch über das Netzwerk hinaus präsent.'|trans }}</p>
        <p>{{ '%link_start%Alle ehrenamtlichen Mitarbeiter%link_end% finden hier die Möglichkeit, ihre Gaben auszuprobieren und sie zu fördern. Als Mitarbeiter stehen wir für einander ein und dürfen erleben, was es bedeutet, gesegnet zu werden und anderen selbst ein Segen zu sein.'|trans({'%link_start%': '<a href="'~url('team_page')~'">', '%link_end%': '</a>'})|raw }}</p>
        <p>{{ 'Unsere Arbeit erledigen wir im Vertrauen auf den Herrn. Daher sind wir %link1_start%als gemeinnütziger Verein organisiert%link_end% und sind %link2_start%auf Spenden durch die Community angewiesen%link_end%. Weil wir keine kommerziellen Absichten verfolgen, moteratisieren wir auch keine Userdaten, sondern können im Gegenteil viel Wert auf Datenschutz und Datensparsamkeit legen.'|trans({'%link1_start%': '<a href="https://youthweb-ev.de/" target="_blank">', '%link2_start%': '<a href="'~url('donate_page')~'">', '%link_end%': '</a>'})|raw }}</p>
        <p>{{ 'Jesus in allem - das ist unser Ziel.'|trans }}</p>
        <p>{{ 'Euer Youthweb-Team'|trans }}</p>
    </div>
</div>
{% endblock %}
 
/* No context defined. */

No notes defined.