[pitivi-web] Reference videos on a subdomain

[Alexandru Băluț <alexbalut src gnome org>]

commit 01e8d1deebec84d07d3577717794b73a463c6d17
Author: Alexandru Băluț <alexandru balut gmail com>
Date:   Sun Jun 20 03:21:50 2021 +0200

    Reference videos on a subdomain

 content/contribute.html             |  2 +-
 content/showcase.html               | 24 ++++++++++++------------
 layouts/shortcodes/videos_site.html |  1 +
 3 files changed, 14 insertions(+), 13 deletions(-)
---
diff --git a/content/contribute.html b/content/contribute.html
index 38ba1a2..4b51bfb 100644
--- a/content/contribute.html
+++ b/content/contribute.html
@@ -7,7 +7,7 @@ date: 2021-06-13T21:43:56+02:00
 <h1>Why contribute to Pitivi instead of another project?</h1>
 
 <div style="width:40%; float:right; margin-left:10px;">
-    <video controls preload="none" poster="/videos/gst-hackfest-2013-360p.jpg"><source 
src="/videos/gst-hackfest-2013-360p.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+    <video controls preload="none" poster="{{< videos_site >}}/videos/gst-hackfest-2013-360p.jpg"><source 
src="{{< videos_site >}}/videos/gst-hackfest-2013-360p.webm" type='video/webm; codecs="vp8, vorbis"' 
/></video>
 </div>
 
 <ul>
diff --git a/content/showcase.html b/content/showcase.html
index a5b2e75..4fd12f4 100644
--- a/content/showcase.html
+++ b/content/showcase.html
@@ -16,43 +16,43 @@ date: 2017-05-21T19:04:08+02:00
 <div class="box">
 <h2>Cabane de Bertol</h2>
 <p>Shot in Switzerland with a GoPro HD HERO and edited with Pitivi 0.15, this majestic video features 
impressive takes from adventurous and barren lands. Slideshows were made with <a 
href="http://imagination.sf.net";>Imagination</a>.</p>
-<video controls preload="none" poster="/videos/showcase/Cabane Bertol - SD.jpg"><source 
src="/videos/showcase/Cabane Bertol - SD.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Cabane Bertol - SD.jpg"><source 
src="{{< videos_site >}}/videos/showcase/Cabane Bertol - SD.webm" type='video/webm; codecs="vp8, vorbis"' 
/></video>
 </div>
 
 <div class="box">
 <h2>Pitivi hackfest &amp; Desktop Summit 2011</h2>
 <p>Edited with Pitivi 0.15, this video not only provides you with an insider look at how Pitivi developers 
work together, but uses effects to correct the color balance in some shots, crossfades, transparent images, 
clip transformation and compositing, etc. Shot with a Canon S95.</p>
-<video controls preload="none" poster="/videos/showcase/Pitivi hackfest in Berlin - SD.jpg"><source 
src="/videos/showcase/Pitivi hackfest in Berlin - SD.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Pitivi hackfest in Berlin - 
SD.jpg"><source src="{{< videos_site >}}/videos/showcase/Pitivi hackfest in Berlin - SD.webm" 
type='video/webm; codecs="vp8, vorbis"' /></video>
 </div>
 
 <div class="box">
 <h2>Dragons Dream</h2>
 <p>A mashup of <a href="https://en.wikipedia.org/wiki/Sintel";>Sintel</a> and <a 
href="https://en.wikipedia.org/wiki/Elephants_Dream";>Elephants Dream</a>. The input video footage was in 
2048x872 resolution and the sound track was mashed up by separating the surround audio channels of the two 
movies.</p>
-<video controls preload="none" poster="/videos/showcase/Dragons Dream.jpg"><source 
src="/videos/showcase/Dragons Dream.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Dragons Dream.jpg"><source 
src="{{< videos_site >}}/videos/showcase/Dragons Dream.webm" type='video/webm; codecs="vp8, vorbis"' 
/></video>
 </div>
 
 <div class="box">
 <h2>Snowy hackfest &amp; Boston Summit 2010</h2>
 <p>Edited with Pitivi 0.14, this video uses effects to correct the color balance in some shots. Shot with a 
Canon S95.</p>
-<video controls preload="none" poster="/videos/showcase/Snowy hackfest and Boston Summit.jpg"><source 
src="/videos/showcase/Snowy hackfest and Boston Summit.webm" type='video/webm; codecs="vp8, vorbis"' 
/></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Snowy hackfest and Boston 
Summit.jpg"><source src="{{< videos_site >}}/videos/showcase/Snowy hackfest and Boston Summit.webm" 
type='video/webm; codecs="vp8, vorbis"' /></video>
 </div>
 
 <div class="box">
 <h2>Burn the Man</h2>
 <p>Shot with a Canon SD780IS point and shoot, by Ian Norman.</p>
-<video controls preload="none" poster="/videos/showcase/Burn the Man - SD.jpg"><source 
src="/videos/showcase/Burn the Man - SD.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Burn the Man - SD.jpg"><source 
src="{{< videos_site >}}/videos/showcase/Burn the Man - SD.webm" type='video/webm; codecs="vp8, vorbis"' 
/></video>
 </div>
 
 <div class="box">
 <h2>Traction Control</h2>
 <p>Shot with a Canon EOS 5D Mark II DSLR, by Ian Norman.</p>
