-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (108 loc) · 6 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="yaba crafts beautiful interfaces and experiences for web and mobile.">
<meta name="google-site-verification" content="ehbPI-k3cn0skIU13IIv8gYKZH4h4mRCiutfeD6c3kY">
<meta name="robots" content="index, follow">
<meta name="author" content="yaba.studio">
<meta property="og:title" content="yaba.studio">
<meta property="og:description" content="yaba crafts beautiful interfaces and experiences for web and mobile">
<meta property="og:url" content="http://yaba.studio">
<meta property="og:image" content="img/share-image.png">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="76x76" href="img/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/touch-icon-ipad-retina.png">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="favicon.ico">
<title>yaba.studio</title>
</head>
<body>
<main class="yaba-main-content"></main>
<div class="yaba-modal">
<div class="modal-content">
<div class="center">
<svg xmlns="http://www.w3.org/2000/svg" width="265" height="172" viewBox="0 0 265 172" enable-background="new 0 0 265 172" aria-labelledby="title description" role="img">
<title id="title">yaba.studio</title>
<desc id="description">yaba crafts beautiful interfaces and experiences for web and mobile.</desc>
<defs>
<filter id="glitch">
<feFlood flood-color="black" result="black" />
<feFlood flood-color="darkred" result="flood1" />
<feFlood flood-color="darkgreen" result="flood2" />
<feOffset in="SourceGraphic" dx="4" dy="0" result="off1a" />
<feOffset in="SourceGraphic" dx="2" dy="0" result="off1b" />
<feOffset in="SourceGraphic" dx="-3" dy="0" result="off2a" />
<feOffset in="SourceGraphic" dx="-4" dy="0" result="off2b" />
<feComposite in="flood1" in2="off1a" operator="in" result="comp1" />
<feComposite in="flood2" in2="off2a" operator="in" result="comp2" />
<feMerge x="0" width="100%" result="merge1">
<feMergeNode in="black" />
<feMergeNode in="comp1" />
<feMergeNode in="off1b" />
<animate attributeName="y" id="y" dur="2s" values="151px; 151px; 44px; 153px; 44px; 3px; 3px; 73px; 58px; 153px; 153px; 29px; 9ßpx; 58px; 151px; 58px; 102px; 15px; 44px; 151px; 148px" keyTimes="0; 0.362; 0.368; 0.421; 0.440; 0.477; 0.518; 0.564; 0.593; 0.613; 0.644; 0.693; 0.721; 0.736; 0.772; 0.818; 0.844; 0.894; 0.925; 0.939; 1" repeatCount="indefinite" />
<animate attributeName="height" id="h" dur="2s" values="15px; 0px; 15px; 44px; 73px; 0px; 15px; 0px; 0px; 0px; 15px; 73px; 58px; 0px; 0px; 0px; 58px; 44px; 15px; 0px; 73px" keyTimes="0; 0.362; 0.368; 0.421; 0.440; 0.477; 0.518; 0.564; 0.593; 0.613; 0.644; 0.693; 0.721; 0.736; 0.772; 0.818; 0.844; 0.894; 0.925; 0.939; 1" repeatCount="indefinite" />
</feMerge>
<feMerge x="0" width="100%" y="87px" height="95px" result="merge2">
<feMergeNode in="black" />
<feMergeNode in="comp2" />
<feMergeNode in="off2b" />
<animate attributeName="y" id="y" dur="4s" values="150px; 151px; 100px; 77px; 61px; 151px; 113px; 129px; 140px; 145px; 97px; 73px; 140px; 96px; 128px; 61px; 19px; 145px; 145px; 151px;" keyTimes="0; 0.055; 0.100; 0.125; 0.159; 0.182; 0.202; 0.236; 0.268; 0.326; 0.357; 0.400; 0.408; 0.461; 0.493; 0.513; 0.548; 0.577; 0.613; 1" repeatCount="indefinite" />
<animate attributeName="height" id="h" dur="4s" values="0px; 0px; 0px; 23px; 23px; 17px; 17px; 0px; 0px; 7px; 15px; 32px; 48px; 16px; 0px; 0px; 15px" keyTimes="0; 0.055; 0.100; 0.125; 0.159; 0.182; 0.202; 0.236; 0.268; 0.326; 0.357; 0.400; 0.408; 0.461; 0.493; 0.513; 1" repeatCount="indefinite" />
</feMerge>
<feMerge>
<feMergeNode in="SourceGraphic" />
<feMergeNode in="merge1" />
<feMergeNode in="merge2" />
</feMerge>
</filter>
</defs>
<path filter="url(#glitch)" d="M255 167c0-2.8 2.2-5 5-5s5 2.2 5 5-2.2 5-5 5-5-2.2-5-5zm-32-147v152h10v-89h22v64c0 2.8 2.2 5 5 5s5-2.2 5-5v-127c0-13-10-20-21-20-12 0-21 7-21 20zm11 53v-53c0-6 5-9 11-9 5 0 11 3 11 9v53h-22zm-85 99h21c12.9 0 21-9 21-21v-57c0-7-2-12-7-16 5-5 7-10 7-16v-41c0-11-8-21-21-21h-21v172zm10-10v-79h11c5.8.3 10.7 4.9 11 11v57c0 6-5 11-11 11h-11zm0-89v-62h11c6.3 0 11 5 11 10v41c-.3 6-5.2 10.7-11 11h-11zm-84-53v152h11v-89h21v89h10v-152c0-13-9-20-21-20s-21 7-21 20zm11 53v-53c-.2-5.7 4.4-9.4 10-9 6.2-.4 10.8 3.3 11 9v53h-21zm-43 99v-172h-11v117h-11c-5.4-.4-10-5.3-10-11v-86h-11v86c.5 12 9.8 21.2 21.3 21h10.7v45h11z" />
</svg>
</div>
</div>
</div>
<div class="yaba-transition-layer">
<div class="bg-layer"></div>
</div>
<script src="https://code.jquery.com/jquery-3.6.1.slim.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/application.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i["GoogleAnalyticsObject"] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga");
ga("create", "UA-85600593-1", "auto");
ga("send", "pageview");
window.fbAsyncInit = function () {
FB.init({
appId: "1076143409167603",
xfbml: true,
version: "v2.8"
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));
</script>
</body>
</html>