template.html

<!DOCTYPE html>
<html lang="{{lang}}" dir="ltr">
<head>
	<title>{{title}}</title>
	<base href="{{ base }}" />
	<meta name="title" content="{{title}}" />
	<meta name="description" content="{{description}}" />
	<meta property="og:image" content="http://endgeoblocking.eu/endgeoblocking.jpg" />
	<meta property="og:image:width" content="900" />
	<meta property="og:image:height" content="506" />
	<meta property="og:description" content="{{description}}" />
	<meta property="og:title" content="{{title}}" />
	<meta property="og:see_also" content="https://juliareda.eu/" />
	<meta property="og:locale" content="{{lang}}" />
	<meta property="og:locale:alternate" content="en" />
	<meta property="og:locale:alternate" content="de" />
	<meta property="og:type" content="website" />
	<meta property="twitter:title" content="{{title}}" />
	<meta property="twitter:url" content="http://endgeoblocking.eu/" />
	<meta property="twitter:card" content="summary" />
	<meta property="twitter:site" content="@senficon" />
	<meta property="twitter:description" content="{{description}}" />
	<meta property="twitter:image" content="http://endgeoblocking.eu/endgeoblocking.jpg" />
	<meta property="twitter:image:alt" content="End Geoblocking Sticker" />
	<meta name="google-site-verification" content="qtkFmU40bcQlPJYrqGOPUOR7sKtSFCxc3gQbUOzUDro" />
	<meta name="rights" content="Creative Commons Zero" />
	<script type="text/javascript" src="https://juliareda.eu/wp-includes/js/jquery/jquery.js?ver=2.7"></script>
	<script type="text/javascript" src="https://juliareda.eu/wp-content/plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-en.js?ver=2.7"></script>
	<script type="text/javascript" src="https://juliareda.eu/wp-content/plugins/wysija-newsletters/js/validate/jquery.validationEngine.js?ver=2.7"></script>
	<script type="text/javascript" src="https://juliareda.eu/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.7"></script>
	<script type="text/javascript">
		/* <![CDATA[ */
		var wysijaAJAX = {"action":"wysija_ajax","controller":"subscribers","ajaxurl":"https://juliareda.eu/wp-admin/admin-ajax.php","loadingTrans":"Loading..."};
		/* ]]> */
	</script>
	<link rel="stylesheet" type="text/css" href="endgeoblocking.css" />
	<!--meta name="viewport" content="width=740px" /-->

	<script type="text/javascript" src="endgeoblocking.js"></script>
	<noscript><p><img src="//stats.juliareda.eu/piwik.php?idsite=6" style="border:0;" alt="" /></p></noscript>
