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

fixed startpage - logos, style, removed box in prototype

Browse Source
This commit is contained in:
Ulf Gebhardt 2017-12-01 22:00:29 +01:00
parent 5a35ba9a55
commit 090d366f5b
21 changed files with 146 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
democracy/files/autoload.inc
View File

@ -6,4 +6,5 @@
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/wir/','wir','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/medien/','medien','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/landing/','landing','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/references/','references','*.*');
\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/org/','org','*.*');

BIN
democracy/files/org/1200px-Hertie-Stiftung.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
democracy/files/org/IP_Logo_RGB.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 195 KiB

BIN
democracy/files/org/Logo_KIT.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
democracy/files/org/MDR-SPUTNIK.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
democracy/files/org/MDR-SPUTNIK_transp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
democracy/files/org/Prototype.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
democracy/files/org/demokratie-io-landscape-claim-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
democracy/files/org/startnext_logo_green-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
democracy/files/references/1200px-Hertie-Stiftung.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
democracy/files/references/IP_Logo_RGB.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
democracy/files/references/Logo_KIT.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
democracy/files/references/MDR-SPUTNIK.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
democracy/files/references/Prototype.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
democracy/files/references/demokratie-io-landscape-claim-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
democracy/files/references/startnext_logo_green-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

20
democracy/page/default_page/css/default_page.css
View File

