Skip to content

Commit

Permalink
Split up content to includes and layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@stefanw
stefanw committed Dec 11, 2013
1 parent 1b9bcf6 commit 0555a46
Show file tree
Hide file tree
Showing 7 changed files with 869 additions and 2,999 deletions.
441 changes: 441 additions & 0 deletions _includes/footnotes.html
View file

Large diffs are not rendered by default.

150 changes: 150 additions & 0 deletions _includes/intro.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,150 @@
<section class="section">
<div class="page-header">
<h2 id="intro">Introduction</h2>
</div>

<div class="row">
<div class="col-lg-8">
<div class="form-group">
<label for="name">Name (optional)</label>
<input type="text" class="form-control" id="name" placeholder="Optionally enter your name">
<p class="help-block">
You don't have to give your name, your answer can be anonymous.
</p>
</div>
</div>
<div class="col-lg-4">

</div>
</div>

<h3>Organisations</h3>

<div class="row">
<div class="col-lg-8">
<div class="form-group">
<p>If you
are a Registered organisation, please indicate your Register ID
number below. Your contribution will then be considered as
representing the views of your organisation.</p>
<label for="register-id">EU Lobby Register ID</label>
<input type="text" class="form-control" id="register-id" placeholder="Register ID">
<p>
If your organisation is not registered, you have the opportunity to <a href="https://ec.europa.eu/transparencyregister/info/homePage.do">register now</a>.
Responses from organisations not registered will be published separately.
</p>
</div>
</div>
<div class="col-lg-4">
<p>
In the interests of transparency, organisations (including, for example, NGOs, trade associations and commercial enterprises) are invited to provide the public with relevant information about themselves by registering in the Interest Representative Register and subscribing to its Code of Conduct.
</p>
</div>
</div>

<div class="row">
<div class="col-lg-8">
<h4>Type of respondent</h4>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" value="enduser" checked>
<strong>End user/consumer</strong>
<span class="help">
(e.g. internet user, reader, subscriber to music or audiovisual service, researcher, student)
</span>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-representEnduser" value="representEnduser">
<strong>Representative of end users/consumers</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-institution" value="institution">
<strong>Institutional user</strong>
<span class="help">
(e.g. school, university, research centre, library, archive)
</span>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-representInstitution" value="representInstitution">
<strong>Representative of institutional users</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-author" value="author">
<strong>Author/Performer</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-representAuthor" value="representAuthor">
<strong>Representative of authors/performers</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-publisher" value="publisher">
<strong>Publisher/Producer/Broadcaster</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-representPublisher" value="representPublisher">
<strong>Representative of publishers/producers/broadcasters</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-intermediary" value="intermediary">
<strong>Intermediary/Distributor/Other service provider</strong>
<span class="help">
(e.g. online music or audiovisual service, games platform, social media, search engine, ICT industry)
</span>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-representIntermediary" value="representIntermediary">
<strong>Representative of intermediaries/distributors/other service providers</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-collective" value="collective">
<strong>Collective Management Organisation</strong>
</label>
</div>

<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-publicauthority" value="publicauthority">
<strong>Public authority</strong>
</label>
</div>

<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-memberstate" value="memberstate">
<strong>Member State</strong>
</label>
</div>