</head>
<body class="lang-{{lang}}">
	<!--div id="tape"></div-->
	<div id="menu">
		<div class="column">
			<ul>
				<li><a href="javascript:;" onclick="document.location.hash='unfair'">{{menu.unfair}}</a></li>
		  		<li><a href="javascript:;" onclick="document.location.hash='voices'">{{menu.voices}}</a></li>
		  		<li><a href="javascript:;" onclick="document.location.hash='todo'">{{menu.todo}}</a></li>
		  		<li><a href="javascript:;" onclick="document.location.hash='learn'">{{menu.learn}}</a></li>
				<li class="last"><a href="javascript:;" class="btn" onclick="signup(); return false">{{menu.signup}}</a></li>
			</ul>
		</div>
	</div>

	<section id="intro">
		<div class="column">
			<select id="langselect" onchange="switchLang(this.options[this.selectedIndex].value)">
				<option value="de">DE - Deutsch</option>
				<option value="en">EN - English</option>
			</select>
			<img id="logo" src="img/geoblocking-stamp-dirty-white.png" width="200" style="opacity:1" />
			<h2 class="intro">{{intro}}</h2>
			<div id="screen">
				<div id="noise"></div>
			</div>
		</div>
		<!--div class="tape"></div-->
		<div id="topbox" class="column">
			<div class="tape"></div>
			<h3>
				{{tape}}
				<span class="now">{{now}}</span> <span class="join">{{joinus}}</span>
			</h3>
			<h1>
				<span>{{title}}</span>
				<a id="agree" class="bigbtn" href="javascript:;" onclick="signup(); return false"><img src="img/up.png" width=40 /><span>{{agree}}</span></a>
			</h1>
			<div id="signup">
				<div class="inner0">
				<div class="inner">
					<img class="stamp" src="img/geoblocking-stamp-dirty-white.png" width="150" />

					<p class="appeal"><strong>{{appeal.fight}}</strong><br /><strong class="hi">{{appeal.voice}}</strong> {{appeal.signup}}</p>

					<div class="widget_wysija_cont html_wysija"><div id="msg-form-wysija-html5724fb21bf17a-4" class="wysija-msg ajax"></div>
					<form id="form-wysija-html5724fb21bf17a-4" method="post" action="#wysija" class="widget_wysija html_wysija">
						<input type="hidden" name="form_id" value="4" />
						<input type="hidden" name="action" value="save" />
						<input type="hidden" name="controller" value="subscribers" />
						<input type="hidden" value="1" name="wysija-page" />
						<input type="hidden" name="wysija[user_list][list_ids]" value="5" />

						<input id="email" type="email" placeholder="email" title="email" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" />
						<input type="submit" value="{{end}}" />
						<span class="abs-req">
							<input type="hidden" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
						</span>
						<small>{{privacy}}</small>
					</form>
					</div>

					<p>{{friends}}<br /><strong>{{defeat}}</strong></p>
				</div>
				</div>
				<a class="down" href="javascript:;" onclick="document.location.hash='join'">
					<span>&raquo;</span>
				</a>
			</div>

		</div>
	</section>

	<section id="unfair">
		<div class="column">
			<h2>{{unfair.title}}</h2>
			<ol>
				<li>
					<h3>{{unfair.discrimination.title}}</h3>
					<p>
						{{unfair.discrimination.pretext}}<abbr title="{{unfair.discrimination.abbr}}"><sup><a href="https://www.youtube.com/watch?v=ktXuLZ5qYOo#t=29m6s" target="_blank">[ELEN]</a></sup></abbr> &ndash; {{unfair.discrimination.posttext}}
					</p>
				</li>
				<li>
					<h3>{{unfair.artists.title}}</h3>
					<p>
						{{unfair.artists.text}}
					</p>
				</li>
				<li>
					<h3>{{unfair.audiences.title}}</h3>
					<p>
 						{{unfair.audiences.text}}
					</p>
				</li>
				<li>
					<h3>{{unfair.principles.title}}</h3>
					<p>
						{{unfair.principles.text}}
					</p>
				</li>
				<li class="last">
					<h3>{{unfair.economy.title}}</h3>
					<p>
						 {{unfair.economy.text}}<abbr title="Estimated potential demand among intra-EU migrants for subscription-based cross-border audiovisual media services - Plum Consulting, 2012 (pg. 157)"><sup><a href="http://ec.europa.eu/internal_market/media/docs/elecpay/plum_tns_final_en.pdf" target="_blank">[Plum]</a></sup></abbr>
					</p>
				</li>
			</ol>
		</div>
	</section>

	<section id="voices">
		<div class="tape"></div>
		<div class="column">
			<h2>{{voices.title}}</h2>

			<h3>{{voices.text}}</h3>

			<h3 class="stat">{{stat.title}} <abbr title="{{stat.consultation}}"><sup><a href="{{stat.link}}" target="_blank">[EC]</a></sup></abbr><br />
				<span class="stat">
					<span class="num">80%</span><span class="btwn">{{stat.geoblocked}}</span>
				</span>
				<span class="stat">
					<span class="num">90%</span><span class="btwn">{{stat.never}}</span>
				</span>
				<span class="stat">
					<span class="num long">{{stat.majority}}</span><span class="btwn">{{stat.laws}}</span>
				</span>
			</h3>

			<div class="quote supporter">
				<div class="photo" style="background-image:url(img/ppl/juliareda.jpg)"></div>
				<blockquote>
					<div>{{supporters.julia.text}}</div>
					<cite>
						<a href="https://juliareda.eu" target="_blank" class="name">Julia Reda</a>, {{supporters.julia.position}}
						<p style="margin-top:.6em">
							<a class="gobtn" href="https://www.youtube.com/watch?v=MF8k5ooc4mw" target="blank">&#9654; {{supporters.julia.watch}}</a>
						</p>
					</cite>
				</blockquote>
			</div>

			<div class="quote supporter">
				<div class="photo" style="background-image:url(img/ppl/elen.png); background-size: contain; background-color:#345"></div>
				<blockquote>
					<div>{{supporters.elen.text}}</div>
					<cite>
						 <a href="http://elen.ngo/" target="_blank" class="name">{{supporters.elen.position}}</a>
					</cite>
				</blockquote>
			</div>

			<div class="quote supporter">
				<div class="photo" style="background-image:url(img/ppl/carmen.jpg)"></div>
				<blockquote>
					<div>{{supporters.bermejo.text}}</div>
					<cite>
						<span class="name">Carmen Bermejo</span>, {{supporters.bermejo.position}}  <a href="http://www.asociacionstartups.es/" target="_blank">{{supporters.bermejo.orga}}</a>
					</cite>
				</blockquote>
			</div>

  			<div class="twocol">
				<div class="col">

					<div class="quote">
						<blockquote>
							<div>{{quotes.beuc.text}}</div>
							<cite>
								<div class="photo" style="background-image:url(img/ppl/beuc.png); background-size: contain;"></div>
								 <a href="http://www.beuc.eu/geoblocking" target="_blank" class="name">{{quotes.beuc.from}}</a> <span>{{quotes.not}}</span>
							</cite>
						</blockquote>
					</div>

					<div class="quote">
						<blockquote>
							<div>{{quotes.eyif.text}}</div>
							<cite>
								<div class="photo" style="background-image:url(img/ppl/eyif.png);"></div>
								 <a href="http://younginnovator.eu/wp-content/uploads/European-Startup-Act-2020.pdf" target="_blank" class="name">European Startup Act 2020</a> {{quotes.eyif.from}} <span>{{quotes.not}}</span>
							</cite>
						</blockquote>
					</div>


				</div>
				<div class="col">

					<div class="quote">
						<blockquote>
							<div>{{quotes.ansip.text}}</div>
							<cite>
								<div class="photo" style="background-image:url(img/ppl/ansip.jpg)"></div>
								 <span class="name">Andrus Ansip</span>, {{quotes.ansip.from}} <a href="{{quotes.ansip.link}}" target="_blank">{{quotes.ansip.ec}}</a> <span>{{quotes.not}}</span>
							</cite>
						</blockquote>
					</div>

					<div class="quote">
						<blockquote>
							<div>{{quotes.aegee.text}}</div>
							<cite>
								<div class="photo" style="background-image:url(img/ppl/aegee.jpg)"></div>
								 <span class="name">Aleksandra Kluczka</span>, {{quotes.aegee.from}} <a href="http://aegee.eu/" target="_blank">{{quotes.aegee.aegee}}</a> <abbr title="European Parliament Dec 10, 2015"><sup><a href="https://www.youtube.com/watch?v=ktXuLZ5qYOo#t=36m18s" target="_blank">[12/2015]</a></sup></abbr>
								 <span>{{quotes.not}}</span>
							</cite>
						</blockquote>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="todo">
		<div class="tape"></div>
		<div class="column">
			<h2>{{todo.title}}</h2>
			<ol>
				<li>
					<div class="check">
						<h4>{{todo.current}}</h4>
						<strong class="no"><span class="light"></span>{{todo.passive.status}}</strong><abbr title="{{todo.passive.statuslong}}"><sup>[?]</sup></abbr>
						<a href="javascript:;" class="btn" onclick="signup(); return false">{{todo.demand}}</a>
					</div>
					<h3>{{todo.passive.title}}</h3>
					<p>
						{{todo.passive.text}}
					</p>
				</li>
				<li>
					<div class="check">
						<h4>{{todo.current}}</h4>
						<strong class="maybe"><span class="light"></span>{{todo.law.status}}</strong><abbr title="{{todo.law.statuslong}}"><sup><a href="{{todo.law.statuslong}}" target="_blank">[EC]</a></sup></abbr>
						<a href="javascript:;" class="btn" onclick="signup(); return false">{{todo.demand}}</a>
					</div>
					<h3>{{todo.law.title}}</h3>
					<p>
						{{todo.law.text}}
					</p>
				</li>
				<li>
					<div class="check">
						<h4>{{todo.current}}</h4>
						<strong class="maybe"><span class="light"></span>{{todo.roaming.status}}</strong><abbr title="{{todo.roaming.statuslong}}"><sup><a href="{{todo.roaming.link}}" target="_blank">[EP]</a></sup></abbr>
						<a href="javascript:;" class="btn" onclick="signup(); return false">{{todo.demand}}</a>
					</div>
					<h3>{{todo.roaming.title}}</h3>
					<p>
 						{{todo.roaming.text}}
					</p>
				</li>
			</ol>
		</div>
	</section>

	<section id="learn">
		<div class="tape"></div>
		<div class="column">
			<h2>{{learn.title}}</h2>
			<div class="twocol">
				<div class="col">
					<h3>{{learn.factsheet.title}}</h3>
					<a href="endgeoblocking-briefing.pdf" target="_blank"style="background-image:url(img/briefing2.png)" class="vid"><span class="rot270">&#x21e0;</span></a>
					<p>
						<a class="gobtn"  href="endgeoblocking-briefing.pdf" target="_blank">{{learn.factsheet.pdf}}</a></p>
					<p>
						{{learn.factsheet.incl}}
						<ul>
							<li>{{learn.factsheet.reasons}}</li>
							<li>{{learn.factsheet.common}}</li>
						</ul>
					</p>
				</div>
				<div class="col">
					<h3>{{learn.presentation.title}}</h3>
					<a href="https://www.youtube.com/watch?v=MF8k5ooc4mw" target="_blank" class="vid" style="background-image:url(img/video-talk.jpg)">&#9654;</a>
					<p><a class="gobtn" href="https://www.youtube.com/watch?v=MF8k5ooc4mw" target="_blank">&#9654; {{learn.presentation.watch}}</a></p>
					<p>{{learn.presentation.text}}</p>
				</div>
			</div>
		</div>
	</section>

	<section id="join">
		<div class="tape"></div>
		<div class="column">
			<h2>{{join.title}}</h2>

			<h3><span class="num">01</span> {{join.signup}}</h3>

			<div class="widget_wysija_cont html_wysija sec"><div id="msg-form-wysija-html5724fb21bf17a2-4" class="wysija-msg ajax"></div>
				<form id="form-wysija-html5724fb21bf17a2-4" method="post" action="#wysija" class="widget_wysija html_wysija">
					<input type="hidden" name="form_id" value="4" />
					<input type="hidden" name="action" value="save" />
					<input type="hidden" name="controller" value="subscribers" />
					<input type="hidden" value="1" name="wysija-page" />
					<input type="hidden" name="wysija[user_list][list_ids]" value="5" />

					<input id="email" type="email" placeholder="email" title="email" name="wysija[user][email]" class="wysija-input validate[required,custom[email]]" />
					<input type="submit" value="{{end}}" />
					<span class="abs-req">
						<input type="hidden" name="wysija[user][abs][email]" class="wysija-input validated[abs][email]" value="" />
					</span>
					<small>{{privacy}}</small>
				</form>
				</div>

			<h3><span class="num">02</span> {{join.spread}}</h3>

			<div class="twocol">
				<div class="col">
					<iframe width="350" height="195" src="https://www.youtube-nocookie.com/embed/WbiacSD13qk" frameborder="0" allowfullscreen></iframe><br />
					<a href="https://youtu.be/WbiacSD13qk">{{join.reallife}}</a> <small style="opacity: .5">{{join.by}} <a href="http://www.beuc.eu/geoblocking" target="_blank">BEUC</a></small>
				</div>
				<div class="col">
					<iframe src="https://web.facebook.com/plugins/video.php?href=https%3A%2F%2Fweb.facebook.com%2FJuliaRedaMEP%2Fvideos%2Fvb.1444482109146991%2F1712801232315076%2F%3Ftype%3D3&show_text=0&width=350" width="350" height="195" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe><br />
					<a href="https://youtu.be/0-cYWnjM4fc">{{join.geoblocked}}</a>
					<small style="opacity: .5">{{join.by}} <a href="https://juliareda.eu" target="_blank">MEP Julia Reda</a></small>
				</div>
			</div>

			<div><br style="clear:both" /><br />
				<a class="tw" href="{{join.link}}" target="share" onclick="var w=window.open(this.href, 'share', 'width=550,height=270,left='+(screen.width/2-275)+','+'top='+(screen.height/2-220));"><img src="img/tw.png" width="46" /> <span>{{join.tweetthis}}</span></a><blockquote class="tweetthis">
				{{join.tweet}}
				</blockquote>
				<br style="clear:both" />
			</div>

			<a href="https://www.facebook.com/endgeoblocking/" target="_blank" class="fb"><img src="img/fb-like.png" width="50" /> <span>{{join.fb}}</span></a>


			<p style="text-align: center; margin-top: 2em">
				<a href="img/endgeoblocking-stamp-blue.png"><img src="img/endgeoblocking-stamp-blue.png" width="170" /></a>
				<a href="img/endgeoblocking-stamp-red.png"><img src="img/endgeoblocking-stamp-red.png" width="170" /></a>
				<a href="img/endgeoblocking-sticker.png"><img src="img/endgeoblocking-sticker.png" width="160" /></a>
			</p>
		</div>

		<p id="credits">
			{{credits.createdby}} <a href="https://juliareda.eu">MEP Julia Reda</a> {{credits.volunteers}} <a href="https://github.com/JuliaRedaMEP/endgeoblocking.eu">{{credits.gh}}</a><br />
			{{credits.cc}}
		</p>
	</section>


</body>
</html>