wir page rework, discord widget, startnext widget, discord icon, github icon, mobile optimization
This commit is contained in:
parent
8f16eccf7e
commit
1ec8152be8
@ -1,108 +1,99 @@
|
||||
|
||||
<!-- gallery -->
|
||||
<div class="gallery">
|
||||
<div class="container">
|
||||
<div class="w3ls-gallery-grids">
|
||||
<form id="form">
|
||||
<div class="container">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="fvorname">Vorname</label>
|
||||
<input id="fvorname" type="text" class="form-control" name="fvorname" placeholder="Vorname">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="fnachname">Nachname</label>
|
||||
<input id="fnachname" type="text" class="form-control" name="fnachname" placeholder="Nachname">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="femail">E-Mail</label>
|
||||
<input id="femail" type="email" class="form-control" name="femail" aria-describedby="emailHelp" placeholder="Email">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
<hr>
|
||||
<div class="col-md-4">ich möchte Demokratie gestalten als:
|
||||
<br> <br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="UI-Designer">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">UI-Designer*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Front-End-Prog">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Front-End-Programmierer*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Back-End-Prog">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Back-End-Programmierer*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Kryptolog">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Kryptolog*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Fragenredakteur">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Fragenredakteur*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Marketingstrateg">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Marketingstrateg*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Botschafter">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Botschafter*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="sonstiges">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">sonstiges/ meine Idee</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
|
||||
<div class="form-group">
|
||||
<label for="exampleTextarea"> Erzähle uns etwas über Deine Erfahrungen <span id="txtsincebox" style="font-size: x-small;color: #f44336;"> ( -<span >120</span> Zeichen )</span> </label>
|
||||
<textarea class="form-control" name="text" id="exampleTextarea" rows="15"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
|
||||
<div id="submitx" class="btn btn-primary">mitmischen!</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //gallery -->
|
||||
<div class="container" style="margin-bottom: 50px;">
|
||||
<div class="col-md-9">
|
||||
<form id="form" style="margin-top: 50px;">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="fvorname">Vorname</label>
|
||||
<input id="fvorname" type="text" class="form-control" name="fvorname" placeholder="Vorname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="fnachname">Nachname</label>
|
||||
<input id="fnachname" type="text" class="form-control" name="fnachname" placeholder="Nachname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label for="femail">E-Mail</label>
|
||||
<input id="femail" type="email" class="form-control" name="femail" aria-describedby="emailHelp" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
<hr>
|
||||
<div class="col-md-4">
|
||||
ich möchte Demokratie gestalten als:
|
||||
<br><br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="UI-Designer">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">UI-Designer*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Front-End-Prog">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Front-End-Programmierer*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Back-End-Prog">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Back-End-Programmierer*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Kryptolog">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Kryptolog*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Fragenredakteur">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Fragenredakteur*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Marketingstrateg">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Marketingstrateg*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="Botschafter">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">Botschafter*In</span>
|
||||
</label>
|
||||
<br>
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" name="sonstiges">
|
||||
<span class="custom-control-indicator"></span>
|
||||
<span class="custom-control-description">sonstiges/ meine Idee</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="form-group">
|
||||
<label for="exampleTextarea"> Erzähle uns etwas über Deine Erfahrungen <span id="txtsincebox" style="font-size: x-small;color: #f44336;"> ( -<span >120</span> Zeichen )</span> </label>
|
||||
<textarea class="form-control" name="text" id="exampleTextarea" rows="15"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div id="submitx" class="btn btn-primary" style="font-size: large;"><i class="fa fa-envelope"></i> Mitmischen!</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-md-3" style="margin-top: 50px;">
|
||||
<!-- //startext -->
|
||||
<script type="text/javascript" src="//www.startnext.com/js/widget.v2.js" id="cfw-widget-script"></script>
|
||||
<div id="startnext-projekt-widget" class="cfw-widgetModalBody" data-id="57052" data-lang="de" style="margin-left: auto; margin-right: auto;">
|
||||
<div class="cfw-footer">
|
||||
<a href="https://www.startnext.com/democracy?utm_source=startnext&utm_medium=extwidget&utm_campaign=projectwidget&utm_term=projectpromo" class="cfw-widget-btn" target="_blank" title="DEMOCRACY | Demokratie_live, unterstützen auf Startnext!">
|
||||
<span>Projekt unterstützen</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<script type='text/javascript'>$.getScript('//www.startnext.com/js/widget.v2.js', function(){loadWidget();});</script>
|
||||
<!-- //startext -->
|
||||
</div>
|
||||
</div>
|
||||
@ -379,6 +379,7 @@ ul.dropdown-menu li {
|
||||
-o-transition:.5s all;
|
||||
-moz-transition:.5s all;
|
||||
-ms-transition:.5s all;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.services-icon:hover div.services-icon-info {
|
||||
@ -830,7 +831,7 @@ i.fa.fa-quote-right {
|
||||
}
|
||||
|
||||
.agileinfo-social-grids {
|
||||
margin:1em 0 0 -7px;
|
||||
margin:1em 0 0 -10px;
|
||||
}
|
||||
|
||||
.agileinfo-social-grids ul {
|
||||
@ -2411,8 +2412,6 @@ h2.typoh2 {
|
||||
}
|
||||
|
||||
.services-icon {
|
||||
float:left;
|
||||
width:33.33%;
|
||||
}
|
||||
|
||||
.callbacks_tabs {
|
||||
@ -2590,8 +2589,6 @@ h2.typoh2 {
|
||||
}
|
||||
|
||||
.services-icon {
|
||||
float:none;
|
||||
width:100%;
|
||||
margin:2em 0 0;
|
||||
}
|
||||
|
||||
|
||||
@ -174,7 +174,8 @@
|
||||
<li><a href="https://www.facebook.com/democracygermany/" target="_blank"><i id="facebook_" class="facebook_ fa fa-facebook"></i></a></li>
|
||||
<li><a href="https://twitter.com/democracy_de" target="_blank"><i id="twitter_" class="fa fa-twitter"></i></a></li>
|
||||
<li><a href="https://www.instagram.com/democracy_deutschland/" target="_blank"><i id="insta_" class="insta_ fa fa-instagram"></i></a></li>
|
||||
<li><a href="https://github.com/demokratie-live/" target="_blank"><i id="insta_" class="insta_ fa fa-github"></i></a></li>
|
||||
<li><a href="https://github.com/demokratie-live/" target="_blank"><i id="github_" class="insta_ fa fa-github"></i></a></li>
|
||||
<li><a href="https://discord.gg/Pdu3ZEV" target="_blank"><i id="discord_" class="insta_ fa fa-weixin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -205,7 +206,6 @@
|
||||
<a href="https://www.startnext.com/democracy" target="_blank" >
|
||||
<img src="./files/images/startnext_logo.png" width="120" style="margin-top: -7px" alt="Startnext Logo">
|
||||
</a>
|
||||
|
||||
<!--
|
||||
<div style="font-size: small">Bank: Triodos Bank</div>
|
||||
<div style="font-size: small">IBAN:</div>
|
||||
|
||||
@ -1,179 +1,10 @@
|
||||
<!-- about -->
|
||||
<div class="welcome-agileitsrow ">
|
||||
<div class="container">
|
||||
<div class="col-md-12 welcome-left w3-agileits">
|
||||
<div class="wthree-heading ">
|
||||
<h3 id="h4werte">Unsere Mittel</h3>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div class="col-md-5">
|
||||
<br>
|
||||
<br>
|
||||
<div class="col-md-12 agile-services-left">
|
||||
<div class="agile-services-left-grid">
|
||||
<div class="col-sm-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-universal-access" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>Gemeinschaftlichkeit</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 services-icon ">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-heartbeat" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>Gemeinnützigkeit</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="agile-services-left-grid" style="margin: 2em 0 0 0">
|
||||
<div class="col-sm-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-eye" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>Transparenz</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-shield" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>nicht profitorientiert</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
<div class="agile-services-left-grid" style="margin: 5em 0 0 0">
|
||||
<div class="col-sm-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-user-times" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>kein Datenverkauf</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-trash" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>keine Werbung</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-7 " style="padding-top: 30px;">
|
||||
|
||||
<p><b style="font-family: 'TravelingTypewriter', serif;">
|
||||
Es ist immer sehr schwierig, über den Wert politischer Ziele zu urteilen, wenn deren Erreichung noch in weiter Ferne liegt. Ich glaube daher, dass man eine politische Bewegung nie nach seinen Zielen beurteilen darf, die sie laut verkündet und vielleicht auch wirklich anstrebt, sondern nur nach den Mitteln, die sie zu ihrer Verwirklichung einsetzt.
|
||||
</b> <i> – Werner Heisenberg</i>
|
||||
</p>
|
||||
<br>
|
||||
<p>
|
||||
|
||||
<b>DEMOCRACY ist der überparteiliche Versuch, die basisdemokratische Teilhabe
|
||||
in den Mittelpunkt zu rücken. </b>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
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.
|
||||
<br>
|
||||
|
||||
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.
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="welcome-agileitsrow">
|
||||
</div>
|
||||
|
||||
<!-- testimonial -->
|
||||
<div class="testimonial jarallax">
|
||||
<div class="container" style="min-height: 175px;">
|
||||
<div class="agileits-w3layouts-info">
|
||||
<div class="testimonial-grid">
|
||||
<div class="slider">
|
||||
<div class="callbacks_container">
|
||||
<ul class="rslides" id="slider3">
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Die Demokratie muss dem Schwächsten die gleichen Chancen zusichern wie dem Stärksten.</p>
|
||||
<h5> Mahatma Gandhi </h5>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Wir wollen mehr Demokratie wagen.</p>
|
||||
<h5>Willy Brandt</h5>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Die Demokratie ist die einzige Staatsform, die den stets notwendigen Weg zum Wandel in Frieden finden läßt.</p>
|
||||
<h5>Richard von Weizsäcker </h5>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Information ist die Währung der Demokratie.</p>
|
||||
<h5>Thomas Jefferson </h5>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--banner Slider starts Here-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //testimonial -->
|
||||
|
||||
<!-- team -->
|
||||
<div class="team">
|
||||
<div class="container">
|
||||
<div class="wthree-heading">
|
||||
<h3>Das Team</h3>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<div class="w3ls_team_grids">
|
||||
<div class="w3ls_team_grids" style="margin-top: 15px;">
|
||||
<div class="col-md-3 w3_agileits_team_grid">
|
||||
<div class="w3layouts_team_grid">
|
||||
<img src="./files/wir/marius_krueger.jpg" alt="Marius Krüger" class="img-responsive" />
|
||||
@ -283,10 +114,17 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 w3_agileits_team_grid pointer" onclick="system.load('help'); $('#toTopHover').click();">
|
||||
<div class="col-md-3 w3_agileits_team_grid" >
|
||||
|
||||
<div class="w3layouts_team_grid">
|
||||
<img src="./files/wir/userdefault.jpg" alt="Du" class="img-responsive" />
|
||||
<div class="w3layouts_team_grid_pos">
|
||||
<div class="wthree_text agileinfo_about_text pointer" onclick="system.load('help'); $('#toTopHover').click();">
|
||||
<ul >
|
||||
<li><i class="fa fa-envelope fa-2x" aria-hidden="true" style="margin-right: 25px; color:white"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3_agileits_team-info">
|
||||
<h4>...Du</h4>
|
||||
@ -294,42 +132,224 @@
|
||||
und mithelfen</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 w3_agileits_team_grid">
|
||||
<iframe src="https://discordapp.com/widget?id=372403545086885888&theme=light" width="100%" height="470" allowtransparency="true" frameborder="0"></iframe>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
|
||||
<div class="welcome-agileitsrow">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- testimonial -->
|
||||
<div class="testimonial jarallax">
|
||||
<div class="container" style="min-height: 175px;">
|
||||
<div class="agileits-w3layouts-info">
|
||||
<div class="testimonial-grid">
|
||||
<div class="slider">
|
||||
<div class="callbacks_container">
|
||||
<ul class="rslides" id="slider3">
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Die Demokratie muss dem Schwächsten die gleichen Chancen zusichern wie dem Stärksten.</p>
|
||||
<h5> Mahatma Gandhi </h5>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Wir wollen mehr Demokratie wagen.</p>
|
||||
<h5>Willy Brandt</h5>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Die Demokratie ist die einzige Staatsform, die den stets notwendigen Weg zum Wandel in Frieden finden läßt.</p>
|
||||
<h5>Richard von Weizsäcker </h5>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial-top">
|
||||
<i class="fa fa-quote-right" aria-hidden="true"></i>
|
||||
<p style="font-family: 'TravelingTypewriter', serif;">Information ist die Währung der Demokratie.</p>
|
||||
<h5>Thomas Jefferson </h5>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--banner Slider starts Here-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //testimonial -->
|
||||
<div class="container">
|
||||
<!-- about -->
|
||||
<div class="welcome-agileitsrow ">
|
||||
<div class="container">
|
||||
<div class="col-md-12 welcome-left w3-agileits">
|
||||
<div class="wthree-heading ">
|
||||
<h3 id="h4werte">Unsere Mittel</h3>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div class="col-md-5">
|
||||
<br>
|
||||
<br>
|
||||
<div class="row agile-services-left">
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-universal-access" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>Gemeinschaftlichkeit</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-heartbeat" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>Gemeinnützigkeit</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
<br><br>
|
||||
<div class="agile-services-left-grid" style="margin: 2em 0 0 0">
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-eye" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>Transparenz</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-shield" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>nicht profitorientiert</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
<div class="agile-services-left-grid" style="margin: 5em 0 0 0">
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-user-times" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>kein Datenverkauf</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa fa-trash" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>keine Werbung</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-7 " style="padding-top: 30px; text-align: justify">
|
||||
|
||||
<p><b style="font-family: 'TravelingTypewriter', serif;">
|
||||
Es ist immer sehr schwierig, über den Wert politischer Ziele zu urteilen, wenn deren Erreichung noch in weiter Ferne liegt. Ich glaube daher, dass man eine politische Bewegung nie nach seinen Zielen beurteilen darf, die sie laut verkündet und vielleicht auch wirklich anstrebt, sondern nur nach den Mitteln, die sie zu ihrer Verwirklichung einsetzt.
|
||||
</b> <i> – Werner Heisenberg</i>
|
||||
</p>
|
||||
<br>
|
||||
<p>
|
||||
|
||||
<b>DEMOCRACY ist der überparteiliche Versuch, die basisdemokratische Teilhabe
|
||||
in den Mittelpunkt zu rücken. </b>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
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.
|
||||
<br><br>
|
||||
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.
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<br><br>
|
||||
|
||||
|
||||
<div class="col-md-12 " style="text-align:center">
|
||||
<div class="wthree-heading">
|
||||
<h3>Spendenfinanzierung</h3>
|
||||
<h3 style="overflow: hidden;">Spendenfinanzierung</h3>
|
||||
</div>
|
||||
<div class="col-md-2 " ></div>
|
||||
<div class="col-md-8 " style="text-align:left">
|
||||
<div class="col-md-9 " style=" text-align: justify">
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<p>
|
||||
<b>DEMOCRACY ist eine gemeinnützige App</b>, das heißt: von den Menschen, für die Menschen.
|
||||
<br>
|
||||
Und weil jede große Idee zur Umsetzung in diese Welt auch ein großes Portemonnaie braucht, ist unser Joker die gemeinschaftliche Finanzierung. Den Grundstein dafür legt das initiale Crowdfunding im Herbst diesen Jahres.
|
||||
<br>
|
||||
Und weil jede große Idee zur Umsetzung in diese Welt auch ein großes Portemonnaie braucht, ist unser Joker die gemeinschaftliche Finanzierung. Den Grundstein dafür legt das initiale Crowdfunding im Herbst diesen Jahres.
|
||||
Nach erfolgreichem Crowdfunding und gelungenem Start der App, werden alle Kosten zum dauerhaften Betrieb von DEMOCRACY i.S. einer Open-Book-Policy offengelegt.
|
||||
<br>
|
||||
Gelingt auch die Finanzierung des dauerhaften Betriebes, gelingt die Vision von DEMOCRACY...
|
||||
<br>
|
||||
Gelingt auch die Finanzierung des dauerhaften Betriebes, gelingt die Vision von DEMOCRACY
|
||||
... und damit der Wandel hin zur lebendigen Demokratie.
|
||||
<br>
|
||||
Wenn Du also Lust auf Mitsprache hast, dann zeig es uns und der Welt mit Deinem Beitrag.
|
||||
<br>
|
||||
Wenn Du also Lust auf Mitsprache hast, dann zeig es uns und der Welt mit Deinem Beitrag.
|
||||
Denn wozu ist Geld gut, wenn nicht, um die Welt zu verbessern?
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-2" ></div>
|
||||
<div class="col-md-3">
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<!-- //startext -->
|
||||
<script type="text/javascript" src="//www.startnext.com/js/widget.v2.js" id="cfw-widget-script"></script>
|
||||
<div id="startnext-projekt-widget" class="cfw-widgetModalBody" data-id="57052" data-lang="de" style="margin-left: auto; margin-right: auto;">
|
||||
<div class="cfw-footer">
|
||||
<a href="https://www.startnext.com/democracy?utm_source=startnext&utm_medium=extwidget&utm_campaign=projectwidget&utm_term=projectpromo" class="cfw-widget-btn" target="_blank" title="DEMOCRACY | Demokratie_live, unterstützen auf Startnext!">
|
||||
<span>Projekt unterstützen</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<script type='text/javascript'>$.getScript('//www.startnext.com/js/widget.v2.js', function(){loadWidget();});</script>
|
||||
<!-- //startext -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //team -->
|
||||
|
||||
<br><br><br><br>
|
||||
<br><br><br><br>
|
||||
Reference in New Issue
Block a user