<div class="radio">
<label>
<input type="radio" name="typeofrespondent" id="typeofrespondent-other" value="other">
<strong>Other</strong>
</label>
<div class="radio-text">
<label for="otherrespondent">Please explain</label>
<textarea class="form-control" id="typeofrespondent-other-text"></textarea>
</div>
</div>
</div>
</div>
</section>
50 changes: 50 additions & 0 deletions _includes/question.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<div class="row q-{{ question.num }}">
<div class="col-lg-8">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
{% if question.text %}
{{ question.text }}
{% else %}
{% for q in question.question %}
<div>
<small>To {{ q.to }}</small><br/>
{{ q.text }}
</div>
{% endfor %}
{% endif %}
</h3>
</div>
<div class="panel-body">
{% if question.type == 'multiple_choice' %}
{% for option in question.options %}
<div class="radio">
<label>
<input type="radio" name="q-{{ question.num }}" id="q-{{ question.num }}-{{ forloop.index0 }}" value="option2">
<strong>{{ option.label }}</strong>
</label>
{% if option.fulltext %}
<div class="radio-text">
<label for="q-{{ question.num }}-{{ forloop.index0 }}-text">
{{ option.details }}
</label>
<textarea class="form-control" id="q-{{ question.num }}-{{ forloop.index0 }}-text"></textarea>
</div>
{% endif %}
</div>
{% endfor %}
{% elsif question.type == 'open_question' %}
<textarea class="form-control" id="q-{{ question.num }}-text"></textarea>
{% endif %}
</div>
</div>
</div>
<div class="col-lg-4">
{% if question.explanation %}
<h4>Explanation</h4>
<p>
{{ question.explanation }}
</p>
{% endif %}
</div>
</div>
40 changes: 40 additions & 0 deletions _includes/section_2a.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<div class="pull-right">
<a href="#intro-2d" class="toggle">Show introduction</a>
</div>
<div id="intro-2d" style="display:none" class="row">
<div class="col-lg-8">
<h3>The territorial scope of the rights involved in digital transmissions and the segmentation of the market through licensing agreements</h3>
<p>
Holders of copyright and related rights – e.g. writers, singers, musicians - do not enjoy a single protection in the EU. Instead, they are protected on the basis of a bundle of national rights in each Member State. Those rights have been largely harmonised by the existing EU Directives. However, differences remain and the geographical scope of the rights is limited to the territory of the Member State granting them. Copyright is thus territorial in the sense that rights are acquired and enforced on a country-by-country basis under national law<sup><a class="sdfootnoteanc" name="sdfootnote9anc" href="#sdfootnote9sym">9</a></sup>.
</p>
<p>
The dissemination of copyright-protected content on the Internet – e.g. by a music streaming service, or by an online e-book seller – therefore requires, in principle, an authorisation for each national territory in which the content is communicated to the public. Rightholders are, of course, in a position to grant a multi-territorial or pan-European licence, such that content services can be provided in several Member States and across borders. A number of steps have been taken at EU level to facilitate multi-territorial licences: the proposal for a Directive on Collective Rights Management<sup><a class="sdfootnoteanc" name="sdfootnote10anc" href="#sdfootnote10sym">10</a></sup> should significantly facilitate the delivery of multi-territorial licences in musical works for online services<sup><a class="sdfootnoteanc" name="sdfootnote11anc" href="#sdfootnote11sym">11</a></sup>; the structured stakeholder dialogue “Licences for Europe”<sup><a class="sdfootnoteanc" name="sdfootnote12anc" href="#sdfootnote12sym">12</a></sup> and market-led developments such as the on-going work in the Linked Content Coalition<sup><a class="sdfootnoteanc" name="sdfootnote13anc" href="#sdfootnote13sym">13</a></sup>.
</p>
<p>
&quot;Licences for Europe&quot; addressed in particular the specific issue of cross-border portability, i.e. the ability of consumers having subscribed to online services in their Member State to keep accessing them when travelling temporarily to other Member States. As a result, representatives of the audio-visual sector issued a joint statement affirming their commitment to continue working towards the further development of cross-border portability<sup><a class="sdfootnoteanc" name="sdfootnote14anc" href="#sdfootnote14sym">14</a></sup>.
</p>
<p>
Despite progress, there are continued problems with the cross-border provision of, and access to, services. These problems are most obvious to consumers wanting to access services that are made available in Member States other than the one in which they live. Not all online services are available in all Member States and consumers face problems when trying to access such services across borders. In some instances, even if the “same” service is available in all Member States, consumers cannot access the service across borders (they can only access their “national” service, and if they try to access the &quot;same&quot; service in another Member State they are redirected to the one designated for their country of residence).
</p>
<p>
This situation may in part stem from the territoriality of rights and difficulties associated with the clearing of rights in different territories. Contractual clauses in licensing agreements between right holders and distributors and/or between distributors and end users may also be at the origin of some of the problems (denial of access, redirection).
</p>
<p>
The main issue at stake here is, therefore, whether further measures (legislative or non-legislative, including market-led solutions) need to be taken at EU level in the medium term<sup><a class="sdfootnoteanc" name="sdfootnote15anc" href="#sdfootnote15sym">15</a></sup> to increase the cross-border availability of content services in the Single Market, while ensuring an adequate level of protection for right holders.
</p>
</div>
<div class="col-lg-4">
<h4>Summary</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>

