webcraftmedia/buergerkomitee-bergstrasse.de
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

#423 styles & layout

Browse Source
This commit is contained in:
Ulf Gebhardt 2017-08-22 12:32:56 +02:00
parent 26d3a2ff6f
commit 8b4f85c249
8 changed files with 150 additions and 138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
buergerkandidaten/page/default_faq/tpl/default_faq.tpl
View File

@ -1,8 +1,10 @@
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-info-sign"></i>&nbsp;&nbsp;FAQ
</h2>
</div>
<div class="panel-body">
${content_faq}
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-info-sign"></i>&nbsp;&nbsp;FAQ
</h2>
</div>
<div class="panel-body">
${content_faq}
</div>
</div>

16
buergerkandidaten/page/default_impressum/tpl/default_impressum.tpl
View File

@ -1,8 +1,10 @@
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-education"></i>&nbsp;&nbsp;Impressum
</h2>
</div>
<div class="panel-body">
${content_impressum}
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-education"></i>&nbsp;&nbsp;Impressum
</h2>
</div>
<div class="panel-body">
${content_impressum}
</div>
</div>

20
buergerkandidaten/page/default_kandidat/tpl/default_kandidat.tpl
View File

@ -1,9 +1,11 @@
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;Kandidat
</h2>
</div>
<div class="panel-body">
${content_kandidat}
</div>
<a class="twitter-timeline" href="https://twitter.com/Sebastian_B75">Tweets by Sebastian_B75</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;Kandidat
</h2>
</div>
<div class="panel-body">
${content_kandidat}
</div>
<a class="twitter-timeline" href="https://twitter.com/Sebastian_B75">Tweets by Sebastian_B75</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

16
buergerkandidaten/page/default_komitee/tpl/default_komitee.tpl
View File

@ -1,8 +1,10 @@
<div class="panel-heading">
<h2 class="panel-title">
<i class="fa fa-users"></i>&nbsp;&nbsp;Komitee
</h2>
</div>
<div class="panel-body">
${content_komitee}
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<i class="fa fa-users"></i>&nbsp;&nbsp;Komitee
</h2>
</div>
<div class="panel-body">
${content_komitee}
</div>
</div>

76
buergerkandidaten/page/default_kontakt/tpl/default_kontakt.tpl
View File

@ -1,39 +1,41 @@
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-pencil"></i>&nbsp;&nbsp;Kontakt
</h2>
</div>
<div class="panel-body">
<form class="textbox trojan" id="contact_form">
<div class="control-group">
<div class="controls col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="margin-bottom: 15px;">
<label>Empfänger:</label>
<select class="form-control" id="input_contact_to">
<option value="sebastian_bucher" ${selected_sebastian_bucher}>Sebastian Bucher - Direktkandidat für die Bergstraße</option>
<option value="gerhard_kugler" ${selected_gerhard_kugler}>Gerhard Kugler - Sprecher des Bürgerkomitees Bergstraße</option>
<option value="ulf_gebhardt" ${selected_ulf_gebhardt}>Ulf Gebhardt - Administrator</option>
</select>
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-pencil"></i>&nbsp;&nbsp;Kontakt
</h2>
</div>
<div class="panel-body">
<form class="textbox trojan" id="contact_form">
<div class="control-group">
<div class="controls col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="margin-bottom: 15px;">
<label>Empfänger:</label>
<select class="form-control" id="input_contact_to">
<option value="sebastian_bucher" ${selected_sebastian_bucher}>Sebastian Bucher - Direktkandidat für die Bergstraße</option>
<option value="gerhard_kugler" ${selected_gerhard_kugler}>Gerhard Kugler - Sprecher des Bürgerkomitees Bergstraße</option>
<option value="ulf_gebhardt" ${selected_ulf_gebhardt}>Ulf Gebhardt - Administrator</option>
</select>
</div>
<div class="controls col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="margin-bottom: 15px;">
<label>Antwort an:</label>
<input class="form-control text_width"
type="email"
id="input_contact_email"
placeholder="Email Adresse"
data-validation-email-message="Bitte gebe doch eine gültige EMail-Adresse an!"
required data-validation-required-message="Bitte gebe doch eine EMail-Adresse an!">
</div>
<div class="controls col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0">
<label>Ihre Nachricht:</label>
<textarea class="form-control text_width"
id="input_contact_message"
rows="7"
required data-validation-required-message="Bitte beschreibe kurz dein Anliegen ;-)."></textarea>
</div>
<div class="col-md-12 padding0">
<div class="help-block"></div>
<button type="submit" class="btn-sm btn btn-success" id="btn_send"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;Email senden!</button>
</div>
</div>
<div class="controls col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0" style="margin-bottom: 15px;">
<label>Antwort an:</label>
<input class="form-control text_width"
type="email"
id="input_contact_email"
placeholder="Email Adresse"
data-validation-email-message="Bitte gebe doch eine gültige EMail-Adresse an!"
required data-validation-required-message="Bitte gebe doch eine EMail-Adresse an!">
</div>
<div class="controls col-lg-12 col-md-12 col-sm-12 col-xs-12 padding0">
<label>Ihre Nachricht:</label>
<textarea class="form-control text_width"
id="input_contact_message"
rows="7"
required data-validation-required-message="Bitte beschreibe kurz dein Anliegen ;-)."></textarea>
</div>
<div class="col-md-12 padding0">
<div class="help-block"></div>
<button type="submit" class="btn-sm btn btn-success" id="btn_send"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp;Email senden!</button>
</div>
</div>
</form>
</form>
</div>
</div>

