Skip to content

Commit 78be979

Browse files
katychuangkatychuang
committed
_videos.html
1 parent 62e9776 commit 78be979

File tree

2 files changed

+75
-66
lines changed

2 files changed

+75
-66
lines changed

‎_includes/_videos.html

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<!-- ==== VIDEOS ==== -->
2+
<div class="container" id="videos" name="videos">
3+
<br>
4+
<div class="row">
5+
<br>
6+
<h1 class="centered">WE CREATE COOL STUFF</h1>
7+
<hr>
8+
<br>
9+
<br>
10+
</div><!-- /row -->
11+
12+
<div class="container">
13+
<div class="row">
14+
{% for video in site.data.videos.talks limit:3 %}
15+
<div class="col-lg-4 col-md-4 col-sm-4">
16+
<div class="grid mask">
17+
<figure>
18+
<img class="img-responsive" src="http://img.youtube.com/vi/{{video.youtubeId}}/hqdefault.jpg" alt="{{video.title}} by {{video.speaker.name}}">
19+
<figcaption>
20+
<a data-toggle="modal" href="#{{video.modal}}" class="btn btn-link btn-lg">
21+
<h5>{{video.title}}</h5>
22+
</a>
23+
</figcaption><!-- /figcaption -->
24+
</figure><!-- /figure -->
25+
</div><!-- /grid-mask -->
26+
</div><!-- /col -->
27+
{% endfor %}
28+
</div><!-- /row -->
29+
30+
{% for video in site.data.videos.talks limit:3 %}
31+
<div class="modal fade" id="{{video.modal}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
32+
<div class="modal-dialog">
33+
<div class="modal-content">
34+
<div class="modal-header">
35+
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
36+
<h4 class="modal-title">{{video.title}}</h4>
37+
</div>
38+
<div class="modal-body">
39+
<p>
40+
<iframe width="560" height="315" src="https://www.youtube.com/embed/{{video.youtubeId}}" frameborder="0" allowfullscreen></iframe>
41+
</p>
42+
<p>
43+
<b>{{video.title}}</b>, by {{video.speaker.name}}
44+
</p>
45+
<p><b>Abstract:</b> <br/>{{video.abstract }}</p>
46+
<p><b>Bio:</b> {{video.bio }}</p>
47+
{% if video.slides_url != "" %}
48+
<p><b><a href="{{video.slides_url}}">Slides</a></b></p>
49+
{% endif %}
50+
{% if video.reddit_url %}
51+
<p><b><a href="{{video.reddit_url}}">Discussion on Reddit</a></b></p>
52+
{% endif %}
53+
</div>
54+
<div class="modal-footer">
55+
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
56+
</div>
57+
</div><!-- /.modal-content -->
58+
</div><!-- /.modal-dialog -->
59+
</div><!-- /.modal -->
60+
{% endfor %}
61+
62+
<br>
63+
<br>
64+
</div><!-- /container -->
65+
<div class="container">
66+
<div class="row">
67+
<div class="col-sm-12 col-md-12 col-sm-12">
68+
<p class="text-right">
69+
Watch more videos on our <a href="https://www.youtube.com/channel/UCzNYHE7Kj6pBqq5h8LG9Zcg">youtube channel <span class="icon icon-arrow-right"></span></a>
70+
</p>
71+
</div>
72+
</div><!-- /row -->
73+
</div><!-- /container -->
74+
</div><!-- /container -->

‎index.html

+1-66
Original file line numberDiff line numberDiff line change
@@ -22,73 +22,8 @@ <h1></h1>
2222

2323
{% include _team.html %}
2424

25+
{% include _videos.html %}
2526

26-
<!-- ==== VIDEOS ==== -->
27-
<div class="container" id="videos" name="portfolio">
28-
<br>
29-
<div class="row">
30-
<br>
31-
<h1 class="centered">WE CREATE COOL STUFF</h1>
32-
<hr>
33-
<br>
34-
<br>
35-
</div><!-- /row -->
36-
<div class="container">
37-
<div class="row">
38-
{% for video in site.data.videos.talks %}
39-
<div class="col-lg-4 col-md-4 col-sm-4">
40-
<div class="grid mask">
41-
<figure>
42-
<img class="img-responsive" src="http://img.youtube.com/vi/{{video.youtubeId}}/hqdefault.jpg" alt="">
43-
<figcaption>
44-
<a data-toggle="modal" href="#{{video.modal}}" class="btn btn-link btn-lg">
45-
<h5>{{video.title}}</h5>
46-
</a>
47-
</figcaption><!-- /figcaption -->
48-
</figure><!-- /figure -->
49-
</div><!-- /grid-mask -->
50-
</div><!-- /col -->
51-
{% endfor %}
52-
</div><!-- /row -->
53-
54-
{% for video in site.data.videos.talks | reverse %}
55-
<div class="modal fade" id="{{video.modal}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
56-
<div class="modal-dialog">
57-
<div class="modal-content">
58-
<div class="modal-header">
59-
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
60-
<h4 class="modal-title">{{video.title}}</h4>
61-
</div>
62-
<div class="modal-body">
63-
<p>
64-
<iframe width="560" height="315" src="https://www.youtube.com/embed/{{video.youtubeId}}" frameborder="0" allowfullscreen></iframe>
65-
</p>
66-
<p>
67-
<b>{{video.title}}</b>, by {{video.speaker.name}}
68-
</p>
69-
<p><b>Abstract:</b> <br/>{{video.abstract }}</p>
70-
<p><b>Bio:</b> {{video.bio }}</p>
71-
{% if video.slides_url != "" %}
72-
<p><b><a href="{{video.slides_url}}">Slides</a></b></p>
73-
{% endif %}
74-
{% if video.reddit_url %}
75-
<p><b><a href="{{video.reddit_url}}">Discussion on Reddit</a></b></p>
76-
{% endif %}
77-
</div>
78-
<div class="modal-footer">
79-
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
80-
</div>
81-
</div><!-- /.modal-content -->
82-
</div><!-- /.modal-dialog -->
83-
</div><!-- /.modal -->
84-
{% endfor %}
85-
86-
87-
<br>
88-
<br>
89-
</div><!-- /row -->
90-
</div><!-- /container -->
91-
9227
<!-- ==== SECTION DIVIDER4 ==== -->
9328
<section class="section-divider textdivider divider3">
9429
<div class="container">

0 commit comments

Comments
 (0)