-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvideo.html
executable file
·136 lines (133 loc) · 4.87 KB
/
video.html
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Francesco Strazzullo</title>
<meta name="keywords" content="Francesco Strazzullo" />
<meta name="description" content="Francesco Strazzullo personal website" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial"
rel="stylesheet" />
<link href="app.css" rel="stylesheet" type="text/css" media="all" />
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl"
crossorigin="anonymous"></script>
</head>
<body>
<div id="header-wrapper">
<header class="container">
<div class="main-title">
<h3 class="hide-small">
Frontend Engineer, Speaker and Trainer @ e-xtrategy
</h3>
<h1>
<a href="/">Francesco Strazzullo</a>
</h1>
</div>
<nav class="menu hide-small">
<ul>
<li>
<a href="/">Homepage</a>
</li>
<li>
<a href="https://medium.com/@TheStrazz86">Blog</a>
</li>
<li class="active">
<a href="/video.html">Video</a>
</li>
<li>
<a href="/workshops.html">Workshops</a>
</li>
</ul>
</nav>
</header>
</div>
<div class="wrapper">
<h1 class="videos-title">Videos</h1>
<div class="videos container">
<div class="video">
<h2>ViennaJS Semptermber 2018: Framework Compass Chart</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/buFMbKRAUs8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video">
<h2>JSDay 2018: StranglerApplication pattern: a legacy frontend use case</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/cTSoFvAUUF8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="video">
<h2>ReactJS Day 2016: Stay Reactive with MobX</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/z0O2LDdcH1A" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div class="video">
<h2>
RuhrJS 2016: Sacrificial Architecture in modern web development
</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/Q2vqjQdw6jU" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div class="video">
<h2>
Codemotion Milan 2017: Frameworkless Frontend Development (italian)
</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/cCj0OPWcDh8" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div class="video">
<h2>
Universal JS Day 2017: WebGL 2D Rendering with PixiJS (italian)
</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/yD8_H0QUXh8" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
<div class="video">
<h2>
AgileDay 2017: Architectural Clash (italian)
</h2>
<iframe src="https://player.vimeo.com/video/248917669" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen
allowfullscreen></iframe>
</div>
<div class="video">
<h2>
AgileDay 2016: Sacrificial Architecture (italian)
</h2>
<iframe src="https://player.vimeo.com/video/198014611" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen
allowfullscreen></iframe>
</div>
<div class="video">
<h2>
FEVR: Manage the Flux of your web application: let’s Redux (italian)
</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/QgY48LUz2ac" frameborder="0" allow="autoplay; encrypted-media"
allowfullscreen></iframe>
</div>
</div>
</div>
<div id="footer">
<div class="fbox">
<i class="fa fa-envelope"></i>
<span>francesco.strazzullo86@gmail.com</span>
</div>
</div>
<div id="copyright">
<p>© Francesco Strazzullo. All rights reserved. | Design by
<a href="http://templated.co" rel="nofollow">TEMPLATED</a>.
</p>
<ul class="contact">
<li>
<a href="https://github.com/francesco-strazzullo">
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="https://twitter.com/TheStrazz86">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://medium.com/@TheStrazz86">
<i class="fab fa-medium"></i>
</a>
</li>
</ul>
</div>
</body>
</html>