webcraftmedia/host_democracy
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

startpage story different resolutions for different devices

Browse Source
This commit is contained in:
Ulf Gebhardt 2017-11-21 07:15:40 +01:00
parent d6f9bf8bf6
commit b14ea3d028
4 changed files with 92 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
democracy/files/images/story_gesamt_2.png → democracy/files/images/story_gesamt_2.large.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 690 KiB

After

Width:  |  Height:  |  Size: 690 KiB

BIN
democracy/files/images/story_gesamt_2.medium.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

BIN
democracy/files/images/story_gesamt_2.small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

234
democracy/page/default_start/tpl/default_start.tpl
View File

@ -1,143 +1,93 @@
<div class="clearfix"> </div>
<!-- services -->
<div class="services" id="services">
<div class="container">
<div class="wthree-heading">
<h3>Stell dir vor...</h3>
</div>
<br>
<br>
<br>
<div id="appinfobox" class="col-md-12 " >
<img src="./files/images/story_gesamt_2.png" style="width:100%" alt="DEMOCRACY App Story">
</div>
</div>
<br>
<div class=" ">
<div class="container">
<div class="col-md-12 welcome-left w3-agileits">
<div class="wthree-heading">
<h3 id="sec_vision">Vision</h3>
<br>
<br>
<br>
</div>
<div class="col-md-7 welcome-left ">
<div>
<b>DEMOCRACY ist eine Initiative für mehr politische Mitsprache in
Deutschland.</b>
<br>
<br>
<br>
Indem wir – per App – die digitalen Medien nutzen, um dauerhaft bundesweite
politische Mitsprache zu organisieren, überwindet eben diese die klassischen
Grenzen von Ort und Zeit.
<br>
<br>
Informier Dich, was in Berlin abgeht. Tausch Dich mit anderen aus.
<br>
Triff Deine eigene Entscheidung und stimme ab.
<br>
<br>
Anschließend kannst Du Deine und alle anderen Abstimmungsergebnisse einsehen
und mit den offiziellen Resultaten des Bundestages vergleichen.
<br>
<br>
Mit dem DEMOCRACY Desk wird darüber hinaus ein Raum für eigene
Abstimmungsinitiativen der Nutzer*Innen geschaffen.
<br>
<br>
Kurz gesagt, mit DEMOCRACY können wir die wahre Bedeutung von Demokratie
nicht nur in der Theorie bekräftigen, sondern täglich leben.
<br>
<br>
Sei Teil der Veränderung und nutze Deine Stimme.
<br>
Nur so können aus einer Millionen werden.
</p>
</div>
</div>
<div class="col-md-5 welcome-right ">
<h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen </h4>
<ul style="list-style-type:decimal;list-style-position:outside;">
<table>
<tr>
<td><li style="margin-top: 2px"><i class="fa fa-angle-right"></i></li></td>
<td><li>offene & barrierefreie Plattform<li></td>
</tr>
<tr>
<td><li style="margin-top: -19px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>Push-Up-Information über aktuelle Bundestagsabstimmungen<li></td>
</tr>
<tr>
<td><li style="margin-top: -17px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>nachträgliche 24h-Abstimmungsmöglichkeit über vergangene Abstimmungen<li></td>
</tr>
<tr>
<td><li style="margin-top: -17px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>vorläufige 24h-Abstimmungsmöglichkeit über anstehende Abstimmungen<li></td>
</tr>
<tr>
<td><li style="margin-top: -17px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>crowdmoderiertes Diskussionsforum zu jeder Abstimmung<li></td>
</tr>
<tr>
<td><li style="margin-top: -19px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>Pro- & Contra-Bereich mit nutzerbasierter Bewertung der besten Argumente<li></td>
</tr>
<tr>
<td><li style="margin-top: -2px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>Berücksichtigung Deiner Wahlstimme nach Login<li></td>
</tr>
<tr>
<td><li style="margin-top: -5px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>& alle Funktionen auch für Nutzer*Inneninitiativen<li></td>
</tr>
</table>
</ul>
</div>
<div class="clearfix"> </div>
<div class="clearfix"></div>
<div class="services" id="services">
<div class="container">
<div class="wthree-heading"><h3>Stell dir vor...</h3></div>
<br><br>
<br>
<div id="appinfobox" class="col-md-12">
<img src="./files/images/story_gesamt_2.small.png" srcset="./files/images/story_gesamt_2.medium.png 1000w, ./files/images/story_gesamt_2.large.png 2000w" style="width:100%" alt="DEMOCRACY App Story">
</div>
</div>
<br>
<div>
<div class="container">
<div class="col-md-12 welcome-left w3-agileits">
<div class="wthree-heading">
<h3 id="sec_vision">Vision</h3>
<br><br>
<br>
</div>
<div class="col-md-7 welcome-left">
<div>
<b>DEMOCRACY ist eine Initiative für mehr politische Mitsprache in Deutschland.</b>
<br><br>
<br>
<br>
<br>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- //services -->
Indem wir – per App – die digitalen Medien nutzen, um dauerhaft bundesweite
politische Mitsprache zu organisieren, überwindet eben diese die klassischen
Grenzen von Ort und Zeit.
<br><br>
Informier Dich, was in Berlin abgeht. Tausch Dich mit anderen aus.
<br>
Triff Deine eigene Entscheidung und stimme ab.
<br><br>
Anschließend kannst Du Deine und alle anderen Abstimmungsergebnisse einsehen
und mit den offiziellen Resultaten des Bundestages vergleichen.
<br><br>
Mit dem DEMOCRACY Desk wird darüber hinaus ein Raum für eigene
Abstimmungsinitiativen der Nutzer*Innen geschaffen.
<br><br>
Kurz gesagt, mit DEMOCRACY können wir die wahre Bedeutung von Demokratie
nicht nur in der Theorie bekräftigen, sondern täglich leben.
<br><br>
Sei Teil der Veränderung und nutze Deine Stimme.
<br>
Nur so können aus einer Millionen werden.
</div>
</div>
<div class="col-md-5 welcome-right ">
<h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen</h4>
<ul style="list-style-type:decimal;list-style-position:outside;">
<table>
<tr>
<td><li style="margin-top: 2px"><i class="fa fa-angle-right"></i></li></td>
<td><li>offene & barrierefreie Plattform<li></td>
</tr>
<tr>
<td><li style="margin-top: -19px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>Push-Up-Information über aktuelle Bundestagsabstimmungen<li></td>
</tr>
<tr>
<td><li style="margin-top: -17px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>nachträgliche 24h-Abstimmungsmöglichkeit über vergangene Abstimmungen<li></td>
</tr>
<tr>
<td><li style="margin-top: -17px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>vorläufige 24h-Abstimmungsmöglichkeit über anstehende Abstimmungen<li></td>
</tr>
<tr>
<td><li style="margin-top: -17px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>crowdmoderiertes Diskussionsforum zu jeder Abstimmung<li></td>
</tr>
<tr>
<td><li style="margin-top: -19px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>Pro- & Contra-Bereich mit nutzerbasierter Bewertung der besten Argumente<li></td>
</tr>
<tr>
<td><li style="margin-top: -2px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>Berücksichtigung Deiner Wahlstimme nach Login<li></td>
</tr>
<tr>
<td><li style="margin-top: -5px"><i class="fa fa-angle-right" style="padding-right: 1em;"></i></li></td>
<td><li>& alle Funktionen auch für Nutzer*Inneninitiativen<li></td>
</tr>
</table>
</ul>
</div>
<div class="clearfix"> </div>
<br><br>
<br>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>