14
buergerkandidaten/page/default_page/tpl/default_page.tpl
View File

@ -25,7 +25,7 @@
<a href="#!start" ><h1 style="width: 100%; height: 100%;margin: 0;" title="Bürgerkandidat Wahlkreis Bergstraße"></h1></a>
</div>
</div>
<div class="row">
<div class="row" style="padding-left: 5px; padding-right: 5px;">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed pull-left" data-toggle="collapse" data-target="#menu-collapse" aria-expanded="false" style="margin-left: 5px;">
@ -70,18 +70,16 @@
</div>
</div>
</div>
<div class="col-md-9 padding0">
<div class="panel panel-default panel-default" id="content" style="margin-right: 5px; margin-left: 5px;"></div>
</div>
<div class="col-md-9 padding0" id="content"></div>
</div>
<div class="row">
<div class="row" style="padding-left: 5px; padding-right: 5px;">
<div class="col-md-12 padding0">
<hr class="margin0">
</div>
</div>
<div class="row">
<div id="footer-left" class="col-md-5 col-sm-5 col-xs-5 padding0">&nbsp;&nbsp;<a href="#!impressum" title="Impressum">Impressum</a> | <a href="#!kontakt" title="Kontakt">Kontakt</a></div>
<div id="footer-right" class="col-md-5 col-sm-5 col-xs-5 pull-right padding0">© 2017 <a href="https://www.webcraft-media.de" title="Webcraft Media Webdesign" target="blank">Webcraft Media</a>&nbsp;&nbsp;</div>
<div class="row" style="padding-left: 5px; padding-right: 5px;">
<div id="footer-left" class="col-md-5 col-sm-5 col-xs-5 padding0"><a href="#!impressum" title="Impressum">Impressum</a> | <a href="#!kontakt" title="Kontakt">Kontakt</a></div>
<div id="footer-right" class="col-md-5 col-sm-5 col-xs-5 pull-right padding0">© 2017 <a href="https://www.webcraft-media.de" title="Webcraft Media Webdesign" target="blank">Webcraft Media</a></div>
</div>
</div>
${css}

114
buergerkandidaten/page/default_start/tpl/default_start.tpl
View File

