Skip to content

Commit 5934eec

Browse files
wcoderwcoder
committed
Update fontawesome. Clean up sample
1 parent feff042 commit 5934eec

File tree

1 file changed

+44
-49
lines changed

1 file changed

+44
-49
lines changed

‎example/index.html

Lines changed: 44 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,52 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta charset='utf-8'>
5-
6-
<title>Test page for sharing</title>
7-
<meta name="description" content="Page description" />
8-
9-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
10-
<style>
11-
/* Few styles :) */
12-
.share-btn > a {
13-
border: 1px solid #ccc;
14-
padding: 5px;
15-
font-size: 12px;
16-
font-family: Verdana, Arial;
17-
}
18-
.share-btn > a:hover {
19-
cursor: pointer;
20-
}
21-
</style>
4+
<meta charset='utf-8'>
5+
6+
<title>Test page for sharing</title>
7+
<meta name="description" content="Page description" />
8+
9+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
10+
<style>
11+
/* Few styles :) */
12+
.share-btn > a {
13+
border: 1px solid #ccc;
14+
padding: 5px;
15+
font-size: 12px;
16+
font-family: Verdana, Arial;
17+
}
18+
.share-btn > a:hover {
19+
cursor: pointer;
20+
}
21+
</style>
2222
</head>
2323
<body>
2424

25-
<p>Share this page with:</p>
26-
27-
<!-- data-url="" data-title="" data-desc="" -->
28-
29-
30-
<div class="share-btn" data-url="https://github.com/wcoder/share-buttons">
31-
<a class="btn-vk" data-id="vk"><i class="fab fa-vk"></i> VK</a>
32-
<a class="btn-facebook" data-id="fb"><i class="fab fa-facebook-square"></i> Facebook</a>
33-
<a class="btn-twitter" data-id="tw"><i class="fab fa-twitter"></i> Twitter</a>
34-
<a class="btn-telegram" data-id="tg"><i class="fab fa-telegram"></i> Telegram</a>
35-
<a class="btn-pocket" data-id="pk"><i class="fab fa-get-pocket"></i> Pocket</a>
36-
<a class="btn-reddit" data-id="re"><i class="fab fa-reddit"></i> Reddit</a>
37-
<a class="btn-evernote" data-id="ev"><i class="far fa-sticky-note"></i> Evernote</a>
38-
<a class="btn-linkedin" data-id="in"><i class="fab fa-linkedin"></i> LinkedIn</a>
39-
<a class="btn-pinterest" data-id="pi"><i class="fab fa-pinterest"></i> Pinterest</a>
40-
<a class="btn-skype" data-id="sk"><i class="fab fa-skype"></i> Skype</a>
41-
<a class="btn-whatsapp" data-id="wa"><i class="fab fa-whatsapp"></i> WhatsApp</a>
42-
<a class="btn-ok" data-id="ok"><i class="fab fa-odnoklassniki"></i> Odnoklassniki</a>
43-
<a class="btn-tumblr" data-id="tu"><i class="fab fa-tumblr"></i> Tumblr</a>
44-
<a class="btn-hn" data-id="hn"><i class="fab fa-hacker-news"></i> Hacker News</a>
45-
<a class="btn-xing" data-id="xi"><i class="fab fa-xing"></i> Xing</a>
46-
<a class="btn-mail" data-id="mail"><i class="fas fa-at"></i> EMail</a>
47-
<a class="btn-print" data-id="print"><i class="fas fa-print"></i> Print</a>
48-
</div>
49-
50-
51-
<!-- <a class="btn-google-plus" data-id="gp">Google+</a>
52-
<a class="btn-linkedin" data-id="in">LinkedIn</a> -->
53-
54-
55-
<script src="../src/share-buttons.js"></script>
25+
<p>Share this page with:</p>
26+
27+
<!-- data-url="" data-title="" data-desc="" -->
28+
29+
30+
<div class="share-btn" data-url="https://github.com/wcoder/share-buttons">
31+
<a class="btn-vk" data-id="vk"><i class="fab fa-vk"></i> VK</a>
32+
<a class="btn-facebook" data-id="fb"><i class="fab fa-facebook-square"></i> Facebook</a>
33+
<a class="btn-twitter" data-id="tw"><i class="fab fa-twitter"></i> Twitter</a>
34+
<a class="btn-telegram" data-id="tg"><i class="fab fa-telegram"></i> Telegram</a>
35+
<a class="btn-pocket" data-id="pk"><i class="fab fa-get-pocket"></i> Pocket</a>
36+
<a class="btn-reddit" data-id="re"><i class="fab fa-reddit"></i> Reddit</a>
37+
<a class="btn-evernote" data-id="ev"><i class="far fa-sticky-note"></i> Evernote</a>
38+
<a class="btn-linkedin" data-id="in"><i class="fab fa-linkedin"></i> LinkedIn</a>
39+
<a class="btn-pinterest" data-id="pi"><i class="fab fa-pinterest"></i> Pinterest</a>
40+
<a class="btn-skype" data-id="sk"><i class="fab fa-skype"></i> Skype</a>
41+
<a class="btn-whatsapp" data-id="wa"><i class="fab fa-whatsapp"></i> WhatsApp</a>
42+
<a class="btn-ok" data-id="ok"><i class="fab fa-odnoklassniki"></i> Odnoklassniki</a>
43+
<a class="btn-tumblr" data-id="tu"><i class="fab fa-tumblr"></i> Tumblr</a>
44+
<a class="btn-hn" data-id="hn"><i class="fab fa-hacker-news"></i> Hacker News</a>
45+
<a class="btn-xing" data-id="xi"><i class="fab fa-xing"></i> Xing</a>
46+
<a class="btn-mail" data-id="mail"><i class="fas fa-at"></i> EMail</a>
47+
<a class="btn-print" data-id="print"><i class="fas fa-print"></i> Print</a>
48+
</div>
49+
50+
<script src="../src/share-buttons.js"></script>
5651
</body>
5752
</html>

0 commit comments

Comments
 (0)