-
Notifications
You must be signed in to change notification settings - Fork 227
/
Copy pathindex.html
48 lines (44 loc) · 1.65 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
---
# Feel free to add content and custom Front Matter to this file
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: default
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dglassmorphism card design</title>
<link rel="stylesheet" href="stylish.css">
</head>
<body>
<div class="container">
<div class="row" data-tilt data-tilt-scale="1.1" data-tilt-glare data-tilt-max-glare="0.2">
<div class="col-sm mb-4 text-center">
<strong class="text-orange">🎉 {{ site.data.contributions.devs | size }} developers who contributed to this open source project for the first time 🎉</strong>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
{% for dev in site.data.contributions.devs %}
<div class="col-sm-2 mb-4">
<div class="card h-100">
<a href="#"><img class="card-img-top" src="{{ dev.avatar }}" onerror="this.onerror=null;this.src='https://ui-avatars.com/api/?name={{ dev.name }}'" alt=""></a>
<div class="card-body" data-tilt data-tilt-scale="1.1" data-tilt-glare data-tilt-max-glare="0.2">
<h5 class="card-title">
<p class="developer-name">{{ dev.name }}</p>
</h5>
<p class="card-text">
<a href="{{ dev.github_url }}"><i class="fa fa-github fa-2x links-hover"></i></a>
</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<script src="vanilla-tilt.js"></script>
</body>
</html>