forked from tholman/giflinks
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
70 lines (58 loc) · 3.91 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> GifLinks </title>
<meta name="description" content="Парадигма дизайна, меняющая мир.">
<!-- CSS -->
<link href='./css/styles.css' rel='stylesheet'>
<!-- JS -->
<script src='GifLinks.js'></script>
</head>
<body>
<!--
************************************************************************
/$$$$$$ /$$ /$$$$$$ /$$ /$$ /$$
/$$__ $$|__/ /$$__ $$| $$ |__/ | $$
| $$ \__/ /$$| $$ \__/| $$ /$$ /$$$$$$$ | $$ /$$ /$$$$$$$
| $$ /$$$$| $$| $$$$ | $$ | $$| $$__ $$| $$ /$$/ /$$_____/
| $$|_ $$| $$| $$_/ | $$ | $$| $$ \ $$| $$$$$$/ | $$$$$$
| $$ \ $$| $$| $$ | $$ | $$| $$ | $$| $$_ $$ \____ $$
| $$$$$$/| $$| $$ | $$$$$$$$| $$| $$ | $$| $$ \ $$ /$$$$$$$/
\______/ |__/|__/ |________/|__/|__/ |__/|__/ \__/|_______/
Да, это шутка
************************************************************************
-->
<header>
<div class="container">
<div class="back"></div>
<div class="front">
<img src="./img/header_front.png" />
</div>
</div>
</header>
<article>
<p>
С рассвета <a data-src="./img/internet.gif">интернета</a> весь мир задается вопросом: "С чего это ховер-эффекты такие унылые?" Но недавно новая парадигма восстала, чтобы <a data-src="./img/solve.gif">решить</a> эту фрустрирующую проблему. Дизайнеры зовут ее <a class="giflink" data-src="./img/giflinks.gif">Giflinks</a>.
</p>
<p>
Немногие знают об этом, но 9 из 10 UX <a data-src="./img/specialists.gif">специалистов</a> считают, что giflinks предоставляют богатый, существенно улучшенный пользовательский опыт, который можно подготовить специально для <a data-src="./img/enjoyment.gif">удовлетворения</a> вашей аудитории.
</p>
<p>
Эта javascript библиотека поможет вам принести Giflinks на ваш сайт, квартиру и дом!
</p>
<p class="final">
<a href="http://tholman.com">By Tim Holman</a> • <a href="http://github.com/tholman/giflinks">Исходный код и инструкции</a> • <a href="https://twitter.com/share" class="twitter-share-button" data-text="GifLinks, the best thing to happen to the internet since the <a> tag -" data-via="twholman">Твитнуть</a>
</p>
</article>
<a class="github-link" href="https://github.com/tholman/giflinks" target="_blank">
<img src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png">
</a>
<script>
var elements = document.querySelectorAll( 'article a' );
GifLinks( elements );
</script>
<!-- Tweet Button -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</body>
</html>