@ -340,14 +340,20 @@ body {
#insta__:hover{
color:#BA3173;
}
#github_:hover{
color:#3b5998;
}
#discord_:hover{
color:#3b5998;
}
#contact_mail a {
.contact_mail a {
font-size:.9em;
text-decoration:none;
color:#fff;
}
#contact_mail a:hover {
.contact_mail a:hover {
color:#F44336;
}
@ -365,4 +371,14 @@ body {
.welcome-right li{
padding-top: 5px;
margin-left: 20px;
}
.tooltip-inner{
width: 250px;
max-width: 250px;
font-size: large;
height: 70px;
max-height: 70px;
vertical-align: middle;
display: table-cell;
}

108
democracy/page/default_page/tpl/default_page.tpl
View File

@ -76,43 +76,49 @@
<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 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 -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<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>
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
<!-- w3-banner -->
<div class="w3-banner" style="position: relative; right: -3500px">
<h1 class="headtxt">DEMOCRACY</h1>
<div class="isabelle_layne" >Demokratie_live</div>
<!--<p class="crowdfunding_details">
${main_startnext_status}
</p>
<a href="http://startnext.com/democracy" class="call_to_action">
${main_startnext_support}<br>
<img src="./files/images/startnext_logo.png" alt="Startnext Logo">
</a>-->
<br><br>
<br><br>
<br><br>
<div class="wthree-heading"><h3>Stell dir vor...</h3></div>
<br><br>
<br>
</div>
<!-- //w3-banner -->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<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>
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
<!-- w3-banner -->
<div class="w3-banner" style="position: relative; right: -3500px">
<h1 class="headtxt" >DEMOCRACY</h1>
<div class="isabelle_layne" >Demokratie_live</div>
<p class="crowdfunding_details">
${main_startnext_status}
</p>
<a href="http://startnext.com/democracy" class="call_to_action">
${main_startnext_support}<br>
<img src="./files/images/startnext_logo.png" alt="Startnext Logo">
</a>
</div>
<!-- //w3-banner -->
</div>
</div>
</div>
<!-- //banner -->
<section id="content"></section>
<!-- footer -->
@ -138,17 +144,17 @@
</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 id="contact_mail" style="font-size: small"><a href="mailto:contact@democracy-deutschland.de">contact@democracy-deutschland.de</a></div>
<div style="font-size: small">Fon: +49 176 470 40 213</div>
</div>
<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>
@ -165,14 +171,14 @@
<div class="col-md-3 agileinfo_footer_grid">
<h3>Spenden</h3>
<div style="color:white">
<a href="https://www.startnext.com/democracy" target="_blank" >
<!--<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>
<!--
</a>-->
<div style="font-size: small">Bank: Triodos Bank</div>
<div style="font-size: small">IBAN:</div>
<div style="font-size: small">BIC:</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">Spendenquittung auf <a href="mailto:contact@democracy-deutschland.de">Anfrage</a></div>
</div>
<div class="clearfix"> </div>
</div>

4
democracy/page/default_prototyp/tpl/default_prototyp.tpl
View File

@ -4,7 +4,7 @@
</div>
</div>
<div class="about-bottom jarallax">
<!--<div class="about-bottom jarallax">
<div class="container">
<div class="about-bottom-info testimonial-top ">
<p style="text-align:center">
@ -15,4 +15,4 @@
</div>
</div>
</div>
</div>
</div>-->

2
democracy/page/default_start/js/default_start.js
View File

@ -9,4 +9,6 @@ function init_start(){
$(".m_mm").removeClass("active");
$("#m_idee").addClass("active");
$(".footer").addClass("footer_bg_grey");
$('[data-toggle="tooltip"]').tooltip();
}

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

@ -1,36 +1,81 @@
<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.medium.png" srcset="./files/images/story_gesamt_2.large.png 1000w" style="width:100%" alt="DEMOCRACY App Story">
</div>
</div>
<br>
<br><br>
<br><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>
${main_text_left}
<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">
<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>
</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">
<div class="col-md-3" style="height: 250px;">
<a href="https://www.startnext.com/democracy" target="blank" data-toggle="tooltip" data-placement="bottom" title="erfolgreich crowdfinanziert" style="height: 250px; vertical-align: bottom; display: table-cell;">
<img class="img-responsive" src="./files/references/startnext_logo_green-1.png" alt="Startnext Logo" style="max-height: 250px;">
</a>
</div>
<div class="col-md-3" style="height: 250px;">
<a href="https://www.ghst.de/demokratie/" target="blank" data-toggle="tooltip" data-placement="bottom" title="gefördert durch" style="height: 250px; vertical-align: bottom; display: table-cell;">
<img class="img-responsive" src="./files/references/1200px-Hertie-Stiftung.png" alt="Herti Stiftung Logo" style="max-height: 250px;">
</a>
</div>
<div class="col-md-3" style="height: 250px;">
<a href="https://www.idealismprevails.at/demokratie-im-21-jahrhundert-marius-krueger-b-a/" target="blank" data-placement="bottom" 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: 250px;">
</a>
</div>
<div class="col-md-3" style="height: 250px;">
<a href="http://www.sputnik.de/sendungen/tagesupdate/audio-539944.html" target="blank" data-placement="bottom" data-toggle="tooltip" title="zu hören bei" style="height: 250px; vertical-align: bottom; display: table-cell;">
<img class="img-responsive" src="./files/references/MDR-SPUTNIK.png" alt="MDR Sputnik Logo" style="max-height: 250px;">
</a>
</div>
</div>
<br>
<div class="row" style="padding-top: 50px;">
<div class="col-md-3" style="height: 150px;">
<a href="https://crypto.iti.kit.edu/index.php?id=iti-crypto" target="blank" data-placement="top" data-toggle="tooltip" title="weitergebildet vom" style="height: 150px; vertical-align: bottom; display: table-cell;">
<img class="img-responsive" src="./files/references/Logo_KIT.png" alt="KIT Logo" style="max-height: 150px;">
</a>
</div>
<div class="col-md-6" style="height: 150px;">
<a href="https://demokratie.io/erstefoerderrunde/" target="blank" data-placement="top" data-toggle="tooltip" title="Gewinner 1. Förderrunde" style="height: 150px; 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: 150px;">
</a>
</div>
<div class="col-md-3" style="height: 150px;">
<a href="https://prototypefund.de" target="blank" data-toggle="tooltip" data-placement="top" title="Gewinner 3. Förderrunde" style="height: 150px; vertical-align: bottom; display: table-cell;">
<img class="img-responsive" src="./files/references/Prototype.png" alt="Prototype Fund Logo" style="max-height: 150px;">
</a>
</div>
</div>
</div>
<div class="col-md-5 welcome-right ">
<h4 style="font-size: 22px;color: #4494D3">Unsere Funktionen</h4>
${main_functions}
</div>
<div class="clearfix"> </div>
<br><br>
<br>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>