-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (60 loc) · 6.15 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
<!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>FieldMask.js - Masking for Input</title>
<!-- Metas -->
<meta name="description" content="A simple masking library for javascript input">
<!-- facebook -->
<meta property="og:title" content="FieldMask.js - Masking for Input">
<meta property="og:description" content="A simple masking library for javascript input">
<meta property="og:image" content="">
<!-- twitter -->
<meta name="twitter:title" content="FieldMask.js - Masking for Input">
<meta name="twitter:description" content="A simple masking library for javascript input">
<meta name="twitter:image" content="">
<!-- Theme Color -->
<meta name="theme-color" content="#0f0f10">
<!-- Icons -->
<link rel="icon" href="src/assets/img/html.icon.svg">
<link rel="apple-touch-icon" href="src/assets/img/html.icon.svg">
<!-- CSS -->
<link rel="stylesheet" href="src/css/app.css">
</head>
<body>
<header id="header"></header>
<main>
<div class="container">
<p>FieldMask - A simple masking library for javascript input</p>
<span>🔗<a href="demo">Demo</a></span>
</div>
<br/>
<section id="frameworks">
<a class="framework" href="javascript">
<svg viewBox="0 0 128 128" >
<path fill="#F0DB4F" d="M11.5,1.4h105.1c5.5,0,10,4.5,10,10v105.1c0,5.5-4.5,10-10,10H11.5c-5.5,0-10-4.5-10-10V11.5C1.4,5.9,5.9,1.4,11.5,1.4z"/><path fill="#323330" d="M116.3,96.7c-0.9-5.7-4.6-10.5-15.7-15c-3.8-1.8-8.1-3-9.4-5.9c-0.5-1.7-0.5-2.6-0.2-3.7c0.8-3.3,4.8-4.4,7.9-3.4c2,0.7,3.9,2.2,5.1,4.7c5.4-3.5,5.4-3.5,9.2-5.9c-1.4-2.1-2.1-3.1-3-4c-3.2-3.6-7.7-5.5-14.8-5.4l-3.7,0.5c-3.5,0.9-6.9,2.7-8.9,5.2c-5.9,6.7-4.2,18.5,3,23.3c7.1,5.3,17.5,6.5,18.9,11.5c1.3,6.1-4.5,8.1-10.2,7.4c-4.2-0.9-6.6-3-9.1-6.9c-4.7,2.7-4.7,2.7-9.5,5.5c1.1,2.5,2.3,3.6,4.3,5.8c9.1,9.2,31.8,8.7,35.8-5.2C116.1,104.8,117.2,101.7,116.3,96.7z M69.5,58.9H57.8l0,30.3c0,6.4,0.3,12.3-0.7,14.1c-1.7,3.6-6.2,3.1-8.2,2.4c-2.1-1-3.1-2.5-4.3-4.5c-0.3-0.6-0.6-1-0.7-1.1l-9.5,5.8c1.6,3.2,3.9,6.1,6.9,7.9c4.5,2.7,10.5,3.5,16.7,2.1c4.1-1.2,7.6-3.7,9.4-7.4c2.7-4.9,2.1-10.9,2.1-17.4C69.5,80.4,69.5,69.7,69.5,58.9z"/>
</svg>
</a>
<a class="framework not-available" title="Not available">
<svg viewBox="0 0 128 128">
<g fill="#61DAFB"><circle cx="64" cy="64" r="11.4"></circle><path d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3C8.2 50 1.4 56.6 1.4 64s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zM92.5 14.7c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zM81.3 74c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zM64 97.8c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zM64 30.2c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zM31.7 35c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zM7 64c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5C15.3 75.6 7 69.6 7 64zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zM96.3 93c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"></path></g>
</svg>
</a>
<a class="framework not-available" title="Not available">
<svg viewBox="0 0 128 128">
<path fill="#DE3641" d="M52.864 64h23.28L63.769 38.123zM63.81 1.026L4.553 21.88l9.363 77.637 49.957 27.457 50.214-27.828 9.36-77.635L63.81 1.026zM48.044 75l-7.265 18.176-13.581.056 36.608-81.079-.07-.153h-.064l.001-.133.063.133h.141l.123-.274V12h-.124l-.069.153 38.189 81.417-13.074-.287-8.042-18.58-17.173.082"></path>
</svg>
</a>
<a class="framework not-available" title="Not available">
<svg viewBox="0 0 128 128">
<path d="M0 8.934l49.854.158 14.167 24.47 14.432-24.47L128 8.935l-63.834 110.14zm126.98.637l-24.36.02-38.476 66.053L25.691 9.592.942 9.572l63.211 107.89zm-25.149-.008l-22.745.168-15.053 24.647L49.216 9.73l-22.794-.168 37.731 64.476zm-75.834-.17l23.002.009m-23.002-.01l23.002.01" fill="none"></path><path d="M25.997 9.393l23.002.009L64.035 34.36 79.018 9.404 102 9.398 64.15 75.053z" fill="#35495e"></path><path d="M.91 9.569l25.067-.172 38.15 65.659L101.98 9.401l25.11.026-62.966 108.06z" fill="#41b883"></path>
</svg>
</a>
</section>
</main>
<footer id="footer"></footer>
<script src="src/js/app.js" type="module"></script>
</body>
</html>