forked from PPOE/eucopyright
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (103 loc) · 8.22 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
---
layout: base
title: "Help reform copyright!"
icon: http://copywrongs.eu/img/30c3/icon.png
language: en
---
<style type="text/css"> @import "css/30c3.css"; </style>
<style type="text/css"> @import "css/font-awesome.min.css"; </style>
<script type="text/javascript" src="js/30c3.js"></script>
<div class="container step-start">
<div id="step-start" class="jumbotron">
{% include 30c3_lang.html %}
<h1>Help reform copyright!</h1>
<p><strong>The European Commission wants to hear your opinion</strong> on copyright reform. The aim of this site is to make it easier for you to respond to the <a href="http://ameliaandersdotter.eu/copyright-consultation-model-responses">official EU consultation</a> by filtering out the questions that do not relate to you directly. Together we can make our opinions and experiences heard!</p>
<p><small>One more thing: You can answer the question in any of the <a href="http://en.wikipedia.org/wiki/Languages_of_the_European_Union">24 official European languages</a> you are comfortable with!</small></p>
<h2>Which of these problems have you encountered with copyright in the EU?</h2>
<ul>
{% include problem.html key="youtube" text="YouTube videos are not available/playable in my country" %}
{% include problem.html key="imagesharing" text="I am confused about legality of sharing images on Facebook, Tumblr, etc" %}
{% include problem.html key="sharingcriminalization" text="I copy, share, download or stream copyright protected content or would like to and therefore feel criminalized." %}
{% include problem.html key="drm" text="I could not freely use media I bought because of DRM. In fact I had less control and freedom of the media than I would have in offline/analog world." %}
{% include problem.html key="resell" text="I have spent a lot of money on digital music tracks and books, but I cannot sell the ones I no longer want / need." %}
{% include problem.html key="mediacountry" text="Certain media was not available for me to buy in my country and/or a website I wanted to use was blocked in my country" %}
{% include problem.html key="remix" text="I don't dare to make a remix because of fear of repercussions" %}
{% include problem.html key="subtitle" text="I am confused about legality of subtitling, translating or converting media" %}
{% include problem.html key="fanfiction" text="My fan fiction or fan art might be illegal" %}
{% include problem.html key="stolencontent" text="My content was copied without my permission" %}
{% include problem.html key="takedown" text="My web service has been confronted with takedown notices and complaints because of potential copyright infringement." %}
<!--{% include problem.html key="affordmedia" text="I can't afford buying media and feel socially excluded" %}-->
{% include problem.html key="travel" text="When I travel to another member state, I am unsure how local copyright laws differ from at home" %}
<!--{% include problem.html key="cclicense" text="Collection society doesn't allow me to release my music under a Creative Commons license" %}-->
{% include problem.html key="filesharingconfusion" text="I am confused about legality of filesharing/torrenting and/or I have even gotten in trouble because of filesharing/torrenting" %}
{% include problem.html key="enforcement" text="I have found that copyright enforcement puts the interests of rightholders above those of citizens." %}
{% include problem.html key="links" text="I am confused about legality of sharing links to content under copyright protection" %}
{% include problem.html key="duration" text="I feel like copyright duration is excessively long" %}
</ul>
<a href="javascript:void(0)" class="btn btn-primary btn-lg" onclick="start(this)">Continue »</a>
<p><br /><small>Would you like to <a href="http://youcan.fixcopyright.eu/">respond to the full 80-question consultation</a> rather than this simplified form? It's not necessary to answer all the questions.</small></p>
</div>
<form id="consultation-form" method="post" action="{{ site.document_service }}">
<input type="hidden" name="language" value="{{ page.language }}" />
<div id="step-problem" class="jumbotron">
<p>Your problem:</p>
<h2></h2>
<p>This problem relates to the following question(s) in the consultation:</p>
<div id="problem"></div>
<a id="next" href="javascript:void(0)" class="btn btn-primary btn-lg" onclick="step()">Next problem »</a>
<div class="form-group give-name" style="display:none">
<label for="name">Your full name</label>
<input type="text" class="form-control save" name="name" id="name" placeholder="Enter your name">
<p class="help-block">
Please provide your name to make your voice count.
</p>
</div>
<div class="form-group give-name" style="display:none">
<label for="email"><span class="hidden-xs hidden-sm">Optional (use this when you are on Safari or IE): </span>Your email address</label>
<input type="email" class="form-control save" name="email" placeholder="[email protected]">
<p class="help-block">
<strong class="visible-xs visible-sm">The finished document will be sent to your email address.</strong>
<span class="hidden-xs hidden-sm">We can send you the finished document by email.</span>
<small>Your email address and all other input will <strong>not</strong> be used except for sending you the finished document.</small>
</p>
</div>
<a href="javascript:void(0)" class="download-document btn btn-primary btn-lg">Send answers »</a>
</div>
<div id="questions"><!-- visually hidden -->
{% for question in site.data.questions %}
{% include question_only.html %}
{% endfor %}
</div>
</form>
<div id="step-end" class="jumbotron">
<h2>Now send your feedback to the European Commission</h2>
<!-- prefilled fields -->
<input type="hidden" name="typeofrespondent" value="enduser" checked>
<input type="hidden" class="form-control" id="register-id" placeholder="Register ID">
<ol>
<li>
<a id="download" href="javascript:void(0)" class="btn btn-primary btn-lg" onclick="">Download response file</a>
</li>
<li>
<a href="mailto:[email protected]?subject={{ "My contribution to the copyright consultation" | uri_escape }}&body={{ "PLEASE MAKE SURE THE FILE consultation-document_en.odt WHICH YOU DOWNLOADED IS ATTACHED TO THIS EMAIL AND REMOVE THIS NOTICE" | uri_escape }}" target="_blank" class="btn btn-primary btn-lg">Send the downloaded document by email</a> to
<input size="43" value="[email protected]" onclick="this.select()" />
<p>
<small>The <a href="http://ec.europa.eu/internal_market/consultations/2013/copyright-rules/docs/privacy-statement_en.pdf">Privacy statement of the European Commission</a> applies.</small>
</p>
</li>
</ol>
<h2>Thanks for helping advocate for copyright reform!</h2>
<p>Would you share this page with your friends? The more responses the EU gets, the better the reform will be.</p>
<ul class="fa-ul">
<li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fcopywrongs.eu%2F" target="_blank"><i class="fa fa-facebook-square"></i> Share on Facebook</a></li>
<li><a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.copywrongs.eu&via=copywrongs&text={{ "I told the European Union what I think about copyright reform. You should, too!" | uri_escape }}&related=copywrongs" target="_blank"><i class="fa fa-twitter-square"></i> Share on Twitter</a></li>
<li><a href="https://plus.google.com/share?url=http://copywrongs.eu/" target="_blank"><i class="fa fa-google-plus-square"></i> Share on Google+</a></li>
</ul>
</div>
<div id="credits">
Contact us <a href="mailto:[email protected]">via email</a>,
or <a href="https://twitter.com/CopyWrongs">on Twitter</a> · made at <a href="https://events.ccc.de/congress/2013/"><img src="img/30c3/30c3.png" width="100" /></a> ·
Uses <a href="http://fontawesome.io/">Font Awesome</a>.
<a href="https://github.com/PPOE/eucopyright"><i class="fa fa-github"></i> Fork on GitHub</a>
</div>
</div>