From: Michael Stapelberg <michael@stapelberg.de>
Date: Wed, 16 Dec 2015 08:49:34 +0000 (+0100)
Subject: add Alex Booker’s screencast series to /screenshots/
X-Git-Url: https://git.sur5r.net/?a=commitdiff_plain;h=3773454987fc7f7ee2a073ab6a33de838b1dd1d9;p=i3%2Fi3.github.io

add Alex Booker’s screencast series to /screenshots/
---

diff --git a/img/i3-alex-booker.thumb.jpg b/img/i3-alex-booker.thumb.jpg
new file mode 100644
index 0000000..90fb0c2
Binary files /dev/null and b/img/i3-alex-booker.thumb.jpg differ
diff --git a/screenshots/index.html b/screenshots/index.html
index d321c52..04ece69 100644
--- a/screenshots/index.html
+++ b/screenshots/index.html
@@ -46,7 +46,7 @@ js_callback: initGallery();
                 <li>dmenu, Floating Windows, Resizing</li>
             </ul>
             <p>
-            <a href="http://www.youtube.com/watch?v=Wx0eNaGzAZU">Watch it on YouTube</a> or <a href="/screenshots/screencast-4.1.mp4">download it (18 MB)</a>.
+            <a href="https://www.youtube.com/watch?v=Wx0eNaGzAZU">Watch it on YouTube</a> or <a href="/screenshots/screencast-4.1.mp4">download it (18 MB)</a>.
             </p>
         </div>
     </div>
@@ -56,7 +56,7 @@ js_callback: initGallery();
 
     <div class="video clearfix">
         <a href="http://www.youtube.com/watch?v=AWA8Pl57UBY" title="Watch i3 container and tree data structure screencast on YouTube">
-        <img src="/img/screencast-cons.thumb.jpg" width="240" height="135" border="0" alt="tech talk thumbnail" style="float: left">
+        <img src="/img/screencast-cons.thumb.jpg" width="240" height="135" border="0" alt="containers and tree data structure thumbnail" style="float: left">
         </a>
         <div style="float: left">
             <strong>Screencast: Containers and tree data structure</strong>
@@ -64,7 +64,7 @@ js_callback: initGallery();
 that you can fully understand what's going on. I expect you to have
 watched the screencast on v4.1 already.</p>
             <p>
-            <a href="http://www.youtube.com/watch?v=AWA8Pl57UBY">Watch it on YouTube</a>
+            <a href="https://www.youtube.com/watch?v=AWA8Pl57UBY">Watch it on YouTube</a>
             </p>
         </div>
     </div>
@@ -82,10 +82,29 @@ watched the screencast on v4.1 already.</p>
 motivation, a bit of history, some cool features and how we
 develop.</p>
             <p>
-            <a href="http://www.youtube.com/watch?v=QnYN2CTb1hM">Watch it on YouTube</a>
+            <a href="https://www.youtube.com/watch?v=QnYN2CTb1hM">Watch it on YouTube</a>
             </p>
         </div>
     </div>
+
+    <br style="clear: both">
+    <br>
+
+    <div class="video clearfix">
+        <a href="https://www.youtube.com/watch?v=j1I63wGcvU4&list=PL5ze0DjYv5DbCv9vNEzFmP6sU7ZmkGzcf" title="Watch screen cast series by Alex Booker on YouTube">
+        <img src="/img/i3-alex-booker.thumb.jpg" width="240" height="135" border="0" alt="screen cast series thumbnail" style="float: left">
+        </a>
+        <div style="float: left">
+            <strong>Series of screencasts on installing, using and configuring i3</strong>
+            <p style="white-space: pre">This three-part series of screencasts created by Alex Booker
+illustrates what i3 is, how to use it, how to configure it, and
+how to customize its appearance. (1 hour, 40 minutes)</p>
+            <p>
+            <a href="https://www.youtube.com/watch?v=j1I63wGcvU4&list=PL5ze0DjYv5DbCv9vNEzFmP6sU7ZmkGzcf">Watch it on YouTube</a>
+            </p>
+        </div>
+    </div>
+
 </div>
 
 <h2>Screenshots</h2>