204 lines
9.9 KiB
HTML
204 lines
9.9 KiB
HTML
---
|
|
layout: page
|
|
---
|
|
|
|
{% assign promises = site.data.data.promises %}
|
|
{% assign icons = site.data.data.icons %}
|
|
{% assign statuses = site.data.data.statuses %}
|
|
{% assign total = promises | size %}
|
|
|
|
{% assign categories = promises | map: 'category' | uniq %}
|
|
|
|
<div class="container promises-header page-header" id="promises-header">
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<ul class="list-group">
|
|
<!-- <li class="list-group-item list-group-item inauguration-time-container">
|
|
<i class="fa fa-home fa-fw"></i>
|
|
<b id="inauguration-time">Days Till Inauguration: <span id="inauguration-days"><i class='loading'>Loading...</i></span></b>
|
|
</li> -->
|
|
<li class="list-group-item list-group-item">
|
|
<i class="fa fa-calendar fa-fw"></i>
|
|
<b>Days In Office: <span id="days-in-office"><i class='loading'>Loading...</i></span></b>
|
|
</li>
|
|
|
|
{% for status in statuses %}
|
|
{% assign status_name = status[0] %}
|
|
{% assign status_data = status[1] %}
|
|
<li class="list-group-item list-group-item-{{ status_data['color'] }}" data-list-facet="js-promise-status" data-facet-value="{{ status_name }}" data-select-single="true">
|
|
<i class="fa fa-fw fa-{{ status_data['icon'] }} "></i>
|
|
{{ status_name }}: <span class="active-points">{{ promises | where: "status",status_name | size }}</span> of <span class="total-points">{{ total }}</span>
|
|
</li>
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
<p>On Tuesday November 8th, 2016, Donald John Trump won the electoral vote and is currently the 45th President of the United States of America.</p>
|
|
<p>He made <b>a lot of promises</b>. Trump Tracker will fact-check and see if he adheres to all of his stands on policies regarding culture, immigration, economy, and many more.</p>
|
|
|
|
<div id="share-buttons">
|
|
<ul class="list-inline">
|
|
<li>
|
|
<a href="https://www.facebook.com/sharer.php?u=https://trumptracker.github.io/" target="_blank"
|
|
style="color:#3b5998;">
|
|
<i class="fa fa-2x fa-facebook-square"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://plus.google.com/share?url=https://trumptracker.github.io/" target="_blank"
|
|
style="color:#dd4b39;">
|
|
<i class="fa fa-2x fa-google-plus"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://twitter.com/share?url=https://trumptracker.github.io/&text=Track @realDonaldTrump's Electoral Promises with Trump Tracker.&hashtags=TrumpTracker&via=VirenMohindra"
|
|
target="_blank" style="color:#1da1f2;">
|
|
<i class="fa fa-2x fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://reddit.com/r/trumptracker" target="_blank" style="color:#ff5700;">
|
|
<i class="fa fa-2x fa-reddit"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://luithollander.nl/trumptracker/rss.php" target="_blank" style="color:#ffa500;">
|
|
<i class="fa fa-2x fa-rss"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- <img src="assets/trump-main.jpg" class="img-responsive center-block"-->
|
|
<!--alt="Donald Trump standing on a podium."/> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid promises" id="promises">
|
|
<div class="row promises__search-row">
|
|
<div class="col-md-5">
|
|
<form action="#" class="form-inline">
|
|
<input id="search" type="text" class="form-control search" placeholder="Search">
|
|
<button class="promises__category--reset btn btn-default">
|
|
<i class="fa fa-fw fa-refresh"></i> Clear
|
|
<i class="fa fa-fw fa-filter"></i><span id="count">{{ total }}</span>/{{ total }}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-7">
|
|
<div class="pull-right">
|
|
|
|
<div class="promises__statuses">
|
|
{% for status in statuses %}
|
|
{% assign status_name = status[0] %}
|
|
{% assign status_data = status[1] %}
|
|
|
|
<button class="btn btn-{{ status_data['color'] }}" data-list-facet="js-promise-status" data-facet-value="{{ status_name }}" data-select-single="true">
|
|
<i class="fa fa-{{ status_data['icon'] }} fa-fw" aria-hidden="true"></i>
|
|
{{ status_name }}
|
|
</button>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<ul class="nav nav-tabs" id="myTabs" role="tablist" >
|
|
{% for category in categories %}
|
|
<li role="presentation" data-list-facet="js-promise-category" data-facet-value="{{ category }}" class="{{ category }}">
|
|
<a href="#" aria-controls="{{ category }}" role="tab" data-toggle="tab" class="text-muted">
|
|
<i class="fa fa-fw fa-{{ icons[category] }}"></i> {{ category }}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- <div class="row promises__category-row">
|
|
<div class="col-md-12">
|
|
|
|
<div class="promises__categories">
|
|
|
|
{% for category in categories %}
|
|
<button class="promises__category btn btn-default" data-list-facet="js-promise-category" data-facet-value="{{ category }}">
|
|
<i class="fa fa-fw fa-{{ icons[category] }}"></i> {{ category }}
|
|
</button>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div> -->
|
|
<!-- /.promises__category-row -->
|
|
|
|
<div class="row promises__table container-fluid">
|
|
<table class="table table-striped">
|
|
|
|
<thead>
|
|
<tr>
|
|
<th><!-- ID --></th>
|
|
<th>Status</th>
|
|
<th>Category</th>
|
|
<!-- <th>Tags</th> -->
|
|
<th>Promise</th>
|
|
<!-- <th>Sources</th> -->
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody class="list">
|
|
<!-- add color to each policy -->
|
|
{% for promise in promises %}
|
|
<tr class="promise {% if promise.status == 'In progress' %}warning{% endif %}{% if promise.status == 'Achieved' %}success{% endif %}{% if promise.status == 'Broken' %}danger{% endif %}">
|
|
<td class="promise__id">{{ forloop.index }}.</td>
|
|
|
|
<td class="promise__status" title="{{ promise.status }}">
|
|
<i class="fa fa-fw fa-{{ statuses[promise.status]['icon'] }} text-{{ statuses[promise.status]['color'] }}" title="{{ promise.status }}"></i>
|
|
<span class="promise__status-text js-promise-status sr-only">{{ promise.status }}</span>
|
|
</td>
|
|
|
|
|
|
<td class="promise__category" style="white-space: nowrap;">
|
|
<i class="fa fa-fw fa-{{ icons[promise.category] }}"></i> <span class="js-promise-category">{{ promise.category }}</span>
|
|
</td>
|
|
<!-- <td class="promise__tags" style="text-align: center;">
|
|
{% for tag in promise.tags %}
|
|
<a class="label label-default">{{ tag }}</a>
|
|
{% endfor %}
|
|
</td> -->
|
|
<td class="promise__title js-promise-text">{{ promise.title }}
|
|
<!-- add superscript citations and sources -->
|
|
{% for source in promise.sources %}
|
|
<sup><a href="{{ source }}">{{ forloop.index }}</a></sup>
|
|
{% endfor %}
|
|
</td>
|
|
<!-- <td class="promise__sources" style="white-space: nowrap;">
|
|
</td> -->
|
|
<td class="promise__actions">
|
|
<!-- comment and twitter integration -->
|
|
<a href="{{ promise.comments }}" target="_blank" rel="nofollow">
|
|
<i class="fa fa-fw fa-comments text-muted" aria-hidden="true"></i></a>
|
|
|
|
{% capture status %}{% if promise.status == "Not started" %} hasn't started{% elsif promise.status == "In progress" %} is progressing{% elsif promise.status == "Achieved" %} achieved{% elsif promise.status == "Broken" %} broke{% else %}{% endif %}{% endcapture %}
|
|
|
|
{% capture message %}@realDonaldTrump{{ status }} promise no. {{ forloop.index}}: {{ promise.title }} on{% endcapture %}
|
|
|
|
{% capture tweettext %}{{ message }}{% endcapture %}
|
|
|
|
<a href="https://twitter.com/share?url=https://trumptracker.github.io/&text={{ tweettext | truncate: 102 | url_encode }}&hashtags=TrumpTracker" target="_blank"><i class="fa fa-fw fa-twitter text-muted" aria-hidden="true"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /#promises -->
|