-<video controls preload="none" poster="/videos/showcase/Traction Control - SD.jpg"><source 
src="/videos/showcase/Traction Control - SD.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Traction Control - 
SD.jpg"><source src="{{< videos_site >}}/videos/showcase/Traction Control - SD.webm" type='video/webm; 
codecs="vp8, vorbis"' /></video>
 </div>
 
 <div class="box">
 <h2>Morning Sun</h2>
 <p>Patrick Trettenbrein's footage, shot in 2009 with a Porst Reflex ZR 148 (a Super 8 camcorder from the 
70's), is a refreshing video in these days of razor-sharp HD images. As one commenter said, "this is how 
skateboarding should be, HD is ruining the skateboard scene" ☺</p>
-<video controls preload="none" poster="/videos/showcase/Morning Sun.jpg"><source 
src="/videos/showcase/Morning Sun.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/showcase/Morning Sun.jpg"><source src="{{< 
videos_site >}}/videos/showcase/Morning Sun.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
 </div>
 <!--
 <h2>Texture</h2>
@@ -71,7 +71,7 @@ date: 2017-05-21T19:04:08+02:00
 
 <h2>GUADEC 2013</h2>
 <p>Our own recording, edited with Pitivi:</p>
-<video controls preload="none" poster="/videos/talks/guadec-2013.jpg"><source 
src="/videos/talks/guadec-2013.ogv" type='video/ogg; codecs="theora, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/talks/guadec-2013.jpg"><source src="{{< 
videos_site >}}/videos/talks/guadec-2013.ogv" type='video/ogg; codecs="theora, vorbis"' /></video>
 
 <p>A high-definition version is also available <a href="https://pitivi.ecchi.ca/talks/";>here</a>.</p>
 
@@ -80,7 +80,7 @@ date: 2017-05-21T19:04:08+02:00
 
 <h2>GNOME Asia and GUADEC 2012</h2>
 <p>Jean-François presented at the GNOME Asia summit (Hong Kong) and at GUADEC (A Coruña). While the GUADEC 
organizers did record the talks, nothing beats our own recording:</p>
-<video controls preload="none" poster="/videos/talks/guadec-2012.jpg"><source 
src="/videos/talks/guadec-2012.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/talks/guadec-2012.jpg"><source src="{{< 
videos_site >}}/videos/talks/guadec-2012.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
 
 <p>A high-definition version is also available <a href="https://pitivi.ecchi.ca/talks/";>here</a>.</p>
 
@@ -89,19 +89,19 @@ date: 2017-05-21T19:04:08+02:00
 
 <h2>LGM 2011</h2>
 <p>At <a href="https://libregraphicsmeeting.org";>Libre Graphics Meeting</a> 2011 in Montréal, Canada. The 
presentation covers the challenges of open source video editing, the current state of affairs on Linux, what 
has happened since Jean-François first presented at LGM in 2009, why Pitivi shall prevail, etc.</p>
-<video controls preload="none" poster="/videos/talks/lgm-2011.jpg"><source src="/videos/talks/lgm-2011.webm" 
type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/talks/lgm-2011.jpg"><source src="{{< 
videos_site >}}/videos/talks/lgm-2011.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
 
 <p>Shot with multiple cameras (a Canon S95, a Sony HDR-XR520V and a Sony HDR-XR200) and multiple 
microphones, this video was edited entirely with Pitivi. This edit is uniquely different from the official 
LGM talk recording, providing multiple angles with transitions, high quality presentation slides and a more 
dynamic style.</p>
 
 
 <h2>MeeGo Conf 2011</h2>
 <p>In this talk, Edward Hervey presents the GStreamer Editing Services (GES) library, which adds support for 
high quality and low overhead video editing in an easy manner with GStreamer.</p>
-<video controls preload="none" poster="/videos/talks/meeconf-2011.jpg"><source 
src="/videos/talks/meeconf-2011.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
+<video controls preload="none" poster="{{< videos_site >}}/videos/talks/meeconf-2011.jpg"><source src="{{< 
videos_site >}}/videos/talks/meeconf-2011.webm" type='video/webm; codecs="vp8, vorbis"' /></video>
 
 
 <h2>LGM 2009</h2>
 <p>This talk by Jean-François was focused on the history of Pitivi from 2005 to 2009 and its design goals 
for the future. It is complementary to the LGM 2011 talk.</p>
-<video controls preload="none"><source src="/videos/talks/lgm-2009.ogv" type='video/ogg; codecs="theora, 
vorbis"' /></video>
+<video controls preload="none"><source src="{{< videos_site >}}/videos/talks/lgm-2009.ogv" type='video/ogg; 
codecs="theora, vorbis"' /></video>
 </section>
 
 
diff --git a/layouts/shortcodes/videos_site.html b/layouts/shortcodes/videos_site.html
new file mode 100644
index 0000000..d89bdd9
--- /dev/null
+++ b/layouts/shortcodes/videos_site.html
@@ -0,0 +1 @@
+https://video-static-1.pitivi.org
\ No newline at end of file