website/videos.html at master · felipemarcos/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
---
layout: default
title: Videos
description: Videos and podcasts about Babel and its underlying concepts.
permalink: /docs/community/videos/
---

<div class="container">
  <div class="row">
    <div class="col-lg-12">
      <div class="page-header text-center">
        <h1>Videos</h1>
        <p class="lead">
          Videos and podcasts about Babel and its underlying concepts.
        </p>
      </div>

      <div class="container-fluid">
        {% for category in site.data.videos %}
          <h2>{{category.category}}</h2>
          <div class="babel-videos row">
            {% assign sorted = category.items | sort: "year" | reverse %}
            {% for video in sorted %}
              <div class="babel-video-wrap col-lg-4 col-sm-6">
                <div class="babel-video">
                  <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="{{video.link}}" allowfullscreen></iframe>
                  </div>
                  <div class="babel-video-block">
                    <h4 class="babel-video-title">{{video.title}}</h4>
                    <p class="text-muted">
                      {% if video.author %}
                        by
                        {% if video.author_link %}
                          <a href="{{video.author_link}}" target="_blank" rel="noreferrer noopener">{{video.author}}</a>
                        {% else %}
                          {{video.author}}
                        {% endif %}
                      {% endif %}
                      {% if video.event %}
                        at
                        {% if video.event_link %}
                          <a href="{{video.event_link}}" target="_blank" rel="noreferrer noopener">{{video.event}}</a>
                        {% else %}
                          {{video.event}}
                        {% endif %}
                      {% endif %}
                      {% if video.year %}
                        <time datetime="{{video.year}}">({{video.year}})</time>
                      {% endif %}
                    </p>
                  </div>
                </div>
              </div>
            {% endfor %}
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>