Browse code

Rework video on press page

Sebastian Hahn authored on20/07/2015 17:33:44
Showing2 changed files
... ...
@@ -16,7 +16,8 @@
16 16
 
17 17
 <h2>Video About Tor</h2>
18 18
 <p>
19
-	A two-minute video explaining what Tor is and how it works. 
19
+	Click on the image below for
20
+	a two-minute video explaining what Tor is and how it works.
20 21
 	This video is available for <a href="https://media.torproject
21 22
 	.org/video/2015-03-animation/">download</a> and streaming 
22 23
 	both on Tor Project <a href="https://blog.torproject.org/blog/
... ...
@@ -26,22 +27,18 @@
26 27
 </p>
27 28
 <div style="text-align:center;">
28 29
 
29
-<video width="500" height="281" controls preload="none" poster="https://people.torproject.org/~nima/03-2015-Tor-Animation/Screen-Shot.jpg">
30
-	<source src="https://media.torproject.org/video/2015-03-animation/HQ/Tor_Animation_en.webm" type="video/webm">
31
-	<track label="English" kind="captions" src="https://people.torproject.org/~nima/03-2015-Tor-Animation/subs/vtt/en.vtt" srclang="en" default>
32
-</video>
30
+<a href="<page press/video>">
31
+	<img width="500" height="282" src="$(IMGROOT)/tor-animation.jpg" alt="The Tor Animation">
32
+</a>
33 33
 </div>
34 34
 
35 35
 <h2>Media Appearances</h2>
36 36
 <p>Major news organizations including the New York Times, Forbes, Al
37 37
 Jazeera, Washington Post, Le Monde, NPR, BBC, and more have sought out
38
-or quoted Tor Project members due to their expertise on anonymity,
39
-privacy, and Internet censorship issues.</p>
40
-<p>Since Tor is widely used throughout the world, it is mentioned
41
-regularly in the press.  This list is not comprehensive, but illustrates
38
+or quoted Tor Project members due to our expertise in anonymity,
39
+privacy, and Internet censorship issues. A sample of such media
40
+appearances is below. This list is not comprehensive, but illustrates
42 41
 some of the significant Tor-related stories that have popped up.</p>
43
-<p>A sample of such media appearances and mentions is below in order of
44
-newest to oldest: </p>
45 42
 
46 43
 <table width="100%" cellpadding="3" cellspacing="0">
47 44
 
48 45
new file mode 100644
... ...
@@ -0,0 +1,44 @@
1
+## translation metadata
2
+# Revision: $Revisions$
3
+# Translation-Priority: 3-low
4
+
5
+#include "head.wmi" TITLE="Tor Project: Tor Animation"
6
+<div id="content" class="clearfix">
7
+  <div id="breadcrumbs">
8
+    <a href="<page index>">Home &raquo; </a>
9
+    <a href="<page press/press>">Press</a>
10
+  </div>
11
+<div id="maincol">
12
+    <!-- PUT CONTENT AFTER THIS TAG -->
13
+<h1>Tor Tor Animation</h1>
14
+
15
+<br>
16
+
17
+<p>
18
+	A two-minute video explaining what Tor is and how it works.?
19
+	This video is available for <a href="https://media.torproject
20
+	.org/video/2015-03-animation/">download</a> and streaming?
21
+	both on Tor Project <a href="https://blog.torproject.org/blog/
22
+	releasing-tor-animation">website</a> and via <a href="https://www
23
+	.youtube.com/playlist?list=PLwyU2dZ3LJErtu3GGElIa7VyORE2B6H1H">
24
+	YouTube</a> in many different languages.
25
+</p>
26
+<div style="text-align:center;">
27
+
28
+<video width="500" height="281" controls preload="none" poster="images/tor-animation.jpg">
29
+	<source src="https://media.torproject.org/video/2015-03-animation/HQ/Tor_Animation_en.webm" type="video/webm">
30
+	<track label="English" kind="captions" src="https://people.torproject.org/~nima/03-2015-Tor-Animation/subs/vtt/en.vtt" srclang="en" default>
31
+</video>
32
+</div>
33
+
34
+</div>
35
+<!-- END MAINCOL -->
36
+<div id = "sidecol">
37
+#include "side.wmi"
38
+#include "info.wmi"
39
+  </div>
40
+  <!-- END SIDECOL -->
41
+</div>
42
+<!-- END CONTENT -->
43
+#include <foot.wmi>
44
+