647 lines
36 KiB
Smarty
647 lines
36 KiB
Smarty
<div class="background-white">
|
||
<div class="container main-container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<h1>Roadmap</h1>
|
||
</div>
|
||
<div class="col-12">
|
||
<style>
|
||
.badges2{
|
||
text-align: center;
|
||
padding-left: 15px;
|
||
}
|
||
.table i{
|
||
color: rgb(68,148,211);
|
||
font-size: 25px;
|
||
}
|
||
.table i.done{
|
||
color: rgb(115,115,115);
|
||
}
|
||
.table tr td:first-child, .table tr th:first-child{
|
||
text-align: left;
|
||
}
|
||
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
|
||
background-color: #D0E4F4;
|
||
}
|
||
#finalblock{
|
||
background-color: #fff;
|
||
padding-top: 35px;
|
||
}
|
||
#protodivider{
|
||
margin-top: 50px;
|
||
}
|
||
@media (min-width: 992px){
|
||
#protodivider{
|
||
margin-top: -30px;
|
||
}
|
||
.badges2{
|
||
text-align: left;
|
||
}
|
||
}
|
||
@media (max-width: 575px){
|
||
.rotate{
|
||
transform: rotate(-90.0deg);
|
||
word-break: keep-all;
|
||
font-size: 12px;
|
||
}
|
||
.table tr, .table th{
|
||
padding: 3px !important;
|
||
}
|
||
#finalblock{
|
||
padding-bottom: 50px;
|
||
}
|
||
}
|
||
</style>
|
||
<table class="table table-striped table-bordered table-hover" style="margin-top: 50px; word-break: break-all;">
|
||
<thead>
|
||
<tr>
|
||
<th scope="col">Funktion</th>
|
||
<th scope="col" class="rotate">Closed Beta</th>
|
||
<th scope="col" class="rotate">Public MVP</th>
|
||
<th scope="col" class="rotate">Post MVP</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td scope="row">Identifikation: Token-Einladung</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td></td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Identifikation: SMS-Verifikation</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Liste Bundestagsgesetzgebungen</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> aktuelle Abstimmungen</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> vergangene Abstimmungen</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Abstimmungen in Vorbereitung</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> What’s hot?</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Details zu jeder Bundestagsgesetzgebung</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Vorgangs-ID gem. DIP21</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Schlagwörter gem. DIP21</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Sachgebiet gem. DIP21</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Aktueller Stand gem. DIP21</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Inhaltsangabe gem. DIP21</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> alle einschlägigen Bundesdrucksachen</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Abstimmungszeitpunkt gem. TOP</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> PDF-Reader einbinden</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> eigene Schlagwörter hinzufügen</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Schlagwörter upvoten</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Gesetzes-Meilenstein-Karte</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Nutzerabstimmung</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Auswahlbestätigung/Schon gewusst?</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Ergebnisdarstellung (Pie Chart) gesamt</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Ergebnis vor/nach BT-Abstimmung</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">offizielles Bundestagsergebnis</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Gesamtergebnis (Pie Chart)</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Fraktionsergebnisse (Bar Chart)</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Abgeordnetenergebnisse nach Wahlkreis</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> vorläufige Ergebnisse (Beschlussempf. Bei Anträgen)</td>
|
||
<td></td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Push-Benachrichtigung(en)</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Jetzt Abstimmen</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Neues Papier</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Update (Glocke)</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Vor der Sitzungswoche</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> relevantes Papier</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Bundestagsergebnis verfügbar</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Neue(s) Version/Feature verfügbar</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Profil</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> persönliche History</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Wahl-O-Meter (Wahl-O-Mat für immer)</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Spielstand</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> persönliche Invite-Codes</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Gesetz suchen</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Suche optimieren</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Tutorial</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> zzgl. In-App-Tutorial</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Abstimmung teilen (Social Media)</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Filter Ressort/Sachgebiet</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Abo Ressort/Sachgebiet</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Sicherheit einstellen</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> quittungsfreie Abstimmung</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> lokale Speicherung</td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Übertragbarkeit auf neues Handy </td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Forum</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Information/Argument einbringen</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Information/Argument lesen</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Information/Argument liken</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Information/Argument melden</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Redaktionsbereich</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">Desktop-Version</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Liste Bundestagsvorgänge</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Details</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Dokumente</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Darstellung der verg. Ergebnisse</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Social-Media-Kompatibilität</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Forum</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row"> Abstimmung via Handy-Bestätigung</td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
<td><i class="fa fa-check-square done"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">kryptographisches Wahlverfahren</td>
|
||
<td></td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
</tr>
|
||
<tr>
|
||
<td scope="row">eigene Abstimmungslisten</td>
|
||
<td></td>
|
||
<td></td>
|
||
<td><i class="fa fa-check-square"></i></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="col-12">
|
||
<img src="./files/images/democracy-bar.png" class="divider" style="padding-top: 50px;"/>
|
||
</div>
|
||
<div class="col-12" style="padding-top: 50px;">
|
||
<h1>Prototyp testen</h1
|
||
</div>
|
||
<div class="row" style="padding-top: 50px;">
|
||
<div class="col-lg-1"></div>
|
||
<div class="col-lg-4">
|
||
<img src="./files/images/01FemaleMirror@3x.png" style="width: 100%; padding-top: 50px;"/>
|
||
</div>
|
||
<div class="col-lg-2"></div>
|
||
<div class="col-lg-4" style="padding-top: 60px;">
|
||
<img src="./files/images/circle@3x.png" style="width: 75px;"/>
|
||
<div class="cite">
|
||
<div class="cite-icon">
|
||
<img src="./files/images/quotes@3x.png" style="width: 60px; padding-left: 12px;"/>
|
||
</div>
|
||
<div class="cite-content" style="text-align: left;">Prototyping ist der Prozess der Annäherung an ein Produkt</div>
|
||
</div>
|
||
<div class="badges2">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<span>Beta</span><br>
|
||
<a class="badge-link2 icon-app-store-outline2" href="./invite/02C67F34" style="margin-top: -5px;"> </a>
|
||
</div>
|
||
<div id="secondbadge" class="col-md-6">
|
||
<span class="d-none d-md-block">Beta</span>
|
||
<a class="badge-link2 icon-google-play-outline2" href="./invite/02C67F34" style="margin-top: -5px;"> </a>
|
||
</div>
|
||
<div class="col-12">
|
||
<a class="btn-democracy" href="./invite/02C67F34">
|
||
<div style="width: auto; border: 0;">Hier gehts zum Bewerbungsformular</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-1"></div>
|
||
</div>
|
||
<div class="col-12">
|
||
<img src="./files/images/democracy-bar.png" class="divider" id="protodivider"/>
|
||
</div>
|
||
<form id="bug-form">
|
||
<div class="col-12" style="padding-top:50px;">
|
||
<h1>Bugreports</h1>
|
||
<h5 style="padding-top:30px;">Du hast einen Fehler gefunden oder ein anderes Problem in der Beta festgestellt? Hilf uns diese(n) zu beheben –<br>
|
||
mit einem qualifizierten Feedback. Dazu füllst du am Besten das untenstehende Formular aus.</h5>
|
||
<div class="row" style="padding-top:50px;">
|
||
<div class="col-lg-12">
|
||
<div class="row" style="padding-top: 5px; padding-bottom: 5px;">
|
||
<div class="col-lg-6">
|
||
<input id="bug-name" type="text" placeholder="Dein Name*" style="width:100%;"/>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<input id="bug-email" type="email" placeholder="E-Mail-Adresse für Rückfragen*" style="width:100%;"/>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-top: 5px; padding-bottom: 5px;">
|
||
<div class="col-lg-6">
|
||
<input id="bug-title" type="text" placeholder="Betreff/Titel" style="width:100%;"/>
|
||
</div>
|
||
<div class="col-lg-3">
|
||
<input id="bug-platform" type="text" placeholder="Plattform (iOS/Android)*" style="width:100%;"/>
|
||
</div>
|
||
<div class="col-lg-3">
|
||
<input id="bug-version" type="text" placeholder="Version*" style="width:100%;"/>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-top: 5px; padding-bottom: 5px;">
|
||
<div class="col-lg-12">
|
||
<textarea id="bug-text" placeholder="Bitte beschreibe den Fehler möglichst genau in wenigen Sätzen; beziehe Dich dabei auf Screenshots und markiere die fehlerhaften Bereiche*" style="width:100%; min-height:300px; border: rgb(151,151,151) 1px solid; border-bottom: rgb(151,151,151) 1px dashed;"></textarea>
|
||
<div id="bug-file-drop-zone" style="padding: 3px; margin-top: -7px; text-align: left; border: rgb(151,151,151) 1px solid; border-top: 0;">Dateien anhängen durch drag & drop oder <a id="bug-select-files" href="">auswählen</a>.</div>
|
||
<input type="file" name="files[]" id="bug-files" multiple style="display: none;">
|
||
<div class="js-upload-finished">
|
||
<div id="bug-progress" class="progress" style="display: none; border-radius: 0; border-left: rgb(151,151,151) 1px solid; border-right: rgb(151,151,151) 1px solid;">
|
||
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
|
||
</div>
|
||
<style>
|
||
#bug-file-list{
|
||
display: none;
|
||
border-radius: 0;
|
||
border: rgb(151,151,151) 1px solid;
|
||
border-top: 0;
|
||
}
|
||
#bug-file-list a{
|
||
height: 15px; line-height: 2px; border-radius: 0;
|
||
}
|
||
#bug-file-list a span{
|
||
margin-top: -9px;
|
||
}
|
||
#bug-file-list a span.hidden{
|
||
display: none;
|
||
}
|
||
</style>
|
||
<div id="bug-file-list" class="list-group"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row" style="padding-top: 5px; padding-bottom: 5px;">
|
||
<div class="col-lg-9"></div>
|
||
<div class="col-lg-3">
|
||
<a id="bug-send" class="btn-democracy">
|
||
<div style="border:0;">Bericht senden</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<div class="col-12" id="help">
|
||
<img src="./files/images/democracy-bar.png" class="divider" style="padding-top: 50px;"/>
|
||
</div>
|
||
<div class="col-12" style="padding-top:50px;">
|
||
<h1>Mithelfen</h1>
|
||
<h5 style="padding-top:30px;">Du möchtest Demokratie mitgestalten?<br>
|
||
Werde Teil des Teams.</h5>
|
||
<style>
|
||
#laptop{
|
||
display: flex;
|
||
text-align: left;
|
||
}
|
||
#laptop div input{
|
||
margin-top: 5px;
|
||
}
|
||
@media (min-width:992px){
|
||
#laptop{
|
||
margin-left: 120px;
|
||
margin-right: 120px;
|
||
margin-top: 40px;
|
||
padding-bottom: 1%;
|
||
margin-bottom: 12.5%;
|
||
background-color: #fff;
|
||
}
|
||
}
|
||
</style>
|
||
<div class="row" style="padding-top: 50px;">
|
||
<img src="./files/images/macbookSpaceGrey@3x.png" class="d-none d-lg-block" style="width:100%; position: absolute;"/>
|
||
<div class="col-12">
|
||
<form id="vol-form">
|
||
<div class="row" id="laptop">
|
||
<div class="col-lg-6" style="background-color: #fff; padding-top: 35px; vertical-align: top;">
|
||
<input id="vol-name" type="text" placeholder="Dein Name*" style="width:100%; margin-top: 0;"/>
|
||
<input id="vol-email" type="email" placeholder="Deine E-Mail-Adresse*" style="width:100%;"/>
|
||
<br><br>
|
||
<h5>Ich möchte DEMOCRACY mitgestalten als</h5>
|
||
<input id="vol-uiux" type="checkbox"> UI/UX-Designer<br>
|
||
<input id="vol-frontend" type="checkbox"> Front-End-Developer<br>
|
||
<input id="vol-backend" type="checkbox"> Back-End-Developer<br>
|
||
<input id="vol-kryptologe" type="checkbox"> Kryptograph<br>
|
||
<input id="vol-marketing" type="checkbox"> Marketingstrateg<br>
|
||
<input id="vol-redakteur" type="checkbox"> Redakteur<br>
|
||
<input id="vol-botschafter" type="checkbox"> Botschafter<br>
|
||
<br>
|
||
<h5>Ich möchte ein App-Feature vorschlagen</h5>
|
||
<input id="vol-feature" type="checkbox"> Feature-Vorschlag<br>
|
||
</div>
|
||
<div class="col-lg-6" id="finalblock">
|
||
<textarea id="vol-text" placeholder="Erzähle uns über Deine Erfahrungen/Idee(n)*" style="width:100%; min-height:400px;"></textarea>
|
||
<a class="btn-democracy" id="vol-send">
|
||
<div style="border:0;">Als Freiwillige/r melden </div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |