[tor-commits] [webwml/master] Rework video on press page

[sebastian at torproject.org]

commit 6c54d651013c8ceedcf9b3ec56697e50ac3edbfc
Author: Sebastian Hahn <sebastian at torproject.org>
Date:   Mon Jul 20 17:33:44 2015 +0200

    Rework video on press page
---
 images/tor-animation.jpg |  Bin 0 -> 587656 bytes
 press/en/press.wml       |   19 ++++++++-----------
 press/en/video.wml       |   44 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/images/tor-animation.jpg b/images/tor-animation.jpg
new file mode 100644
index 0000000..40ec89e
Binary files /dev/null and b/images/tor-animation.jpg differ
diff --git a/press/en/press.wml b/press/en/press.wml
index f774b65..141f0b6 100644
--- a/press/en/press.wml
+++ b/press/en/press.wml
@@ -16,7 +16,8 @@
 
 <h2>Video About Tor</h2>
 <p>
-	A two-minute video explaining what Tor is and how it works. 
+	Click on the image below for
+	a two-minute video explaining what Tor is and how it works.
 	This video is available for <a href="https://media.torproject
 	.org/video/2015-03-animation/">download</a> and streaming 
 	both on Tor Project <a href="https://blog.torproject.org/blog/
@@ -26,22 +27,18 @@
 </p>
 <div style="text-align:center;">
 
-<video width="500" height="281" controls preload="none" poster="https://people.torproject.org/~nima/03-2015-Tor-Animation/Screen-Shot.jpg">
-	<source src="https://media.torproject.org/video/2015-03-animation/HQ/Tor_Animation_en.webm" type="video/webm">
-	<track label="English" kind="captions" src="https://people.torproject.org/~nima/03-2015-Tor-Animation/subs/vtt/en.vtt" srclang="en" default>
-</video>
+<a href="<page press/video>">
+	<img width="500" height="282" src="$(IMGROOT)/tor-animation.jpg" alt="The Tor Animation">
+</a>
 </div>
 
 <h2>Media Appearances</h2>
 <p>Major news organizations including the New York Times, Forbes, Al
 Jazeera, Washington Post, Le Monde, NPR, BBC, and more have sought out
-or quoted Tor Project members due to their expertise on anonymity,
-privacy, and Internet censorship issues.</p>
-<p>Since Tor is widely used throughout the world, it is mentioned
-regularly in the press.  This list is not comprehensive, but illustrates
+or quoted Tor Project members due to our expertise in anonymity,
+privacy, and Internet censorship issues. A sample of such media
+appearances is below. This list is not comprehensive, but illustrates
 some of the significant Tor-related stories that have popped up.</p>
-<p>A sample of such media appearances and mentions is below in order of
-newest to oldest: </p>
 
 <table width="100%" cellpadding="3" cellspacing="0">
 
diff --git a/press/en/video.wml b/press/en/video.wml
new file mode 100644
index 0000000..62dc4d3
--- /dev/null
+++ b/press/en/video.wml
@@ -0,0 +1,44 @@
+## translation metadata
+# Revision: $Revisions$
+# Translation-Priority: 3-low
+
+#include "head.wmi" TITLE="Tor Project: Tor Animation"
+<div id="content" class="clearfix">
+  <div id="breadcrumbs">
+    <a href="<page index>">Home » </a>
+    <a href="<page press/press>">Press</a>
+  </div>
+<div id="maincol">
+    <!-- PUT CONTENT AFTER THIS TAG -->
+<h1>The Tor Animation</h1>
+
+<br>
+
+<p>
+	A two-minute video explaining what Tor is and how it works.
+	This video is available for <a href="https://media.torproject
+	.org/video/2015-03-animation/">download</a> and streaming
+	both on Tor Project <a href="https://blog.torproject.org/blog/
+	releasing-tor-animation">website</a> and via <a href="https://www
+	.youtube.com/playlist?list=PLwyU2dZ3LJErtu3GGElIa7VyORE2B6H1H">
+	YouTube</a> in many different languages.
+</p>
+<div style="text-align:center;">
+
+<video width="500" height="281" controls preload="none" poster="$(IMGROOT)/tor-animation.jpg">
+	<source src="https://media.torproject.org/video/2015-03-animation/HQ/Tor_Animation_en.webm" type="video/webm">
+	<track label="English" kind="captions" src="https://people.torproject.org/~nima/03-2015-Tor-Animation/subs/vtt/en.vtt" srclang="en" default>
+</video>
+</div>
+
+</div>
+<!-- END MAINCOL -->
+<div id = "sidecol">
+#include "side.wmi"
+#include "info.wmi"
+  </div>
+  <!-- END SIDECOL -->
+</div>
+<!-- END CONTENT -->
+#include <foot.wmi>
+