-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
103 lines (96 loc) · 4.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="ui/css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js"></script>
<title>FCC forensics</title>
</head>
<body class="container">
<div class="logo-image">
<a href="https://ragtag.org/"><img src="//static1.squarespace.com/static/58265bb0b8a79bc71b1ae170/t/59714754ebbd1a218c7904cc/1500562947888/?format=1500w" alt="Ragtag"></a>
</div>
<div>
<a href="https://github.com/RagtagOpen/fccforensics">fccforensics</a> is a
project by Ragtag volunteers to collect and analyze <a href="https://ecfsapi.fcc.gov/filings">comments on the FCC's plan to abolish net neutrality.</a>
</div>
<div id="app">
<!--
<div class="row">
<div class="col-md-8">
<div class="description">
Who is writing these comments on the FCC site? Real people are strongly in favor of net neutrality; bots are against it.
</div>
<h4>Anti-Title II comments</h4>
<div id="bySourceNegative"></div>
<h4>Pro-Title II comments</h4>
<div id="bySourcePositive"></div>
</div>
</div>
-->
<div class="row">
<div class="col-md-8">
<h3>Sentiment and email breaches</h3>
<div class="description">
What happens when you check a random sample of commenter's email addresses against the <a href="https://haveibeenpwned.com">https://haveibeenpwned.com</a> API? The email addresses of the anti-Title II comments are much more likely to have been exposed in a data breach.
</div>
<h4>Anti-Title II comments</h4>
<div id="breachedNegative"></div>
<h4>Pro-Title II comments</h4>
<div id="breachedPositive"></div>
</div>
</div>
<div class="row">
<h3>About the sources</h3>
</div>
<div class="row sources">
<ul>
<li><i class="fa fa-user-circle-o"></i> <b>Individuals</b> write comments that are unique, and don't exactly match lots of other comments</li>
<li><i class="fa fa-bullhorn"></i> <b>Forms</b> come from websites that submit comments on a person's behalf, or provide sample text for people to cut and paste into the FCC comment form. Advocacy groups want people to find and use their message.</li>
<li><i class="fa fa-server"></i> <b>Bots</b> are large groups of comments whose text can't be found via Google.</li>
</ul>
<div class="col-md-6">
<h4>Anti-Title II</h4>
<ul class="list-group">
<source-description v-for="source in negativeSources" :source="source"></source-description>
</ul>
</div>
<div class="col-md-6">
<h4>Pro-Title II</h4>
<source-description v-for="source in positiveSources" :source="source"></source-description>
</div>
</div>
</div>
<script type="text/x-template" id="sources-template">
<li class="list-group-item justify-content-between">
<div class="d-flex w-100 justify-content-between source-header">
<span>
<i class="fa" :class="source.iconClass" :title="source.icon"></i>
<span class="name" v-if="source.url">
<a :href="source.url">{{source.id}}</a>
</span>
<span class="name" v-else>{{source.id}}</span>
</span>
<span class="badge badge-default badge-pill">{{source.count}}</span>
</div>
<div class="sample">
<pre>{{source.sample}}</pre>
</div>
</li>
</script>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/billboard.js/1.0.1/billboard.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/billboard.js/1.0.1/billboard.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="ui/src/app.js"></script>
</body>
</html>