team seite, blog
This commit is contained in:
parent
ed03e19657
commit
57b18c80ca
BIN
democracy/files/wir/manuel_ruck.jpg
Normal file
BIN
democracy/files/wir/manuel_ruck.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@ -11,10 +11,12 @@ class default_faq implements SYSTEM\PAGE\Page {
|
||||
public function html(){
|
||||
$vars = array();
|
||||
$vars['questions'] = '';
|
||||
$vars['in_css'] = 'transform: rotate(180deg);';
|
||||
$vars['in'] = 'show';
|
||||
$faqs = \SYSTEM\PAGE\text::tag('faq');
|
||||
$i = 0;
|
||||
while(array_key_exists('faq_q_'. ($i < 9 ? sprintf("%02d", ++$i) : ++$i), $faqs)){
|
||||
$question = array( 'n' => $i, 'in' => $i == 1 ? 'in' : '', 'in_css' => $i == 1 ? 'transform: rotate(180deg)' : '',
|
||||
$question = array( 'n' => $i, 'in' => $i == 1 ? 'show' : '', 'in_css' => $i == 1 ? 'transform: rotate(180deg);' : '',
|
||||
'question' => '${faq_q_'.($i <= 9 ? sprintf("%02d", $i) : $i).'}', //${faq_q_0n} ${faq_q_nn}
|
||||
'answer' => '${faq_a_'.($i <= 9 ? sprintf("%02d", $i) : $i).'}'); //${faq_a_0n} ${faq_a_nn}
|
||||
$vars['questions'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_faq/tpl/question.tpl'))->SERVERPATH(), $question);
|
||||
|
||||
@ -7,11 +7,11 @@
|
||||
<div class="panel panel-default panel-faq">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_ask" class="faq_header"><i class="fa fa-question-circle" aria-hidden="true"></i> <b>Eine Frage stellen</b><i class="openarrow fa fa-angle-down" aria-hidden="true" style="${in_css}"></i></a>
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse_ask" class="faq_header"> <i class="fa fa-question-circle" aria-hidden="true"></i> <b>Eine Frage stellen</b><i class="openarrow fa fa-angle-down" aria-hidden="true" style="${in_css} margin-right: 15px;"></i></a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse_ask" class="panel-collapse collapse ${in}">
|
||||
<div class="panel-body">
|
||||
<div class="panel-body" style="padding: 15px;">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
<div class="panel panel-default panel-faq">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse${n}" class="faq_header"><i class="fa fa-info-circle" aria-hidden="true"></i> ${question}<i class="openarrow fa fa-angle-down" aria-hidden="true" style="${in_css}"></i></a>
|
||||
<a data-toggle="collapse" data-parent="#accordion" href="#collapse${n}" class="faq_header"> <i class="fa fa-info-circle" aria-hidden="true"></i> ${question}<i class="openarrow fa fa-angle-down" aria-hidden="true" style="${in_css} margin-right: 15px;"></i></a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse${n}" class="panel-collapse collapse ${in}">
|
||||
<div class="panel-body">${answer}</div>
|
||||
<div class="panel-body" style="padding: 15px;">${answer}</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,99 +1,93 @@
|
||||
<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 class="row" style="margin-left: 15px; margin-right: 15px;">
|
||||
<div class="col-md-9">
|
||||
<form id="form" style="margin-top: 50px;">
|
||||
<div class="row">
|
||||
<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>
|
||||
</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">
|
||||
<hr>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
Ich möchte Demokratie gestalten als:
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="UI-Designer">
|
||||
<span class="custom-control-description">UI-Designer*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="Front-End-Prog">
|
||||
<span class="custom-control-description">Front-End-Programmierer*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="Back-End-Prog">
|
||||
<span class="custom-control-description">Back-End-Programmierer*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="Kryptolog">
|
||||
<span class="custom-control-description">Kryptolog*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="Fragenredakteur">
|
||||
<span class="custom-control-description">Fragenredakteur*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="Marketingstrateg">
|
||||
<span class="custom-control-description">Marketingstrateg*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="Botschafter">
|
||||
<span class="custom-control-description">Botschafter*In</span>
|
||||
</label>
|
||||
<label class="custom-checkbox col-md-12">
|
||||
<input type="checkbox" name="sonstiges">
|
||||
<span class="custom-control-description">sonstiges/ meine Idee</span>
|
||||
</label>
|
||||
</div>
|
||||
</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>
|
||||
</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 class="row">
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
<script type='text/javascript'>$.getScript('//www.startnext.com/js/widget.v2.js', function(){loadWidget();});</script>
|
||||
<!-- //startext -->
|
||||
</div>
|
||||
</div>
|
||||
@ -8,6 +8,45 @@ class default_medien implements SYSTEM\PAGE\Page {
|
||||
return array( new PPAGE('default_medien/js/default_medien.js'));}
|
||||
public static function css(){
|
||||
return array();}// new PPAGE('default_medien/css/default_medien.css'));}
|
||||
|
||||
public static function wp_entries(){
|
||||
$path = (new \SYSTEM\PROOT('../httpdocs/blog/wp-load.php'))->SERVERPATH();
|
||||
$autoloadFuncs = spl_autoload_functions();
|
||||
foreach($autoloadFuncs as $unregisterFunc){
|
||||
$unregisterFunc[0] = '\\'.$unregisterFunc[0];
|
||||
spl_autoload_unregister($unregisterFunc);
|
||||
}
|
||||
require $path;
|
||||
$autoloadFuncs2 = spl_autoload_functions();
|
||||
foreach($autoloadFuncs2 as $unregisterFunc){
|
||||
spl_autoload_unregister($unregisterFunc);
|
||||
}
|
||||
foreach($autoloadFuncs as $registerFunc){
|
||||
spl_autoload_register($registerFunc);}
|
||||
$wp_query = new \WP_Query();
|
||||
|
||||
|
||||
$result = '';
|
||||
$posts = wp_get_recent_posts(array(
|
||||
'numberposts' => 3,
|
||||
'orderby' => 'post_date',
|
||||
'order' => 'DESC',
|
||||
'post_type' => 'post',
|
||||
'post_status' => 'publish',
|
||||
),ARRAY_A);
|
||||
|
||||
foreach($posts as $post) {
|
||||
$p = array();
|
||||
$p['link'] = get_post_permalink($post['ID']);
|
||||
$p['title'] = $post['post_title'];
|
||||
//$p['exerpt'] = get_the_excerpt($post['ID']);
|
||||
$p['thumbnail'] = get_the_post_thumbnail_url($post['ID'], 'website_blog_thumbnail');
|
||||
$p['date'] = date_i18n( get_option( 'date_format' ), strtotime( $post['post_date'] ) );
|
||||
$p['content'] = wp_trim_words($post['post_content'], 25);
|
||||
$result .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/wp_entry.tpl'))->SERVERPATH(), $p);
|
||||
}
|
||||
return $result;
|
||||
}
|
||||
public function html(){
|
||||
$vars = array();
|
||||
|
||||
@ -88,6 +127,7 @@ class default_medien implements SYSTEM\PAGE\Page {
|
||||
$vars['articles'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/article.tpl'))->SERVERPATH(), $article);
|
||||
$i++;
|
||||
}
|
||||
$vars['wp_entries'] = self::wp_entries();
|
||||
|
||||
$vars = array_merge($vars, \SYSTEM\PAGE\text::tag('democracy'));
|
||||
return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_medien/tpl/default_medien.tpl'))->SERVERPATH(), $vars);
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
<div class="container">
|
||||
<div class="wthree-heading" style="padding-top: 4em;"><h3>Medien</h3></div>
|
||||
<div class="card-group" style="padding-top: 4em;">${wp_entries}</div>
|
||||
<div class="agile_banner_bottom_grids">${articles}</div>
|
||||
</div>
|
||||
<br><br>
|
||||
|
||||
9
democracy/page/default_medien/tpl/wp_entry.tpl
Normal file
9
democracy/page/default_medien/tpl/wp_entry.tpl
Normal file
@ -0,0 +1,9 @@
|
||||
<div class="card">
|
||||
<img class="card-img-top" src="${thumbnail}" alt="" style="display: block;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">${title}</h5>
|
||||
<p class="card-text">
|
||||
${content} <a href="${link}">weiterlesen</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -385,11 +385,11 @@ body {
|
||||
|
||||
.panel-faq{margin-bottom: 12px !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); border: 0; border-radius: 0;}
|
||||
.panel-faq>.panel-heading{border-radius: 0; background-color: #fff; border-color: #000;}
|
||||
.panel-faq>.panel-heading+.panel-collapse>.panel-body{border-color: grey}
|
||||
.panel-faq>.panel-heading+.panel-collapse>.panel-body{border-color: grey; background-color: #fff;}
|
||||
.panel-faq>.panel-heading .badge{color:#d9edf7;background-color:#4494d3}
|
||||
.panel-faq>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#4f81bd}
|
||||
.panel-faq>.panel-heading>.panel-title{color: #333; font-size: 22px; padding-top: 15px; padding-bottom: 15px;}
|
||||
.panel-faq>.panel-heading>.panel-title>a{}
|
||||
.panel-faq>.panel-heading>.panel-title{color: #333; font-size: 22px; padding-top: 15px; padding-bottom: 15px;margin-bottom: 3px;}
|
||||
.panel-faq>.panel-heading>.panel-title>a{color: #333;}
|
||||
.panel-faq>.panel-heading>.panel-title>a:hover{text-decoration: none;}
|
||||
.panel-faq>.panel-heading>.panel-title>a:active{text-decoration: none;}
|
||||
.panel-faq>.panel-heading>.panel-title>a:visited{text-decoration: none;}
|
||||
|
||||
@ -26,7 +26,7 @@ body {
|
||||
|
||||
.header-left {
|
||||
text-align:center;
|
||||
margin-top:20px;
|
||||
padding-top:20px;
|
||||
}
|
||||
|
||||
.w3layouts-logo h1 {
|
||||
|
||||
@ -3,6 +3,7 @@ class default_page implements \SYSTEM\PAGE\DefaultPage {
|
||||
public static function js(){
|
||||
return \SYSTEM\HTML\html::script(\SYSTEM\CACHE\cache_js::minify(array(
|
||||
\LIB\lib_jquery::js(),
|
||||
new PPAGE('default_page/js/popper.min.js'),
|
||||
\LIB\lib_bootstrap::js(),
|
||||
\LIB\lib_system::js(),
|
||||
new PLIB('responsiveslides/responsiveslides.min.js'),
|
||||
|
||||
@ -15,5 +15,7 @@ $(document).ready(function() {
|
||||
|
||||
$().UItoTop({ easingType: 'easeOutQuart' });
|
||||
|
||||
//<script type="application/x-javascript">addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }</script>
|
||||
$('.navbar-nav>li>a').on('click', function(){
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
});
|
||||
});
|
||||
5
democracy/page/default_page/js/popper.min.js
vendored
Normal file
5
democracy/page/default_page/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -75,24 +75,20 @@
|
||||
<div class="header-bottom">
|
||||
<div class="container">
|
||||
<div class="top-nav">
|
||||
<nav class="navbar navbar-default">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<button style="float: none;margin-right: auto; margin-left: auto; margin-bottom: 15px;" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span style="font-weight: bold; font-size: large;"> DEMOCRACY</span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<ul class="nav navbar-nav" style="width:100%; display: table;">
|
||||
<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_help" class="m_mm" href="#!help">Mithelfen</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>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
@ -123,80 +119,78 @@
|
||||
<!-- //banner -->
|
||||
<section id="content"></section>
|
||||
<!-- footer -->
|
||||
<div class="footer" >
|
||||
<div class="container" >
|
||||
<div class="w3agile_footer_grids" style="padding-left:20px">
|
||||
<div class="col-md-4 agileinfo_footer_grid">
|
||||
<div class="agileits_w3layouts_footer_logo">
|
||||
<div class="logobox">
|
||||
<div class="edzofont">DEMOCRACY</div>
|
||||
<div class="isabelle_layne">Demokratie_live</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row" style="margin-left: 15px; margin-right: 15px;">
|
||||
<div class="col-md-4 agileinfo_footer_grid">
|
||||
<div class="agileits_w3layouts_footer_logo">
|
||||
<div class="logobox">
|
||||
<div class="edzofont">DEMOCRACY</div>
|
||||
<div class="isabelle_layne">Demokratie_live</div>
|
||||
</div>
|
||||
<div class="agileinfo-social-grids">
|
||||
<ul>
|
||||
<li><a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank"><i id="youtube_" class="fa fa-youtube"></i></a></li>
|
||||
<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="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>
|
||||
</div>
|
||||
<div class="agileinfo-social-grids">
|
||||
<ul>
|
||||
<li><a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank"><i id="youtube_" class="fa fa-youtube"></i></a></li>
|
||||
<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="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>
|
||||
</div>
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Kontakt Info</h3>
|
||||
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
|
||||
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
|
||||
<br>
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Industriestr. 10</div>
|
||||
<div style="font-size: small">37079 Göttingen </div>
|
||||
<div style="font-size: small">Deutschland</div>
|
||||
<div class="contact_mail" style="font-size: small"><a href="mailto:contact@democracy-deutschland.de">EMail schreiben</a></div>
|
||||
<div style="font-size: small">Fon: +49 176 470 40 213</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 agileinfo_footer_grid agileinfo_footer_grid1" style="padding-right:20px">
|
||||
<h3>Navigation</h3>
|
||||
<ul class="w3layouts_footer_nav">
|
||||
<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="#!help" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Spenden</h3>
|
||||
<div style="color:white">
|
||||
<!--<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: DE33 5003 1000 1049 7560 00</div>
|
||||
<div style="font-size: small">BIC: TRODDEF1</div>
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Kontakt Info</h3>
|
||||
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
|
||||
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
|
||||
<br>
|
||||
<div style="font-size: small" class="contact_mail">
|
||||
${donate_notice}
|
||||
<div style="color:white">
|
||||
<div style="font-size: small">Industriestr. 10</div>
|
||||
<div style="font-size: small">37079 Göttingen </div>
|
||||
<div style="font-size: small">Deutschland</div>
|
||||
<div class="contact_mail" style="font-size: small"><a href="mailto:contact@democracy-deutschland.de">EMail schreiben</a></div>
|
||||
<div style="font-size: small">Fon: +49 176 470 40 213</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 agileinfo_footer_grid agileinfo_footer_grid1">
|
||||
<h3>Navigation</h3>
|
||||
<ul class="w3layouts_footer_nav">
|
||||
<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="#!help" onclick="$('#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</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>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-3 agileinfo_footer_grid">
|
||||
<h3>Spenden</h3>
|
||||
<div style="color:white">
|
||||
<!--<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: DE33 5003 1000 1049 7560 00</div>
|
||||
<div style="font-size: small">BIC: TRODDEF1</div>
|
||||
<br>
|
||||
<div style="font-size: small" class="contact_mail">
|
||||
${donate_notice}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3_agileits_footer_copy">
|
||||
<div class="container">
|
||||
<p>
|
||||
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
|
||||
— 2017
|
||||
<span class="edzofont">DEMOCRACY</span>
|
||||
Deutschland e.V.</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
<p>
|
||||
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
|
||||
— 2017
|
||||
<span class="edzofont">DEMOCRACY</span>
|
||||
Deutschland e.V.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //footer -->
|
||||
|
||||
@ -1,112 +1,107 @@
|
||||
<div class="clearfix"></div>
|
||||
<div class="services" id="services">
|
||||
<div class="container">
|
||||
<div class="row-fluid">
|
||||
<div id="appinfobox" class="col-md-12">
|
||||
<img src="./files/images/story_gesamt_2.medium.png" srcset="./files/images/story_gesamt_2.large.png 1000w" style="width:100%" alt="DEMOCRACY App Story">
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<br><br>
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="row-fluid">
|
||||
<div class="col-md-12 welcome-left w3-agileits">
|
||||
<div class="wthree-heading">
|
||||
<h3 id="sec_vision">Vision</h3>
|
||||
<br><br>
|
||||
</div>
|
||||
<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>
|
||||
<br><br>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<div>${main_text_left}</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="col-md-7 welcome-left">
|
||||
<div>${main_text_left}</div>
|
||||
</div>
|
||||
<div class="col-md-5 welcome-right ">
|
||||
<h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen</h4>
|
||||
${main_functions}
|
||||
</div>
|
||||
<div class="col-md-5 welcome-right">
|
||||
<h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen</h4>
|
||||
${main_functions}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid" style="min-height: 170px; padding-top: 25px; text-align: center;">
|
||||
<div class="col-md-12 welcome-left w3-agileits">
|
||||
<div class="wthree-heading">
|
||||
<br><br>
|
||||
<br><br>
|
||||
<h3 id="sec_vision">Partner & Referenzen</h3>
|
||||
<br><br>
|
||||
</div>
|
||||
<div class="row-fluid" style="min-height: 170px; padding-top: 25px; text-align: center;">
|
||||
<div class="col-md-12 w3-agileits">
|
||||
<div class="wthree-heading">
|
||||
<br><br>
|
||||
<br><br>
|
||||
<h3 id="sec_vision">Partner & Referenzen</h3>
|
||||
<br><br>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3" style="height: 230px; text-align: center; display: table;">
|
||||
<a href="https://www.startnext.com/democracy" target="blank" data-toggle="tooltip" data-placement="top" title="Erfolgreich crowdfinanziert" style="height: 230px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/startnext_logo_green-1.png" alt="Startnext Logo" style="max-height: 230px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3" style="height: 230px;">
|
||||
<a href="https://www.startnext.com/democracy" target="blank" data-toggle="tooltip" data-placement="top" title="Erfolgreich crowdfinanziert" style="height: 230px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/startnext_logo_green-1.png" alt="Startnext Logo" style="max-height: 230px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 230px;">
|
||||
<a href="https://www.ghst.de/demokratie/" target="blank" data-toggle="tooltip" data-placement="top" title="Gefördert durch" style="height: 230px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/1200px-Hertie-Stiftung.png" alt="Herti Stiftung Logo" style="max-height: 230px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 230px;">
|
||||
<a href="https://www.idealismprevails.at/demokratie-im-21-jahrhundert-marius-krueger-b-a/" target="blank" data-placement="top" data-toggle="tooltip" title="Promotet von" style="height: 250px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/IP_Logo_RGB.png" alt="Idealism Prevails Logo" style="max-height: 230px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 230px;">
|
||||
<a href="http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html" target="blank" data-placement="top" data-toggle="tooltip" title="Zu hören bei" style="height: 230px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/MDR-SPUTNIK.png" alt="MDR Sputnik Logo" style="max-height: 230px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 230px; text-align: center; display: table;">
|
||||
<a href="https://www.ghst.de/demokratie/" target="blank" data-toggle="tooltip" data-placement="top" title="Gefördert durch" style="height: 230px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/1200px-Hertie-Stiftung.png" alt="Herti Stiftung Logo" style="max-height: 230px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row" style="padding-top: 25px;">
|
||||
<div class="col-md-3" style="height: 130px;">
|
||||
<a href="https://crypto.iti.kit.edu/fileadmin/User/Vorlesung_kryptische_Wahlverfahren/Skript-29-Mai-2013.pdf" target="blank" data-placement="top" data-toggle="tooltip" title="Weitergebildet vom" style="height: 130px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/Logo_KIT.png" alt="KIT Logo" style="max-height: 130px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6" style="height: 130px;">
|
||||
<a href="https://demokratie.io/gewinner/" target="blank" data-placement="top" data-toggle="tooltip" title="Gewinner bei Demokratie.io" style="height: 130px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/demokratie-io-landscape-claim-2.png" alt="Demokratie IO Logo" style="max-height: 130px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 130px;">
|
||||
<a href="http://buergerkandidaten.de/" target="blank" data-toggle="tooltip" data-placement="top" title="Unterstützt von" style="height: 130px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/buergerkandidaten.png" alt="Bürgerkandidaten Logo" style="max-height: 130px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 230px; text-align: center; display: table;">
|
||||
<a href="https://www.idealismprevails.at/demokratie-im-21-jahrhundert-marius-krueger-b-a/" target="blank" data-placement="top" data-toggle="tooltip" title="Promotet von" style="height: 250px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/IP_Logo_RGB.png" alt="Idealism Prevails Logo" style="max-height: 230px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="row" style="padding-top: 25px;">
|
||||
<div class="col-md-4" style="height: 175px;">
|
||||
<a href="https://www.pressenza.com/de/2017/12/demokratie-echtzeit-neue-app-democracy-erfolgreich-crowdfinanziert/" target="blank" data-placement="top" data-toggle="tooltip" title="Publiziert von" style="height: 175px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/pressenza_logo.png" alt="Pressenza Logo" style="max-height: 175px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-5" style="height: 175px;">
|
||||
<a href="https://www.openpetition.de" target="blank" data-placement="top" data-toggle="tooltip" title="Technologie-Partnerschaft mit" style="height: 175px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/600dpi_A4_Logo_Schriftzug.png" alt="Open Petition Logo" style="max-height: 175px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 175px; padding-left: 65px;">
|
||||
<a href="https://kenfm.de/mehr-transparenz-im-bundestag-ueber-digitale-mitbestimmung/" target="blank" data-placement="top" data-toggle="tooltip" title="Veröffentlicht von" style="height: 175px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/KenFM_Profilbild_2017.png" alt="KenFM Logo" style="max-height: 155px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 230px; text-align: center; display: table;">
|
||||
<a href="http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html" target="blank" data-placement="top" data-toggle="tooltip" title="Zu hören bei" style="height: 230px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/MDR-SPUTNIK.png" alt="MDR Sputnik Logo" style="max-height: 230px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="row" style="padding-top: 45px;">
|
||||
<div class="col-md-4" style="height: 100px;">
|
||||
<a href="https://neue-debatte.com/2017/11/03/digitale-medien-mit-der-democracy-app-zur-basisdemokratie/" target="blank" data-placement="top" data-toggle="tooltip" title="Debatiert auf" style="height: 100px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/neue-debatte-logo.png" alt="Neue Debatte Logo" style="max-height: 90px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4" style="height: 100px; padding-left: 35px;">
|
||||
<a href="https://enorm-magazin.de/push-mitteilung-aus-dem-bundestag" target="blank" data-toggle="tooltip" data-placement="top" title="Abgedruckt bei" style="height: 100px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/enorm-magazin.png" alt="Enorm Magazin Logo" style="max-height: 70px;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4" style="height: 100px;">
|
||||
<a href="http://verfassung-vom-volk.org" target="blank" data-toggle="tooltip" data-placement="top" title="Im Gespräch mit" style="height: 100px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/VvV-Logo-2016-03-28.png" alt="Verfassung vom Volk Logo" style="max-height: 100px;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row" style="padding-top: 25px;">
|
||||
<div class="col-md-3" style="height: 130px; text-align: center; display: table;">
|
||||
<a href="https://crypto.iti.kit.edu/fileadmin/User/Vorlesung_kryptische_Wahlverfahren/Skript-29-Mai-2013.pdf" target="blank" data-placement="top" data-toggle="tooltip" title="Weitergebildet vom" style="height: 130px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/Logo_KIT.png" alt="KIT Logo" style="max-height: 130px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6" style="height: 130px; text-align: center; display: table;">
|
||||
<a href="https://demokratie.io/gewinner/" target="blank" data-placement="top" data-toggle="tooltip" title="Gewinner bei Demokratie.io" style="height: 130px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/demokratie-io-landscape-claim-2.png" alt="Demokratie IO Logo" style="max-height: 130px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 130px; text-align: center; display: table;">
|
||||
<a href="http://buergerkandidaten.de/" target="blank" data-toggle="tooltip" data-placement="top" title="Unterstützt von" style="height: 130px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/buergerkandidaten.png" alt="Bürgerkandidaten Logo" style="max-height: 130px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding-top: 25px;">
|
||||
<div class="col-md-4" style="height: 175px; text-align: center; display: table;">
|
||||
<a href="https://www.pressenza.com/de/2017/12/demokratie-echtzeit-neue-app-democracy-erfolgreich-crowdfinanziert/" target="blank" data-placement="top" data-toggle="tooltip" title="Publiziert von" style="height: 175px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/pressenza_logo.png" alt="Pressenza Logo" style="max-height: 175px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-5" style="height: 175px; text-align: center; display: table;">
|
||||
<a href="https://www.openpetition.de" target="blank" data-placement="top" data-toggle="tooltip" title="Technologie-Partnerschaft mit" style="height: 175px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/600dpi_A4_Logo_Schriftzug.png" alt="Open Petition Logo" style="max-height: 175px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-3" style="height: 175px; text-align: center; display: table;">
|
||||
<a href="https://kenfm.de/mehr-transparenz-im-bundestag-ueber-digitale-mitbestimmung/" target="blank" data-placement="top" data-toggle="tooltip" title="Veröffentlicht von" style="height: 175px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/KenFM_Profilbild_2017.png" alt="KenFM Logo" style="max-height: 155px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding-top: 45px;">
|
||||
<div class="col-md-4" style="height: 100px; text-align: center; display: table;">
|
||||
<a href="https://neue-debatte.com/2017/11/03/digitale-medien-mit-der-democracy-app-zur-basisdemokratie/" target="blank" data-placement="top" data-toggle="tooltip" title="Debatiert auf" style="height: 100px; vertical-align: bottom; display: table-cell; margin: auto;">
|
||||
<img class="img-responsive" src="./files/references/neue-debatte-logo.png" alt="Neue Debatte Logo" style="max-height: 90px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4" style="height: 100px; text-align: center; display: table;">
|
||||
<a href="https://enorm-magazin.de/push-mitteilung-aus-dem-bundestag" target="blank" data-toggle="tooltip" data-placement="top" title="Abgedruckt bei" style="height: 100px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/enorm-magazin.png" alt="Enorm Magazin Logo" style="max-height: 70px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-4" style="height: 100px; text-align: center; display: table;">
|
||||
<a href="http://verfassung-vom-volk.org" target="blank" data-toggle="tooltip" data-placement="top" title="Im Gespräch mit" style="height: 100px; vertical-align: bottom; display: table-cell;">
|
||||
<img class="img-responsive" src="./files/references/VvV-Logo-2016-03-28.png" alt="Verfassung vom Volk Logo" style="max-height: 100px; max-width: 100%;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -37,26 +37,54 @@ class default_wir implements SYSTEM\PAGE\Page {
|
||||
$vars['team'] = '';
|
||||
$team = array( array( 'name' => 'Marius Krüger', 'text' => 'Mädchen für alles<br>Initiator', 'img' => './files/wir/marius_krueger.jpg',
|
||||
'links' => array( array('icon' => 'fa-facebook', 'url' => 'https://www.facebook.com/kruegermarius'))),
|
||||
array( 'name' => 'Dr. Annika Götz', 'text' => 'Kommunikatorin<br>Öffentlichkeitsarbeit', 'img' => './files/wir/annika_goetz.jpg',
|
||||
'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',
|
||||
'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' => 'Ulf Gebhardt', 'text' => '笑い男<br>Web-Entwicklung', 'img' => './files/wir/ulf_gebhardt.jpg',
|
||||
'links' => array( array('icon' => 'fa-globe', 'url' => 'https://www.webcraft-media.de/#!ulf_gebhardt'))),
|
||||
array( 'name' => 'Alexander Friedland', 'text' => 'Bastler<br>Web-Entwicklung', 'img' => './files/wir/alexander_friedland.jpg',
|
||||
'links' => array()),
|
||||
array( 'name' => 'Magnus Rembold', 'text' => 'Teamgeist<br>UX & Software Architektur', 'img' => './files/wir/magnus_rembold.jpg',
|
||||
'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' => 'Du', 'text' => '... kannst dabei sein<br>und mithelfen', 'img' => './files/wir/userdefault.jpg',
|
||||
'links' => array( array('icon' => 'fa-envelope', 'url' => '#!help'))));
|
||||
array( 'name' => 'Manuel Ruck', 'text' => 'Arbeitstier<br>React-Experte', 'img' => './files/wir/userdefault.jpg', //'./files/wir/manuel_ruck.jpg',
|
||||
'links' => array( array('icon' => 'fa-xing', 'url' => 'https://www.xing.com/profile/Manuel_Ruck'))),
|
||||
array( 'name' => 'Ulf Gebhardt', 'text' => '笑い男<br>Web-Entwicklung', 'img' => './files/wir/ulf_gebhardt.jpg',
|
||||
'links' => array( array('icon' => 'fa-globe', 'url' => 'https://www.webcraft-media.de/#!ulf_gebhardt'))));
|
||||
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' => 'Dr. Annika Götz', 'text' => 'Kommunikatorin<br>Öffentlichkeitsarbeit', 'img' => './files/wir/annika_goetz.jpg',
|
||||
'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',
|
||||
'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' => 'Alexander Friedland', 'text' => 'Bastler<br>Web-Entwicklung', 'img' => './files/wir/alexander_friedland.jpg',
|
||||
'links' => array()),
|
||||
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' => '13 Unterstützer', 'text' => '', 'img' => './files/wir/userdefault.jpg',//'./files/wir/contributors.jpg',
|
||||
'links' => array()),
|
||||
array( 'name' => '168 Prototyp-Tester', 'text' => '', 'img' => './files/wir/userdefault.jpg',//'./files/wir/prototypetesters.jpg',
|
||||
'links' => array()),
|
||||
array( 'name' => '349 Fans', 'text' => '', 'img' => './files/wir/userdefault.jpg',//'./files/wir/fans.jpg',
|
||||
'links' => array()),
|
||||
array( 'name' => '542 Spender', 'text' => '', 'img' => './files/wir/userdefault.jpg',//'./files/wir/donators.jpg',
|
||||
'links' => array()));
|
||||
foreach($network 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['network'] .= \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/team_member.tpl'))->SERVERPATH(), $member);}
|
||||
|
||||
$vars = array_merge($vars, \SYSTEM\PAGE\text::tag('democracy'));
|
||||
return \SYSTEM\PAGE\replace::replaceFile((new PPAGE('default_wir/tpl/default_wir.tpl'))->SERVERPATH(), $vars);
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="wthree-heading" style="padding-top: 4em;">
|
||||
<h3 id="h4werte">Unsere Mittel</h3>
|
||||
</div>
|
||||
<div class="row-fluid" style="margin-top: 2em;">
|
||||
<div class="row" style="margin-top: 2em; margin-left: 15px; margin-right: 15px;">
|
||||
<div class="col-md-5 col-xs-12">
|
||||
<br><br>
|
||||
<div class="row agile-services-left">${icons}</div>
|
||||
@ -38,28 +38,42 @@
|
||||
<h3>Das Team</h3>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="w3ls_team_grids">
|
||||
<div class="w3ls_team_grids row">
|
||||
${team}
|
||||
</div>
|
||||
</div>
|
||||
<div class="wthree-heading" style="padding-top: 4em;">
|
||||
<h3>Unterstützer</h3>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="w3ls_team_grids row">
|
||||
${contributors}
|
||||
</div>
|
||||
</div>
|
||||
<div class="wthree-heading" style="padding-top: 4em;">
|
||||
<h3>Netzwerk</h3>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="w3ls_team_grids row">
|
||||
${network}
|
||||
<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>
|
||||
<iframe src="https://discordapp.com/widget?id=372403545086885888&theme=light" width="100%" height="433" allowtransparency="true" frameborder="0"></iframe>
|
||||
</div>
|
||||
<div class="clearfix"> </div>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<br><br>
|
||||
|
||||
</div>
|
||||
<div class="container" style="text-align:center">
|
||||
<div class="wthree-heading">
|
||||
<h3 style="overflow: hidden;">Spendenfinanzierung</h3>
|
||||
<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 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 class="clearfix"></div>
|
||||
<br><br><br><br>
|
||||
@ -1,8 +1,9 @@
|
||||
<div class="col-sm-6 col-md-6 col-sm-6 col-xs-6 services-icon">
|
||||
<div class="col-6 services-icon">
|
||||
<div class="services-icon-info">
|
||||
<i class="fa ${icon}" aria-hidden="true"></i>
|
||||
</div>
|
||||
<div class="services-icon-text">
|
||||
<h4>${text}</h4>
|
||||
</div>
|
||||
<br><br><br>
|
||||
</div>
|
||||
Reference in New Issue
Block a user