-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (132 loc) · 9.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ideas Take Action</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$.fn.shuffle = function() {
$.each(this.get(), function(index, el) {
var $el = $(el);
var $find = $el.children();
$find.sort(function() {
return 0.5 - Math.random();
});
$el.empty();
$find.appendTo($el);
});
};
$('.shuffled').shuffle();
$('.shuffle').click(function() {
$('.shuffled').shuffle();
return false;
});
$('#tweet').click(function() {
var link = $(this);
var pitch = $('#pitch');
var tweet = 'Steps to ' + $('#idea li:first-child').text() + $('#market li:first-child').text() + '.';
link.attr('href', 'https://twitter.com/intent/tweet?text=' + encodeURIComponent(tweet) + '&url=' + encodeURIComponent('http://ideastakeaction.com'));
return true;
});
});
</script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-22058590-19', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- <nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand shuffle" href="#">Ideas Take Action</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" id="tweet" class="btn btn-lg pull-right" target="_blank"><span class="fa fa-twitter"></span> Tweet this idea</a></li>
</ul>
</div>
</div>
</nav> -->
<div class="container">
<h1 id="pitch" class="shuffle">
<ul id="idea" class="unstyled shuffled">
<li><h4 style="color:#B7043E;">Support mental health</h4> Talk about mental health with friends and family. Open up about your own struggles.</li>
<li><h4 style="color:#B7043E;">Support mental health</h4> Volunteer at a local non-profit that provides mental health services.</li>
<li><h4 style="color:#B7043E;">Support mental health</h4> Vote for mental health policies.</li>
<li><h4 style="color:#B7043E;">Support mental health</h4> Offer your kids a channel for help outside your family, like a friend or neighbor.</li>
<li><h4 style="color:#B7043E;">Support mental health</h4> Start a support group at your university for those dealing with anxiety.</li>
<li><h4 style="color:#B7043E;">Support mental health</h4> Share your story of mental health and healing online.</li>
<li><h4 style="color:#E57601;">Increase education</h4> Write a blog post with your action plan to reduce gun violence.</li>
<li><h4 style="color:#E57601;">Increase education</h4> Read or share a post about smart gun innovation.</li>
<li><h4 style="color:#E57601;">Increase education</h4> Write a letter to your local paper's editor.</li>
<li><h4 style="color:#E57601;">Increase education</h4> Ask your local organizations to publish their gun policies.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Donate to a local LGBTQA organization.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Hold a vigil for gun violence victims.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Donate to a local LGBTQA organization.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Volunteer with an after-school program.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Meet your neighbors.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Donate money or gifts to kids through an org like CASA for Children.</li>
<li><h4 style="color:#FFA600;">Build community</h4> Participate in a neighborhood council meeting.</li>
<li><h4 style="color:#652A5B;">Foster religious tolerance</h4> Attend a service at a new place of worship.</li>
<li><h4 style="color:#652A5B;">Foster religious tolerance</h4> Observe the service of a different faith than yours.</li>
<li><h4 style="color:#652A5B;">Foster religious tolerance</h4> Read a blog post by someone from a different faith than yours.</li>
<li><h4 style="color:#652A5B;">Foster religious tolerance</h4> Speak at your house of worship or community group about gun violence.</li>
<li><h4 style="color:#652A5B;">Foster religious tolerance</h4> Introduce your kids to someone from a different faith.</li>
<li><h4 style="color:#3F2D3B;">Mentor young people</h4> Get involved in an after-school program.</li>
<li><h4 style="color:#3F2D3B;">Mentor young people</h4> Become a Big Brother or a Big Sister.</li>
<li><h4 style="color:#3F2D3B;">Mentor young people</h4> Learn about preventing child access to guns in the home.</li>
<li><h4 style="color:#3F2D3B;">Mentor young people</h4> Volunteer with CASA (Court Appointed Special Advocates for neglected and abused kids).</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Back a crowdfunding project around gun safety.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Sign the petition for safe gun storage.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Join Women Against Gun Violence's newsletter.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Donate to a gun reform group.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Talk with your kids about safe gun use.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Join your local chapter of Mom's Demand Action.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Ask other parents about their safe gun practices.</li>
<li><h4 style="color:#99921D;">Increase gun safety</h4> Sign up for an Amazon Smile that donates to a gun reform group.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Call your representatives to fight for stricter gun control laws.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Join a campaign to get companies to ban guns in their stores.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Volunteer for politicians that support gun reforms.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Join the League of Women Voters.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Vote.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Share resources to help your friends prepare to vote.</li>
<li><h4 style="color:#047778;">Advocate for voter participation</h4> Help register people to vote.</li>
<li><h4 style="color:#047778;">Care for victims and families</h4> Volunteer with the Brady campaign or give them a donation.</li>
<li><h4 style="color:#047778;">Care for victims and families</h4> Donate to non-profits who care for victims and families.</li>
<li><h4 style="color:#047778;">Care for victims and families</h4> Write or share a post about a victim of gun violence.</li>
</ul>
</h1>
<div class="actions">
<a href="#" id="another" class="btn btn-large shuffle pull-left"><h4><span class="fa fa-refresh"></span> Show another</h4></a>
<a href="#" id="tweet" class="btn btn-large pull-right" target="_blank"><h4><span class="fa fa-twitter" style="color:#55acee;"></span> Tweet this idea</h4></a>
</div>
</div>
<footer class="footer">
<div class="container">
<h3>When it comes to reducing gun violence, small actions add up. Pick your idea and take action.</h3>
<p class="text-muted pull-left"><a href="https://kluge.typeform.com/to/zNBNd6" target="_blank">Submit an idea</a></p>
<p class="text-muted pull-right">By <a href="https://twitter.com/calexity" target="_blank">@calexity</a> and <a href="https://twitter.com/arturoeperez" target="_blank">@arturoeperez</a> using <a href="https://twitter.com/dhendee" target="_blank">@dhendee</a>'s PitchMeAgain.com</p>
</div>
</footer>
</body>
</html>