@ -1,67 +1,69 @@
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;Startseite
</h2>
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;Startseite
</h2>
</div>
<div class="panel-body" style="padding-bottom: 0;">
<div class="row">
<div class="col-md-12" style="margin-bottom: 20px;">${content_start}</div>
</div>
</div>
</div>
<div class="panel-body" style="padding-bottom: 0;">
<div class="row">
<div class="col-md-12" style="margin-bottom: 20px;">${content_start}</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('kandidat')" style="cursor: pointer; height: 320px; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;Kandidat
</h3>
</div>
<div class="panel-body">
<div style="float: left; width: 180px; margin-right: 5px;">
<img alt="Sebastian Bucher" src="./files/img/Bucher_Sebastian_skal.jpg" style="width: 100%; border-radius: 5px; border: solid 1px grey;"/>
</div>
<div>${info_kandidat}</div>
</div>
<div class="row" style="padding-right: 5px; padding-left: 5px;">
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('kandidat')" style="cursor: pointer; height: 320px; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;Kandidat
</h3>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('komitee')" style="cursor: pointer; height: 320px; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<i class="fa fa-users" aria-hidden="true"></i>&nbsp;&nbsp;Komitee
</h3>
</div>
<div class="panel-body">
<i class="fa fa-users" aria-hidden="true" style="font-size: 6em; float: left; margin-right: 15px;"></i>
<span>${info_komitee}</span>
<div class="panel-body">
<div style="float: left; width: 180px; margin-right: 5px;">
<img alt="Sebastian Bucher" src="./files/img/Bucher_Sebastian_skal.jpg" style="width: 100%; border-radius: 5px; border: solid 1px grey;"/>
</div>
<div>${info_kandidat}</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('faq')" style="cursor: pointer; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-question-sign"></span>&nbsp;&nbsp;FAQ
</h3>
</div>
<div class="panel-body">
<span class="glyphicon glyphicon-question-sign" style="font-size: 6em; float: left; margin-right: 15px;"></span>
<span>${info_faq}</span>
</div>
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('komitee')" style="cursor: pointer; height: 320px; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<i class="fa fa-users" aria-hidden="true"></i>&nbsp;&nbsp;Komitee
</h3>
</div>
<div class="panel-body">
<i class="fa fa-users" aria-hidden="true" style="font-size: 6em; float: left; margin-right: 15px;"></i>
<span>${info_komitee}</span>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('kontakt')" style="cursor: pointer; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Kontakt
</h3>
</div>
<div class="panel-body">
<span class="glyphicon glyphicon-pencil" style="font-size: 6em; float: left; margin-right: 15px;"></span>
<span>${info_kontakt}</span>
</div>
</div>
</div>
<div class="row" style="padding-right: 5px; padding-left: 5px;">
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('faq')" style="cursor: pointer; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-question-sign"></span>&nbsp;&nbsp;FAQ
</h3>
</div>
<div class="panel-body">
<span class="glyphicon glyphicon-question-sign" style="font-size: 6em; float: left; margin-right: 15px;"></span>
<span>${info_faq}</span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default" onclick="system.load('kontakt')" style="cursor: pointer; margin-bottom: 15px;">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Kontakt
</h3>
</div>
<div class="panel-body">
<span class="glyphicon glyphicon-pencil" style="font-size: 6em; float: left; margin-right: 15px;"></span>
<span>${info_kontakt}</span>
</div>
</div>
</div>

16
buergerkandidaten/page/default_unterstuetzen/tpl/default_unterstuetzen.tpl
View File

@ -1,8 +1,10 @@
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-thumbs-up"></i>&nbsp;&nbsp;Unterst&uuml;tzen
</h2>
</div>
<div class="panel-body">
${content_unterstuetzen}
<div class="panel panel-default panel-default" style="margin-right: 5px; margin-left: 5px;">
<div class="panel-heading">
<h2 class="panel-title">
<i class="glyphicon glyphicon-thumbs-up"></i>&nbsp;&nbsp;Unterst&uuml;tzen
</h2>
</div>
<div class="panel-body">
${content_unterstuetzen}
</div>
</div>