-
Notifications
You must be signed in to change notification settings - Fork 3
/
speakers.html
162 lines (162 loc) · 9.72 KB
/
speakers.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name=viewport content="width=device-width, initial-scale=1">
<title>PHPKonf Netsparker İstanbul PHP Conference 2019</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="c-speakers-page">
<div class="c-header">
<a href="index.html" class="c-header__link">
<svg class="icon c-header__icon">
<use xlink:href="#icon-arrow-left"></use>
</svg>
Back to homepage</a>
</div>
<div class="container">
<img src="img/speakers-title.png" alt="" class="c-speakers-page__title" />
</div>
<div id="app" class="container u-gap-top-xlarge">
<div class="row">
<div class="col col--lg-4 col--md-6 col--sm-6" v-for="item in getSpeakers()">
<div class="c-speaker-card" v-on:click="openModal(item)">
<div class="c-speaker-image">
<img :src="item.avatar" alt="" class="c-speaker-image__image" />
</div>
<div class="c-speaker-card__content">
<h3 class="c-speaker-card__title">{{ item.name }}</h3>
<span class="c-speaker-card__with-jobs" v-if="item.title !== null">{{ item.title }} <span class="c-speaker-card__hastag" v-if="item.company !== null">@{{ item.company }}</span></span>
<ul class="c-speaker-card__menu">
<li class="c-speaker-card__menu-item">
<a :href="item.social.twitter" target="_blank" class="c-speaker-card__menu-link">
<svg class="icon">
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
</li>
<li class="c-speaker-card__menu-item">
<a :href="item.social.github" target="_blank" class="c-speaker-card__menu-link github">
<svg class="icon">
<use xlink:href="#icon-github"></use>
</svg>
</a>
</li>
<li class="c-speaker-card__menu-item">
<a :href="item.social.linkedin" target="_blank" class="c-speaker-card__menu-link">
<svg class="icon">
<use xlink:href="#icon-linkedin"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-footer">
<div class="container">
<div class="c-footer__navigation">
<ul class="c-footer__menu">
<li class="c-footer__menu-item left">
<a href="#" class="c-footer__menu-link">Contact</a>
</li>
<li class="c-footer__menu-item left">
<a href="#" class="c-footer__menu-link">Code of Conduct</a>
</li>
</ul>
<div class="c-footer__logo-desktop">
<a href="https://www.atolye15.com/" class="c-footer__logo desktop">
<img src="img/atolye-logo.png" alt="" />
</a>
</div>
<ul class="c-footer__menu">
<li class="c-footer__menu-item">
<a href="#" class="c-footer__menu-link">
<svg class="icon">
<use xlink:href="#icon-twitter"></use>
</svg>
</a>
</li>
<li class="c-footer__menu-item">
<a href="#" class="c-footer__menu-link">
<svg class="icon">
<use xlink:href="#icon-github"></use>
</svg>
</a>
</li>
<li class="c-footer__menu-item">
<a href="#" class="c-footer__menu-link">
<svg class="icon">
<use xlink:href="#icon-linkedin"></use>
</svg>
</a>
</li>
</ul>
<div class="c-footer__logo-mobile">
<a href="https://www.atolye15.com/" class="c-footer__logo">
<img src="img/atolye-logo.png" alt="" />
</a>
</div>
</div>
</div>
</div>
<div class="u-hidden">
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-arrow-down" viewBox="0 0 24 24">
<path d="M11.872 17.875l11.75-11.75H.122l11.75 11.75z" />
</symbol>
<symbol id="icon-arrow-left" viewBox="0 0 24 24">
<path d="M19 11H7.4l5.3-5.3c.4-.4.4-1 0-1.4s-1-.4-1.4 0l-7 7c-.1.1-.2.2-.2.3-.1.2-.1.5 0 .8.1.1.1.2.2.3l7 7c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L7.4 13H19c.6 0 1-.4 1-1s-.4-1-1-1z" />
</symbol>
<symbol id="icon-calendar" viewBox="0 0 24 24">
<path d="M19 3h-2V2c0-.6-.4-1-1-1s-1 .4-1 1v1H9V2c0-.6-.4-1-1-1s-1 .4-1 1v1H5C3.3 3 2 4.3 2 6v14c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM5 5h2v1c0 .6.4 1 1 1s1-.4 1-1V5h6v1c0 .6.4 1 1 1s1-.4 1-1V5h2c.6 0 1 .4 1 1v3H4V6c0-.6.4-1 1-1zm14 16H5c-.6 0-1-.4-1-1v-9h16v9c0 .6-.4 1-1 1z" />
</symbol>
<symbol id="icon-check-circle" viewBox="0 0 32 32">
<path d="M16 31.333C7.532 31.333.667 24.467.667 16S7.532.667 16 .667 31.333 7.532 31.333 16 24.467 31.333 16 31.333zm-2.396-12.045l-3.082-3.138a1.278 1.278 0 0 0-1.821 1.792l3.993 4.065c.232.236.554.382.911.382s.679-.146.911-.382l8.785-8.945a1.278 1.278 0 1 0-1.822-1.793l-7.874 8.017z" />
</symbol>
<symbol id="icon-clock" viewBox="0 0 24 24">
<path d="M12 1C5.9 1 1 5.9 1 12s4.9 11 11 11 11-4.9 11-11S18.1 1 12 1zm0 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9z" />
<path d="M16.4 13.1L13 11.4V6c0-.6-.4-1-1-1s-1 .4-1 1v6c0 .4.2.7.6.9l4 2c.1.1.2.1.4.1.4 0 .7-.2.9-.6s0-1-.5-1.3z" />
</symbol>
<symbol id="icon-facebook" viewBox="0 0 24 24">
<path d="M13.886 23.497H8.818v-11.5H6.286V8.035h2.532V5.657c0-3.231 1.429-5.154 5.494-5.154h3.381v3.963H15.58c-1.582 0-1.688.555-1.688 1.587l-.007 1.982h3.83l-.449 3.962h-3.381v11.498z" />
</symbol>
<symbol id="icon-github" viewBox="0 0 32 32">
<path d="M16 .395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182.8.148 1.094-.347 1.094-.77 0-.381-.015-1.642-.022-2.979-4.452.968-5.391-1.888-5.391-1.888-.728-1.849-1.776-2.341-1.776-2.341-1.452-.993.11-.973.11-.973 1.606.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33.143-1.034.558-1.74 1.016-2.14-3.554-.404-7.29-1.777-7.29-7.907 0-1.747.625-3.174 1.649-4.295-.166-.403-.714-2.03.155-4.234 0 0 1.344-.43 4.401 1.64a15.353 15.353 0 0 1 4.005-.539c1.359.006 2.729.184 4.008.539 3.054-2.07 4.395-1.64 4.395-1.64.871 2.204.323 3.831.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895.574.497 1.085 1.47 1.085 2.963 0 2.141-.019 3.864-.019 4.391 0 .426.288.925 1.099.768C27.421 29.457 32 23.462 32 16.395c0-8.837-7.164-16-16-16z" />
</symbol>
<symbol id="icon-linkedin" viewBox="0 0 24 24">
<path d="M.434 8.205h4.525v15.177H.434V8.205zm3.003-1.518h-.036C1.602 6.687.435 5.35.435 3.657c0-1.729 1.201-3.04 3.036-3.04 1.834 0 2.962 1.308 2.998 3.035 0 1.693-1.164 3.036-3.032 3.036zm19.627 16.694h-5.046v-7.778c0-2.036-.789-3.424-2.524-3.424-1.328 0-2.067.936-2.41 1.841-.128.324-.109.775-.109 1.229v8.135H7.977s.064-13.78 0-15.034h4.998v2.358c.296-1.032 1.892-2.503 4.442-2.503 3.163 0 5.648 2.164 5.648 6.818v8.359z" />
</symbol>
<symbol id="icon-map-pin" viewBox="0 0 24 24">
<path d="M12 0C6.5 0 2 4.5 2 10c0 7.4 9.1 13.6 9.4 13.8.2.1.4.2.6.2s.4-.1.6-.2c.3-.2 9.4-6.4 9.4-13.8 0-5.5-4.5-10-10-10zm0 21.8c-1.9-1.4-8-6.4-8-11.8 0-4.4 3.6-8 8-8s8 3.6 8 8c0 5.4-6.1 10.4-8 11.8z" />
<path d="M12 6c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z" />
</symbol>
<symbol id="icon-map" viewBox="0 0 24 24">
<path d="M23.5 1.1c-.3-.2-.7-.2-1 0L16 4.9 8.4 1.1h-.1C8.2 1 8.1 1 8 1c-.1 0-.2 0-.4.1h-.2l-7 4c-.2.2-.4.5-.4.9v16c0 .4.2.7.5.9s.7.2 1 0L8 19.1l7.5 3.8c.2.1.3.1.5.1.1 0 .2 0 .3-.1h.2l7-4c.3-.2.5-.5.5-.9V2c0-.4-.2-.7-.5-.9zM9 3.6l6 3v13.8l-6-3V3.6zm-7 3l5-2.9v13.7l-5 2.9V6.6zm20 10.8l-5 2.9V6.6l5-2.9v13.7z" />
</symbol>
<symbol id="icon-twitter" viewBox="0 0 24 24">
<path d="M21.173 4.778a5.304 5.304 0 0 0 2.154-2.913l.009-.037a9.266 9.266 0 0 1-3.064 1.282l-.062.012c-.896-1.037-2.177-1.683-3.594-1.683-2.718 0-4.922 2.388-4.922 5.331 0 .419.042.826.125 1.215-4.09-.222-7.718-2.343-10.147-5.571a5.66 5.66 0 0 0-.667 2.682c0 1.85.869 3.482 2.191 4.44a4.645 4.645 0 0 1-2.253-.677l.02.012v.065c0 2.585 1.697 4.739 3.952 5.227a4.552 4.552 0 0 1-2.224.095c.625 2.117 2.445 3.661 4.599 3.702-1.686 1.431-3.809 2.282-6.115 2.282-.398 0-.79-.022-1.174-.073 2.178 1.511 4.767 2.396 7.547 2.396 9.058 0 14.008-8.125 14.008-15.173 0-.232-.003-.462-.012-.689a10.562 10.562 0 0 0 2.431-2.717l.026-.045c-.822.405-1.776.7-2.781.834l-.047.005z" />
</symbol>
<symbol id="icon-x" viewBox="0 0 24 24">
<path d="M13.4 12l5.3-5.3c.4-.4.4-1 0-1.4s-1-.4-1.4 0L12 10.6 6.7 5.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5.3 5.3-5.3 5.3c-.4.4-.4 1 0 1.4.2.2.4.3.7.3s.5-.1.7-.3l5.3-5.3 5.3 5.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4L13.4 12z" />
</symbol>
</svg> </div>
<!-- Javascript Files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="vendors/jquery.min.js?v2.1.3"><\/script>')
</script>
<script src="js/app.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>
<script src="js/speakers.js"></script>
</body>
</html>