{% for question_num in (1..7) %}
{% for question in site.data.questions %}
{% if question.num == question_num %}
{% include question.html %}
{% endif %}
{% endfor %}
{% endfor %}
45 changes: 45 additions & 0 deletions _includes/section_2b.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<div class="pull-right">
<a href="#intro-2e" class="toggle">Show introduction</a>
</div>
<div id="intro-2e" style="display:none" class="row">
<div class="col-lg-8">
<h3>
Is there a need for more clarity as regards the scope of what needs to be authorised (or not) in digital transmissions?
</h3>
<h4>
1. The definition of the rights involved in digital transmissions
</h4>
<p>
The EU framework for the protection of copyright and related rights in the digital environment is largely established by Directive 2001/29/EC<sup><a class="sdfootnoteanc" name="sdfootnote16anc" href="#sdfootnote16sym">16</a></sup> on the harmonisation of certain aspects of copyright and related rights in the information society. Other EU directives in this field that are relevant in the online environment are those relating to the protection of software<sup><a class="sdfootnoteanc" name="sdfootnote17anc" href="#sdfootnote17sym">17</a></sup> and databases<sup><a class="sdfootnoteanc" name="sdfootnote18anc" href="#sdfootnote18sym">18</a></sup>.
</p>
<p>
Directive 2001/29/EC harmonises the rights of authors and neighbouring rightholders<sup><a class="sdfootnoteanc" name="sdfootnote19anc" href="#sdfootnote19sym">19</a></sup> which are essential for the transmission of digital copies of works (e.g. an e-book) and other protected subject matter (e.g. a record in a MP3 format) over the internet or similar digital networks.
</p>
<p>
The most relevant rights for digital transmissions are the reproduction right, i.e. the right to authorise or prohibit the making of copies<sup><a class="sdfootnoteanc" name="sdfootnote20anc" href="#sdfootnote20sym">20</a></sup>, (notably relevant at the start of the transmission – e.g. the uploading of a digital copy of a work to a server in view of making it available – and at the users’ end – e.g. when a user downloads a digital copy of a work) and the communication to the public/making available right, i.e. the rights to authorise or prohibit the dissemination of the works in digital networks<sup><a class="sdfootnoteanc" name="sdfootnote21anc" href="#sdfootnote21sym">21</a></sup>. These rights are intrinsically linked in digital transmissions and both need to be cleared.
</p>

<h4>2. The act of “making available”</h4>
<p>
Directive 2001/29/EC specifies neither <U>wh</U><U>at</U> is covered by the making available right (e.g. the upload, the accessibility by the public, the actual reception by the public) nor <U>where</U> the act of “making available” takes place. This does not raise questions if the act is limited to a single territory. Questions arise however when the transmission covers several territories and rights need to be cleared (does the act of &quot;making available&quot; happen in the country of the upload only? in each of the countries where the content is potentially accessible? in each of the countries where the content is effectively accessed?). The most recent case law of the Court of Justice of the European Union (CJEU) suggests that a relevant criterion is the “targeting” of a certain Member State's public<sup><a class="sdfootnoteanc" name="sdfootnote22anc" href="#sdfootnote22sym">22</a></sup>. According to this approach the copyright-relevant act (which has to be licensed) occurs at least in those countries which are “targeted” by the online service provider. A service provider “targets” a group of customers residing in a specific country when it directs its activity to that group, e.g. via advertisement, promotions, a language or a currency specifically targeted at that group.
</p>
</div>
<div class="col-lg-4">
<h4>Summary</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>

{% for question_num in (8..9) %}
{% for question in site.data.questions %}
{% if question.num == question_num %}
{% include question.html %}
{% endif %}
{% endfor %}
{% endfor %}

<h4>
1. The definition of the rights involved in digital transmissions
</h4>
77 changes: 77 additions & 0 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>{{ site.title }}</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".side-navbar">

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<form class="navbar-form navbar-left" role="search">
<button id="compile" type="submit" class="btn btn-default">Download ODT</button>
</form>
</nav>

<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>
<small>Inofficial web form for the</small><br/>
Public Consultation<br/>
on the review of the EU copyright rules
</h1>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<div class="side-navbar">
<ul class="nav">
<li>
<a href="#intro">Introduction</a>
</li>
<li>
<a href="#rights-single-market">Rights and the functioning of the Single Market</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-10">

{{ content }}

</div>
</div> <!-- /.row -->
</div> <!-- /.container -->

<!-- Modal -->
<div class="modal fade" id="download-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">Download</h4>
</div>
<div class="modal-body">
<p>Please send the downloaded document to <a href="mailto:[email protected]">[email protected]</a>.
</p>
<p>The <a href="https://ec.europa.eu/internal_market/consultations/2013/copyright-rules/docs/privacy-statement_en.pdf">Privacy statement of the European Commission</a> applies.</p>

</div>
<div class="modal-footer">
<a id="download" href="" class="pull-right btn btn-primary disabled">Download</a>
<div class="pull-left" id="download-preparing">Please wait while download is preparing...</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jszip.js"></script>
<script type="text/javascript" src="js/eucopyright.js"></script>
</body>
</html>
Loading

0 comments on commit 0555a46

Please sign in to comment.