forked from jernejc/insert-name-here
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
293 lines (286 loc) · 11.1 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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>[Insert name here]</title>
<meta name="description" content="">
<meta name="author" content="Jernej" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/owerwrites.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121310512-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-121310512-1');
</script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="header-nav-wrapper">
<div class="logo">
[Insert name here]
</div>
<div class="primary-nav-wrapper">
<nav>
<ul class="primary-nav">
<li>
<a href="#context">Context</a>
</li>
<li>
<a href="#engagement">Engagement</a>
</li>
<li>
<a href="#reputation">Reputation</a>
</li>
<li>
<a href="#platforms">Cross-platform</a>
</li>
</ul>
</nav>
<div class="secondary-nav-wrapper">
<ul class="secondary-nav">
<li class="subscribe">
<a href="mailto:[email protected]">Contact us</a>
</li>
</ul>
</div>
</div>
<div class="navicon">
<a class="nav-toggle" href="#">
<span></span>
</a>
</div>
</div>
</div>
</div>
<!-- SECTION: Goal -->
<section class="freebies has-padding" id="goal">
<div class="container freebies-intro">
<div class="row">
<div class="col-md-12">
<h4>Goal</h4>
</div>
</div>
<div class="row">
<div class="col-md-6 content-left">
<p>We want to bring back trust to the media by forcing them to focus on quality and factual information and not compete
in this “clickback” race that is happening at the moment. The solution is to empower the user in making informed judgement
quickly. For that, we supply them with the
<a href="#context">information</a> needed to verify a certain topic or realize its untrustworthiness.</p>
</div>
<div class="col-md-6 content-right">
<p>Users are able to do further research on the topic, evaluate news sources and share their
<a href="#engagement">contributions</a> with each other. We keep track of everyone's
<a href="#reputation">reputation</a> so they can be held accountable for their past and present work. Instead of building a separate system
the goal is to be present on existing platforms so user habits can remain intact.</p>
</div>
</div>
<div class="row overview">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<a href="#context">
<i class="icon icon-Book" aria-hidden="true"></i>
<h4>Context</h4>
</a>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-2">
<a href="#engagement">
<i class="icon icon-Pen" aria-hidden="true"></i>
<h4>Engagement</h4>
</a>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-2">
<a href="#reputation">
<i class="icon icon-Medal" aria-hidden="true"></i>
<h4>Reputation</h4>
</a>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-2">
<a href="#platforms">
<i class="icon icon-WorldGlobe" aria-hidden="true"></i>
<h4>Cross-platform</h4>
</a>
</div>
</div>
</div>
</section>
<!-- END SECTION: Goal -->
<!-- SECTION: Context -->
<section class="collective has-padding alternate-bg" id="context">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>Context</h4>
</div>
<div class="col-md-9">
<h5>Related content</h5>
<p>Whenever a user encounters a piece of content (article, post, tweet), it's added to the context it so often lacks - we attach related topics,
similar articles, social comments and so on. Different entities (people, places etc.) are identified within the text and connected to Wikipedia, Encyclopedia Britannica, Wolfram|Alpha
or other knowledgebases. Some basic information about the source and its <a href="#reputation">reputation</a> is also included.</p>
<p>With more information we can make a more informed descision about the subject, while also taking care of our news diet by reading multiple points of view.</p>
<div class="video-player">
<img src="img/swapping-bubbles.gif" width="100%" />
<small class="caption">Demo shows additional content attached to a tweet</small>
</div>
<h5>Content processing</h5>
<p>Our servers run a greedy spider network, analyzing articles from various sources and ingesting them into our databases
by running them through NLP algorithms for assessing structure and word importance. Once ingested, we use similarity
calculations on word vectors to match articles together and store similarity matrices for the documents.</p>
<h5>Boosting</h5>
<p>There's a potential bussines model available, by giving sources the ability to boost an articles score an make it more likely to relate.
The price is calculated by a biding process similar to an <a href="https://en.wikipedia.org/wiki/AdWords" target="_blank">Adwords</a> like system.
It would make the platform self sustaining and serve as a possible traffic source for news publisher. </p>
</div>
</div>
</div>
</section>
<!-- END SECTION: Context -->
<!-- SECTION: Engagement -->
<section class="collective has-padding" id="engagement">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>Engagement</h4>
</div>
<div class="col-md-9">
<h5>Report content</h5>
<p>Users can contribute by answering a set of questions on a piece of content to helps us asses it's validity and make
sure it's written within the
<a href="https://en.wikipedia.org/wiki/Journalism_ethics_and_standards" target="_blank">code of ethics</a>. The weight of the answers depends on the
<a href="#reputation">reputation</a> of the user.
<h5>Content contributions</h5>
<p>Users can append additional links that they consider relevant to the subject. It goes through the same NLP
process mentioned above, with the addition of the users <a href="#reputation">reputation</a>. We hope to crowdsource
the time and efford that's needed in order to research a given topic. This is crucial if users are to make judgements
quickly, but also keep them engaged.</p>
<div class="video-player">
<img src="img/contribute-demo.gif" width="100%">
<small class="caption">Protoype shows how a user can do further research on the topic</small>
</div>
</div>
</div>
</div>
</section>
<!-- END SECTION: Engagement -->
<!-- SECTION: Reputation -->
<section class="collective has-padding alternate-bg" id="reputation">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>Reputation</h4>
</div>
<div class="col-md-9">
<h5>Sources</h5>
<p>The reputation for an individual source is calculated by aggregating the
<a href="#engagement">scores</a> all of the articles it's associated with. This makes the most significant factor of ones credibility <b>consistency
over time</b>, instead of being judged based on an individual basis. In some cases we rely on 3rd party information to assess the reputation
of a given source (Domain Lookup, Web Archive, Opensources, Google News, etc.).</p>
<h5>Users</h5>
<p>Everytime a user makes a <a href="#engagement">contribution</a> he/she stakes his reputation on the line.
The content must be considered <a href="#context">related</a> by our server and have a high <a href="#engagement">score</a> in order to have a positive affect on the users reputation.
A history of non-relevant and low scoring contributions would have a negative affect.</p>
<p>
By default user accounts are anonymus, but have the ability to connect social accounts
(<a href="https://help.twitter.com/en/managing-your-account/about-twitter-verified-accounts" target="_blank">verified Twitter</a>,
<a href="https://www.facebook.com/help/1288173394636262" target="_blank">verified Facebook</a>) to identify as journalist or other experts in their respected fields,
which would also contribute to their reputation.</p>
<div class="video-player">
<img src="img/reddit-fake-header.jpg" width="100%">
<small class="caption">Reputation is shown next to the article</small>
</div>
</div>
</div>
</div>
</section>
<!-- END SECTION: Reputation -->
<!-- SECTION: Platforms -->
<section class="collective has-padding" id="platforms">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>Cross-platform</h4>
</div>
<div class="col-md-9">
<p>At the moment the prototype is in a form of a browser extension, but the API can be consumed in many other forms.</p>
<p>We don't want to break existing habbits that people have on social media, but rather enrich existing ones. Instead of
building a new platform, we will add content directly where news is already consumed. This means no matter the platform,
we can always be present.</p>
<div class="video-player">
<img src="img/different-platforms.gif" width="100%">
<small class="caption">Browser extension prototype can be used across multiple sites</small>
</div>
</div>
</div>
</div>
</section>
<!-- END SECTION: Platforms -->
<!-- SECTION: Footer -->
<footer class="has-padding footer-bg">
<div class="container">
<div class="row">
<div class="col-md-12 footer-branding">
<h2>Do you find this idea interesting?</h2>
<br />
<a href="mailto:[email protected]" class="btn secondary-white">Let us know</a>
</div>
</div>
<div class="row">
<div class="col-md-12 footer-nav">
<ul class="footer-primary-nav">
<li>
<a href="#context">Context</a>
</li>
<li>
<a href="#engagement">Engagement</a>
</li>
<li>
<a href="#reputation">Reputation</a>
</li>
<li>
<a href="#platforms">Cross-platform</a>
</li>
</ul>
<!--<ul class="footer-share">
<li>
<a href="#" class="share-trigger">
<i class="fa fa-share"></i>Share</a>
</li>
</ul>
<div class="share-dropdown">
<ul>
<li>
<a href="#" class="share-twitter">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="#" class="share-facebook">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="#" class="share-linkedin">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>-->
</div>
</div>
</div>
</footer>
<!-- END SECTION: Footer -->
<!-- JS Locals -->
<script src="js/min/jquery-1.11.2.min.js"></script>
<script src="js/min/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>