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 (file)
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 d321c525a6aa31bdc14d0b7fe17f8bebd614149e..04ece69fa927f7d3f43489354955b046e67b82e0 100644 (file)
--- 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>