This repository has been archived by the owner on Jul 29, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
216 lines (207 loc) · 9.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
{% extends "base_sidebar.html" %}
{% load experiments %}
{% load feeds %}
{% load markup %}
{% load media %}
{% block splash %}
<div id="featureBox">
<div id="sloganBlock">
<p id="slogan">Making government transparent & accountable</p>
</div>
<div id="donateBlock">
{% experiment index_donate_plea control %}
<p>Open up your government and help us reach our annual goal of 1,500 donors.</p>
{% endexperiment %}
{% experiment index_donate_plea test %}
<p>We need your help! Make a contribution to the cause.</p>
{% endexperiment %}
<a class="buttonLink" id="donateBtn" href="/donate/">Donate now</a>
</div>
<div id="carouselBlock">
<a href="#" class="carousel-previous carouselBtn">Previous</a>
<div class="carousel" data-autoadvance="">
<ul>
<li>
<div class="imgHolder" style="width: 168px; height: 149px; margin-left: -10px">
<a href="http://www.sunlightfoundation.com/donate"><img src="{% media_url "images/feature_ellen.png" %}" /></a>
</div>
<div class="featureContent" style="width: 290px;">
<h3 class="withTip"><a href="/donate/why-we-need-your-help/">Find Out Why We Need Your Help</a></h3>
<p class="tip">Ellen Miller, Co-founder and Executive Director</p>
<a href="/donate/why-we-need-your-help/" class="morelink">Learn More</a>
</div>
</li>
<li>
<div class="imgHolder" style="width: 99px;">
<a href="https://checking.influenceexplorer.com/"><img src="{% media_url "images/feature_pie.png" %}" /></a>
</div>
<div class="featureContent" style="width: 358px;">
<h3 class="withTip"><a href="https://checking.influenceexplorer.com/">Checking Influence</a></h3>
<p>When you shop, do you wonder where your money really goes?</p>
<a href="https://checking.influenceexplorer.com/" class="morelink">Find Out Now</a>
</div>
</li>
<li>
<div class="imgHolder" style="width: 100px;">
<a href="http://donate.sunlightfoundation.com/"><img alt="images of t-shirt, tote and mug images" src="{% media_url "images/feature_merch.jpg" %}" /></a>
</div>
<div class="featureContent" style="width: 358px;">
<h3 class="withTip"><a href="http://donate.sunlightfoundation.com/">More Motivation to Donate</a></h3>
<p>Donate now and receive one of our nifty tote bags, t-shirts or mugs.</p>
<a href="http://donate.sunlightfoundation.com/" class="morelink">Check Them Out Now</a>
</div>
</li>
<li>
<div class="imgHolder" style="width: 100px;">
<a href="http://reporting.sunlightfoundation.com/independent-expenditures/"><img src="{% media_url "images/feature_followUnlMoney.png" %}" width="100" height="112" alt="Feature FollowUnlMoney"/></a>
</div>
<div class="featureContent" style="width: 358px;">
<h3 class="withTip"><a href="http://reporting.sunlightfoundation.com/independent-expenditures/">Find the Unlimited Money</a></h3>
<p>Track the latest activities of outside groups influencing federal elections.</p>
<a href="http://reporting.sunlightfoundation.com/independent-expenditures/" class="morelink">Find Them Now</a>
</div>
</li>
<li>
<div class="imgHolder" style="width: 78px;">
<a href="http://transparencyjobs.com"><img alt="briefcase" src="{% media_url "images/feature_briefcase.png" %}" /></a>
</div>
<div class="featureContent" style="width: 380px;">
<h3 class="withTip"><a href="http://transparencyjobs.com">Transparency Jobs</a></h3>
<p class="tip">Bringing Transparency One Job at a Time.</p>
<a href="http://transparencyjobs.com" class="morelink">Tell me more</a>
</div>
</li>
</ul>
</div>
<a href="#" class="carousel-next carouselBtn">Next</a>
</div>
<div class="clear"></div>
</div>
<div id="outreachBlock_wrapper">
<div id="outreachBlock">
<div id="join">
<p>Become a part of the open government community and <span class="tip">get regular updates from us by</span> <b>signing-up below.</b></p>
<form action="/mailinglist/subscribe/" method="post" id="mailinglistform">
{% csrf_token %}
<ul>
<li>
<label for="id_email">Email</label>
<input class="transparent" type="email" name="email" id="id_email" placeholder="enter your email address">
</li>
<li>
<label for="id_zipcode">ZIP Code</label>
<input class="transparent" type="text" name="zipcode" id="id_zipcode" placeholder="and zip code" pattern="[0-9]{5}" maxlength="5">
</li>
<li>
<button id="joinBtn" type="submit">
<span>Join</span>
</button>
</li>
</ul>
</form>
</div>
<div id="events">
<img style="float: left; width: 87px; margin-right: 20px; margin-top: -3px;" src={% media_url "images/feature_superpacs.png" %} />
<div style="float: left; width: 337px; margin-top: 10px;" id="eventsDetails">
<p><strong>Be a Super PAC Sleuth:</strong> <span class="tip">Find out who’s behind the big money in politics</span></p>
<a href="http://sunlightfoundation.com/superpacs/" class="morelink">Learn more</a>
</div>
</div>
</div>
</div>
{% endblock %}
{% block content %}
<div id="featured-posts" class="hfeed">
{% for feature in featured_posts %}
<article class="hentry">
<header>
<h1 class="entry-title withTip">
<a href="{{ feature.url }}" class="bookmark">{{ feature.title }}</a>
</h1>
<div class="entryMetaData">
<address class="author">{{ feature.get_category_display }}</address>
<time datetime="{{ feature.date_published.isoformat }}" class="published" pubdate>
{{ feature.date_published|date:"m/d/y @ g:iA"|lower }}
</time>
</div>
</header>
<div class="entry-summary">
{{ feature.summary|markdown|safe }}
</div>
<a href="{{ feature.url }}" class="morelink">Read More</a>
</article>
{% endfor %}
</div>
<h2>Recent Posts</h2>
<div id="popularTags">
<h2>Popular Tags</h2>
<ul>
{% for topic in featured_topics %}
<li><a href="{{ topic.url }}">{{ topic.title }}</a></li>
{% endfor %}
</ul>
<div class="clear"></div>
</div>
<div id="recent-posts" class="hfeed">
{% headlines "sunlightfoundation,partytime,sunlightlabs,reporting" 6 %}
<!-- <a href="#" class="morelink">View older posts</a> -->
<a class="morelink" href="/blog">More Posts</a>
</div>
{% endblock %}
{% block sidebar %}
<div class="module" id="exploreProjects">
<h2><a href="/projects/">Explore Our Projects</a></h2>
<ul>
<li>
<img src={% media_url "images/icon_ie.png" %}>
<div class="projectDetails">
<h3 class="withTip"><a href="http://influenceexplorer.com/">Influence Explorer</a></h3>
<span class="toolCategory">Campaign Finance</span>
<p><b>Connect the dots of political contributions</b> on the federal and state level in this new site that allows you to track influence by lawmaker, company, or prominent individual.</p>
</div>
<div class="clear"></div>
</li>
<li>
<img src={% media_url "images/icon_poligraft.png" %}>
<div class="projectDetails">
<h3 class="withTip"><a href="http://poligraft.com/">Poligraft</a></h3>
<span class="toolCategory">Campaign Finance</span>
<p><b>Uncover levels of influence in federal and state-level politics and the news coverage of it.</b> Using data from Sunlight’s TransparencyData.com and Influence Explorer, Poligraft allows you to connect the dots between money and politics in Congress. Simply paste the URL or text of a news article, blog post or press release and Poligraft will create an enhanced view of the people, organizations and relationships described within it.</p>
</div>
<div class="clear"></div>
</li>
<li>
<img src={% media_url "images/icon_clearspending.png" %}>
<div class="projectDetails">
<h3 class="withTip"><a href="http://sunlightfoundation.com/clearspending/">ClearSpending</a></h3>
<span class="toolCategory">Federal Spending Transparency</span>
<p><b>Analyze how well U.S. government agencies are reporting their spending data on USASpending.gov.</b> Clearspending is the most thorough analysis of this federal grant and loan data ever conducted.</p>
</div>
<div class="clear"></div>
</li>
</ul>
<a href="/projects/" class="morelink">View all projects</a>
</div>
<div class="module">
<h2 class="withTip">Join Us</h2>
<p class="tip">Follow every post, project, or video on our way to a more transparency government</p>
<ul class="social-links">
<li class="social-facebook">
<a href="http://www.facebook.com/sunlightfoundation" rel="me">Facebook</a>
</li>
<li class="social-twitter">
<a href="http://twitter.com/#!/sunfoundation" rel="me">Twitter</a>
</li>
<li class="social-flickr">
<a href="http://www.flickr.com/sunlightfoundation" rel="me">Flickr</a>
</li>
<li class="social-youtube">
<a href="http://www.youtube.com/sunlightfoundation" rel="me">YouTube</a>
</li>
<li class="social-delicious">
<a href="http://delicious.com/sunlight_foundation" rel="me">Delicious</a>
</li>
</ul>
<div class="clear"></div>
</div>
{% endblock %}