-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
319 lines (312 loc) · 20.9 KB
/
index.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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- Begin Jekyll SEO tag v2.6.1 -->
<title>Aqua Tech Exchange | Exchange</title>
<meta name="generator" content="Jekyll v3.9.0" />
<meta property="og:title" content="Aqua Tech Exchange" />
<meta property="og:locale" content="en_US" />
<meta
name="description"
content="Aqua’s Community Exchange for community plug-ins, extensions and integrations."
/>
<meta
property="og:description"
content="Aqua’s Community Exchange for community plug-ins, extensions and integrations."
/>
<link rel="canonical" href="https://aquasecurity.github.io/Exchange/" />
<meta
property="og:url"
content="https://aquasecurity.github.io/Exchange/"
/>
<meta property="og:site_name" content="Exchange" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#157878" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/styles.css" />
<script src="data.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<!-- <script
src="https://cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.min.js"
integrity="sha512-+VS2+Nl1Qit71a/lbncmVsWOZ0BmPDkopw5sXAS2W+OfeceCEd9OGTQWjgVgP5QaMV4ddqOIW9XLW7UVFzkMAw=="
crossorigin="anonymous"
></script> -->
</head>
<body>
<div id="app">
<header class="section header column">
<div class="row items-center justify-between">
<svg
width="130"
height="41"
viewBox="0 0 130 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M104.654 13.5011C104.654 19.9088 99.7684 25.0973 93.742 25.0973C87.7157 25.0973 82.8298 19.8955 82.8298 13.4812C82.8298 13.4746 82.8298 13.4746 82.8298 13.4746V1.87839H86.7185V13.4746C86.7185 13.4812 86.7185 13.4679 86.7185 13.4746C86.7185 17.5962 89.8657 20.9558 93.742 20.9558C97.6184 20.9558 100.759 17.5962 100.759 13.4746C100.759 13.4679 100.759 13.4812 100.759 13.4746V1.87839H104.654V13.4746C104.654 13.4746 104.654 13.4878 104.654 13.5011ZM75.557 40.603H79.5455V14.2432C79.558 14.0113 79.5455 13.7794 79.5455 13.5408C79.5455 7.09998 74.6471 1.87839 68.5896 1.87839C62.5321 1.87839 57.6212 7.09998 57.6212 13.5408C57.6212 19.9817 62.5321 25.2033 68.5896 25.2033H69.1442L73.1826 20.9293H68.895H68.5896C64.7507 20.9293 61.6347 17.6161 61.6347 13.5342C61.6347 9.45235 64.7507 6.13916 68.5896 6.13916C72.4285 6.13916 75.557 9.45235 75.557 13.5342V40.603ZM54.2996 25.3226H43.2439C43.0009 25.3226 42.7578 25.3159 42.5148 25.296C39.3801 25.0774 36.6068 23.4672 34.731 21.0419C33.1294 18.9678 32.2133 16.4167 32.207 13.5806C32.4625 0.354319 49.3015 -2.60768 53.6452 9.59151C54.0752 10.8638 54.2996 12.2222 54.2996 13.5806V25.3226ZM43.2564 21.0419C45.1946 21.0419 50.2176 21.0419 50.2176 21.0419C50.2176 21.0419 50.2176 15.648 50.2176 13.5872C50.2425 6.94758 42.6394 3.68739 38.3206 8.33912C37.0493 9.68428 36.2641 11.533 36.2641 13.5872C36.2578 17.689 39.3926 21.0419 43.2564 21.0419ZM130 25.3226H118.944C118.701 25.3226 118.458 25.3159 118.215 25.296C115.08 25.0774 112.307 23.4672 110.431 21.0419C108.83 18.9678 107.914 16.4167 107.907 13.5806C108.163 0.354319 125.002 -2.60768 129.346 9.59151C129.776 10.8638 130 12.2222 130 13.5806V25.3226ZM118.957 21.0419C120.895 21.0419 125.918 21.0419 125.918 21.0419C125.918 21.0419 125.918 15.648 125.918 13.5872C125.943 6.94758 118.34 3.68739 114.021 8.33912C112.75 9.68428 111.964 11.533 111.964 13.5872C111.958 17.689 115.093 21.0419 118.957 21.0419Z"
fill="white"
/>
<path
d="M5.63375 20.969V7.13978C5.63375 6.28497 4.77373 6.28497 4.77373 6.28497C4.43097 6.28497 4.28763 6.43738 4.13806 6.58979L0.411314 10.5524C0.149569 10.8373 0 11.2216 0 11.6258V20.969H5.63375Z"
fill="white"
/>
<path
d="M19.5561 0.16217H10.769C10.3888 0.16217 10.0274 0.321204 9.75939 0.606138L6.03887 4.56872C5.89553 4.72113 5.7522 4.87353 5.7522 5.24461C5.7522 5.24461 5.7522 6.16568 6.55613 6.16568H19.5561V0.16217Z"
fill="white"
/>
<path
opacity="0.89"
d="M13.9224 6.15905H19.5561V0.16217L13.9224 6.15905Z"
fill="url(#paint0_linear)"
/>
<path
opacity="0.82"
d="M0 20.9689L5.63375 14.9787V20.9689H0Z"
fill="url(#paint1_linear)"
/>
<path
d="M0 20.9689L5.63375 14.9787V20.9689H0Z"
fill="url(#paint2_linear)"
/>
<path
d="M19.5561 0.16217L13.9224 6.15243H19.5561V0.16217Z"
fill="url(#paint3_linear)"
/>
<path
d="M25.0528 0.66574C24.8908 0.374178 24.548 0.155508 24.2115 0.162134H19.5562C19.5562 4.0452 19.5562 15.9197 19.5562 19.9817C19.5562 20.8365 20.3788 20.8365 20.4224 20.8365C20.7652 20.8365 20.9147 20.6841 21.0581 20.5317L24.7848 16.5691C25.0528 16.2841 25.2024 15.8998 25.2024 15.4956V1.13621C25.1961 0.97718 25.14 0.818147 25.0528 0.66574Z"
fill="white"
/>
<path
d="M0.479866 26.8201C0.205657 26.6478 0 26.2834 0 25.9255V20.969C0 20.969 14.8198 20.9756 18.64 20.969C19.4439 20.969 19.4439 21.8304 19.4439 21.8768C19.4439 22.2413 19.3006 22.4003 19.1572 22.5527L15.4367 26.5153C15.1687 26.8002 14.8073 26.9593 14.4271 26.9593L0.916108 26.9725C0.772771 26.9725 0.61697 26.9129 0.479866 26.8201Z"
fill="white"
/>
<defs>
<linearGradient
id="paint0_linear"
x1="15.6187"
y1="7.34954"
x2="21.3581"
y2="1.95176"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#1904DA" stop-opacity="0" />
<stop offset="1" stop-color="#1904DA" stop-opacity="0.2" />
</linearGradient>
<linearGradient
id="paint1_linear"
x1="1.11288"
y1="22.7612"
x2="7.23418"
y2="17.0306"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#1904DA" stop-opacity="0.2" />
<stop offset="1" stop-color="#1904DA" stop-opacity="0" />
</linearGradient>
<linearGradient
id="paint2_linear"
x1="2.81773"
y1="20.9701"
x2="2.81773"
y2="14.979"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#1904DA" stop-opacity="0.3" />
<stop
offset="0.00761682"
stop-color="#1904DA"
stop-opacity="0.2905"
/>
<stop offset="0.2406" stop-color="#1904DA" stop-opacity="0" />
</linearGradient>
<linearGradient
id="paint3_linear"
x1="19.5586"
y1="3.15875"
x2="13.9241"
y2="3.15875"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#1904DA" stop-opacity="0.3" />
<stop
offset="0.00761682"
stop-color="#1904DA"
stop-opacity="0.2905"
/>
<stop offset="0.2406" stop-color="#1904DA" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
<a
href="https://github.com/aquasecurity/Exchange"
target="_blank"
class="button font-extrabold"
>View on Github</a
>
</div>
<div class="container col justify-center column">
<svg
width="676"
height="80"
viewBox="0 0 676 80"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.1424 55H0.784446L19.6143 0.454544H34.4759L53.2791 55H40.9212L27.2582 12.919H26.832L13.1424 55ZM12.37 33.56H41.5604V42.5621H12.37V33.56ZM97.9835 70.3409H86.6642V48.4482H86.318C85.7853 49.5845 85.0307 50.712 84.0542 51.8306C83.0953 52.9315 81.8436 53.8459 80.2988 54.5739C78.7718 55.3018 76.9075 55.6658 74.7058 55.6658C71.5985 55.6658 68.7843 54.8668 66.263 53.2688C63.7594 51.6531 61.7708 49.2827 60.2971 46.1577C58.8411 43.0149 58.1131 39.1619 58.1131 34.5987C58.1131 29.9112 58.8677 26.0138 60.377 22.9066C61.8862 19.7816 63.8926 17.4467 66.3961 15.902C68.9174 14.3395 71.6784 13.5582 74.6792 13.5582C76.9696 13.5582 78.8784 13.9489 80.4054 14.7301C81.9501 15.4936 83.193 16.4524 84.1341 17.6065C85.0929 18.7429 85.8208 19.8615 86.318 20.9624H86.7974V14.0909H97.9835V70.3409ZM86.9039 34.5455C86.9039 32.1129 86.5666 30 85.8919 28.2067C85.2172 26.4134 84.2406 25.0284 82.9622 24.0518C81.6838 23.0753 80.1301 22.587 78.3013 22.587C76.437 22.587 74.8656 23.093 73.5872 24.1051C72.3088 25.1172 71.3411 26.5199 70.6841 28.3132C70.0272 30.1065 69.6987 32.1839 69.6987 34.5455C69.6987 36.9247 70.0272 39.0288 70.6841 40.8576C71.3588 42.6687 72.3265 44.0891 73.5872 45.119C74.8656 46.131 76.437 46.6371 78.3013 46.6371C80.1301 46.6371 81.6749 46.1399 82.9355 45.1456C84.214 44.1335 85.1905 42.7219 85.8652 40.9109C86.5577 39.0998 86.9039 36.978 86.9039 34.5455ZM133.326 37.5817V14.0909H144.672V55H133.779V47.5692H133.353C132.43 49.9663 130.894 51.8928 128.745 53.3487C126.615 54.8047 124.013 55.5327 120.942 55.5327C118.207 55.5327 115.801 54.9112 113.724 53.6683C111.646 52.4254 110.022 50.6587 108.85 48.3683C107.696 46.0778 107.11 43.3345 107.092 40.1385V14.0909H118.438V38.1143C118.456 40.5291 119.104 42.4379 120.382 43.8406C121.661 45.2433 123.374 45.9446 125.523 45.9446C126.89 45.9446 128.168 45.6339 129.358 45.0124C130.547 44.3732 131.506 43.4322 132.234 42.1893C132.98 40.9464 133.344 39.4105 133.326 37.5817ZM165.413 55.7724C162.803 55.7724 160.477 55.3196 158.435 54.4141C156.393 53.4908 154.777 52.1325 153.588 50.3391C152.416 48.5281 151.83 46.2731 151.83 43.5742C151.83 41.3015 152.247 39.3928 153.082 37.848C153.916 36.3033 155.052 35.0604 156.491 34.1193C157.929 33.1783 159.562 32.468 161.391 31.9886C163.238 31.5092 165.173 31.1719 167.197 30.9766C169.577 30.728 171.494 30.4972 172.95 30.2841C174.406 30.0533 175.463 29.7159 176.12 29.272C176.777 28.8281 177.105 28.1712 177.105 27.3011V27.1413C177.105 25.4545 176.572 24.1495 175.507 23.2262C174.459 22.3029 172.968 21.8413 171.033 21.8413C168.991 21.8413 167.366 22.294 166.159 23.1996C164.951 24.0874 164.152 25.206 163.762 26.5554L153.268 25.7031C153.801 23.2173 154.848 21.0689 156.411 19.2578C157.973 17.429 159.989 16.0263 162.457 15.0497C164.942 14.0554 167.819 13.5582 171.086 13.5582C173.359 13.5582 175.534 13.8246 177.611 14.3572C179.706 14.8899 181.562 15.7156 183.177 16.8342C184.811 17.9528 186.098 19.391 187.039 21.1488C187.98 22.8888 188.451 24.9751 188.451 27.4077V55H177.691V49.3271H177.371C176.714 50.6055 175.835 51.733 174.735 52.7095C173.634 53.6683 172.311 54.4229 170.766 54.9734C169.222 55.506 167.437 55.7724 165.413 55.7724ZM168.662 47.9421C170.331 47.9421 171.805 47.6136 173.083 46.9567C174.362 46.282 175.365 45.3764 176.093 44.2401C176.821 43.1037 177.185 41.8164 177.185 40.3782V36.0369C176.83 36.2678 176.342 36.4808 175.72 36.6761C175.116 36.8537 174.433 37.0224 173.669 37.1822C172.906 37.3242 172.142 37.4574 171.379 37.5817C170.615 37.6882 169.923 37.7859 169.301 37.8746C167.97 38.07 166.807 38.3807 165.812 38.8068C164.818 39.233 164.046 39.81 163.495 40.538C162.945 41.2482 162.67 42.136 162.67 43.2013C162.67 44.7461 163.229 45.9268 164.348 46.7436C165.484 47.5426 166.922 47.9421 168.662 47.9421Z"
fill="white"
/>
<path
d="M219.159 37.075V25.6H230.784V19H219.159V4.225H212.709V36.85C212.709 42.475 215.184 47.425 219.159 50.8C222.309 53.425 226.284 55 230.784 55V48.55C224.409 48.55 219.234 43.375 219.159 37.075ZM250.978 19.075C241.003 19.075 232.978 27.1 232.978 37C232.978 46.975 241.003 55 250.978 55C258.328 55 264.628 50.575 267.403 44.2H259.828C257.728 46.825 254.503 48.475 250.978 48.475C245.428 48.475 240.853 44.575 239.728 39.4H268.753C270.253 28.675 261.703 18.925 250.978 19.075ZM240.328 32.8C241.978 28.6 246.103 25.6 250.978 25.6C255.778 25.6 259.903 28.6 261.553 32.8H240.328ZM290.602 48.55C287.377 48.55 284.527 47.2 282.427 45.175C280.402 43.075 279.052 40.225 279.052 37C279.052 33.85 280.402 31 282.427 28.9C284.527 26.875 287.377 25.525 290.602 25.525C293.752 25.525 296.602 26.875 298.702 28.9L303.277 24.325C300.052 21.025 295.552 19.075 290.602 19.075C285.577 19.075 281.077 21.025 277.852 24.325C274.552 27.55 272.602 32.05 272.602 37C272.602 42.025 274.552 46.525 277.852 49.75C281.077 53.05 285.577 55 290.602 55C295.552 55 300.052 53.05 303.277 49.75L298.702 45.175C296.602 47.2 293.752 48.55 290.602 48.55ZM326.016 19.15C318.891 19.15 314.616 23.2 314.616 23.2V4.225H308.091V55H314.616C314.616 55 314.616 43.225 314.616 37.075C314.616 30.55 319.866 25.675 326.016 25.675C332.166 25.675 337.416 30.625 337.416 37.075C337.416 43.225 337.416 55 337.416 55H343.941C343.941 55 343.941 49.6 343.941 37.075C343.941 25.675 334.416 19.15 326.016 19.15ZM386.036 19.075C376.061 19.075 368.036 27.1 368.036 37C368.036 46.975 376.061 55 386.036 55C393.386 55 399.686 50.575 402.461 44.2H394.886C392.786 46.825 389.561 48.475 386.036 48.475C380.486 48.475 375.911 44.575 374.786 39.4H403.811C405.311 28.675 396.761 18.925 386.036 19.075ZM375.386 32.8C377.036 28.6 381.161 25.6 386.036 25.6C390.836 25.6 394.961 28.6 396.611 32.8H375.386ZM425.804 37L439.604 19H431.354L421.679 31.675L411.929 19H403.679L417.479 37L403.679 55H411.929L421.679 42.4L431.354 55H439.679L425.804 37ZM457.301 48.55C454.076 48.55 451.226 47.2 449.126 45.175C447.101 43.075 445.751 40.225 445.751 37C445.751 33.85 447.101 31 449.126 28.9C451.226 26.875 454.076 25.525 457.301 25.525C460.451 25.525 463.301 26.875 465.401 28.9L469.976 24.325C466.751 21.025 462.251 19.075 457.301 19.075C452.276 19.075 447.776 21.025 444.551 24.325C441.251 27.55 439.301 32.05 439.301 37C439.301 42.025 441.251 46.525 444.551 49.75C447.776 53.05 452.276 55 457.301 55C462.251 55 466.751 53.05 469.976 49.75L465.401 45.175C463.301 47.2 460.451 48.55 457.301 48.55ZM492.716 19.15C485.591 19.15 481.316 23.2 481.316 23.2V4.225H474.791V55H481.316C481.316 55 481.316 43.225 481.316 37.075C481.316 30.55 486.566 25.675 492.716 25.675C498.866 25.675 504.116 30.625 504.116 37.075C504.116 43.225 504.116 55 504.116 55H510.641C510.641 55 510.641 49.6 510.641 37.075C510.641 25.675 501.116 19.15 492.716 19.15ZM550.057 30.925C543.007 12.175 515.482 16.675 515.107 37C515.107 41.35 516.607 45.25 519.157 48.475C522.232 52.225 526.807 54.625 531.907 55C532.282 55 532.657 55 533.107 55H551.107V37C551.107 34.9 550.807 32.875 550.057 30.925ZM544.432 48.475C544.432 48.475 536.257 48.475 533.107 48.475C526.807 48.475 521.707 43.3 521.707 37C521.707 33.85 522.982 31 525.007 28.975C532.057 21.775 544.507 26.8 544.432 37C544.432 40.15 544.432 48.475 544.432 48.475ZM575.408 19C568.283 19 563.933 23.125 563.933 23.125V19C560.183 19 557.408 19 557.408 19V55H563.933C563.933 55 563.933 43.225 563.933 37C563.933 30.475 569.183 25.6 575.408 25.6C581.558 25.6 586.808 30.55 586.808 37C586.808 43.225 586.808 55 586.808 55H593.333C593.333 55 593.333 49.6 593.333 37C593.333 25.6 583.808 19 575.408 19ZM627.719 19V23.125C616.019 13.525 597.869 22 597.944 37.075C598.169 53.8 617.444 59.875 627.719 51.025V61.375C627.719 70.9 615.644 75.925 608.669 69.775L603.944 74.5C615.419 84.775 634.394 76.6 634.319 61.375V19H627.719ZM624.419 45.025C620.219 49.6 612.044 49.6 607.769 45.025C600.794 37.9 605.969 25.6 616.094 25.6C626.294 25.6 631.469 37.9 624.419 45.025ZM657.692 19.075C647.717 19.075 639.692 27.1 639.692 37C639.692 46.975 647.717 55 657.692 55C665.042 55 671.342 50.575 674.117 44.2H666.542C664.442 46.825 661.217 48.475 657.692 48.475C652.142 48.475 647.567 44.575 646.442 39.4H675.467C676.967 28.675 668.417 18.925 657.692 19.075ZM647.042 32.8C648.692 28.6 652.817 25.6 657.692 25.6C662.492 25.6 666.617 28.6 668.267 32.8H647.042Z"
fill="#00FFE4"
/>
</svg>
<p class="text-white my-md text-lg">
Aqua’s Tech Exchange for partners plug-ins, extentions and
integretions.
</p>
<a
href="https://github.com/aquasecurity/Exchange"
target="_blank"
class="link text-sm"
>View on Github ></a
>
</div>
</header>
<div class="container">
<section class="section">
<h2 class="title">Aqua Tech Exchange</h2>
<p>
The Aqua Tech Exchange is a central location designed to showcase
our collection of community plug-ins, extensions and integrations
with our partners in the cloud native ecosystem.
</p>
<p class="mt-md text-grey-1">
These integrations have been developed by the Aqua Community. For
technical questions, please contact Aqua Security at
<a href="mailto:name@email.com" class="text-primary"
>community.plugins@aquasec.com</a
>.
</p>
</section>
<section class="section">
<!-- TABS TITLES-->
<ul class="tabs row justify-between font-bold">
<li
v-for="tab in tabs"
:class="{'active-tab': selectedTab === tab.id}"
@click="selectedTab = tab.id"
>
{{tab.name}}
</li>
</ul>
<!-- TABS CONTENT -->
<div class="tabs-content">
<div class="tab-content mt-huge" v-for="data in filteredData">
<div class="title mb-2xl">{{data.title}}</div>
<div
class="row justify-between text-grey-1 border-bottom uppercase text-sm pb-sm"
>
<span
class="px-lg"
:class="{'col-2': header === 'description', 'col': header !== 'description'}"
v-for="header in data.headers"
>{{header}}</span
>
</div>
<!-- <transition-group
name="staggered-fade"
v-bind:css="false"
v-on:before-enter="beforeEnter"
v-on:enter="enter"
v-on:leave="leave"
> -->
<div
v-for="row in data.rows"
:key="row.name"
class="row items-center justify-between border-bottom text-sm py-lg"
>
<span class="col font-bold px-lg">{{row.name}}</span>
<span class="col-2" v-html="row.description"></span>
<span class="col px-lg">{{row.compatibility}}</span>
<span class="col"
><a
v-if="row.linkUrl"
:href="row.linkUrl"
target="_blank"
class="link text-primary"
>{{row.linkText}}</a
>
<span v-else>{{row.linkText}}</span>
</span>
</div>
<!-- </transition-group> -->
</div>
</div>
</section>
</div>
</div>
<script>
var app = new Vue({
el: "#app",
computed: {
filteredData() {
if (this.selectedTab === "all") {
return this.data;
}
return this.data.filter(item => item.type === this.selectedTab);
}
},
data: {
data: data,
selectedTab: "all",
tabs: [
{
name: "All",
id: "all"
},
{
name: "Integrations",
id: "integration"
},
{
name: "3rd Party Apps",
id: "thirdParty"
},
{
name: "Product Extensions",
id: "extensions"
},
{
name: "Platform Support",
id: "support"
}
]
}
// methods: {
// beforeEnter: function (el) {
// el.style.position = "absolute";
// },
// enter: function (el, done) {
// var delay = el.dataset.index * 150;
// setTimeout(function () {
// Velocity(el, { left: 0 }, { complete: done });
// }, delay);
// },
// leave: function (el, done) {
// var delay = el.dataset.index * 150;
// setTimeout(function () {
// Velocity(el, { left: "-100%" }, { complete: done });
// }, delay);
// }
// }
});
</script>
</body>
</html>