update docs for 4.16.1

[i3/i3.github.io] / screenshots / index.html

diff --git a/screenshots/index.html b/screenshots/index.html
index d321c525a6aa31bdc14d0b7fe17f8bebd614149e..7e9cd173448acd34fde0e9e4cbf0465b7600c927 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>
@@ -109,6 +128,7 @@ To get a quick impression of i3, have a look at these screenshots.
 <br>
 {% include screenshot.html link="/screenshots/i3-10.png" thumb="/screenshots/i3-10.thumb.png" description="Right-to-left titles" %}
 {% include screenshot.html link="/screenshots/i3-11.jpg" thumb="/screenshots/i3-11.thumb.jpg" description="dzen2, VIM, bash, top" %}
+{% include screenshot.html link="/screenshots/i3-13.png" thumb="/screenshots/i3-13.thumb.png" description="i3pystatus, mpd, watson time tracker, nerd fonts" %}
 </div>
 
 </div>