awaken-direct-democracy/src/wireframes/seatsForecast.html

This is the functional skeleton / working mock up of a disruptive app to increase voter turnout and participation driven at the start by just one person - Tom Atkinson in New Zealand - after watching in horror the signing of the TPPA in Auckland February

<ion-view title="Seats Forecast" id="page11">
    <ion-content overflow-scroll="true" padding="true" class="has-header">
        <div class="list card">
            <div class="item item-divider">Simulation</div>
            <div class="item item-body">
                <div id="seatsForecast-markdown17" style="color:#000000;">
                    <p>Forecasted seats on 18 November 2017</p>
                </div>
                <a style="display:inline-block;" ui-sref="tabsController.forecasts">
                    <div style="text-align:left;">
                        <img src="img/ldfyYFcFSbegfU4IKAOr_NZ_Parliament_seats,_2014.svg.png" width="100%" height="auto">
                    </div>
                </a>
            </div>
            <div class="item item-divider">Time Remain: 465 Days 29 hours</div>
        </div>
        <div class="list card">
            <div class="item item-divider">Other Visualisations</div>
            <div class="item item-body">
                <a style="display:inline-block;" ui-sref="tabsController.seatsForecast">
                    <div style="text-align:center;">
                        <img src="img/ldfyYFcFSbegfU4IKAOr_NZ_Parliament_seats,_2014.svg.png" width="20%" height="auto">
                    </div>
                </a>
                <a ui-sref="tabsController.seatsForecast" id="seatsForecast-button72" style="font-weight:;" class="button button-positive button-small button-block icon-left ion-man">: Seats</a>
                <a style="display:inline-block;" ui-sref="electoratesForecast">
                    <div style="text-align:center;">
                        <img src="img/iN33e72US4q9vlgqM9UE_New_Zealand_electorates,_2014.png" width="auto" height="60px">
                    </div>
                </a>
                <a ui-sref="electoratesForecast" id="seatsForecast-button73" style="font-weight:;" class="button button-positive button-small button-block icon-left ion-android-globe">: Electorates Forecast</a>
                <a style="display:inline-block;" ui-sref="visualiseTimegraph">
                    <div style="text-align:center;">
                        <img src="img/yRAsQXVSQdW1WFNheTOL_NZ_opinion_polls_2011-2014-majorparties.png" width="auto" height="60px">
                    </div>
                </a>
                <a ui-sref="visualiseTimegraph" id="seatsForecast-button74" style="font-weight:;" class="button button-positive button-small button-block icon ion-ios-clock">: Visualise Timegraph</a>
                <a style="display:inline-block;" ui-sref="tabsController.partyVoteBreakdown">
                    <div style="text-align:center;">
                        <img src="img/swBbZNkRzCytdwidnmcQ_voting summary.png" width="180px" height="auto">
                    </div>
                </a>
                <a ui-sref="tabsController.partyVoteBreakdown" id="seatsForecast-button78" style="font-weight:;" class="button button-positive button-small button-block icon ion-ios-clock">: Party Vote Breakdown</a>
                <div id="seatsForecast-markdown19" style="color:#000000;text-align:center;">
                    <p>Time remaining until 18 November 2017</p>
                </div>
            </div>
            <div class="item item-divider">465 Days 29 hours</div>
        </div>
    </ion-content>
</ion-view>