775 lines
65 KiB
HTML
775 lines
65 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" dir="ltr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>About us | Keycard - Secure, Contactless, Open Source, Crypto Hardwallet</title>
|
||
<meta name="description" content="Keycard is a new type of smartcard built with an open API for simple integration with crypto wallets and hardware. Designed to safely send, store, and receive cryptocurrencies in a seamless contactless experience.">
|
||
<meta http-equiv="X-UA-CompatibleAbout us | Keycard - Secure, Contactless, Open Source, Crypto Hardwallet" content="IE=Edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!-- Canonical links -->
|
||
<link rel="canonical" href="http://keycard.tech/about-us/index.html">
|
||
|
||
<!-- Icon -->
|
||
<meta name="msapplication-TileColor" content="#080E1A">
|
||
<link rel="icon" type="image/png" href="/images/favicon.png" sizes="32x32" />
|
||
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-60x60-precomposed.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76-precomposed.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120-precomposed.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152-precomposed.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-precomposed.png">
|
||
<link rel="apple-touch-icon" href="/images/apple-touch-icon-precomposed.png">
|
||
|
||
<meta property="og:site_name" content="Keycard" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="Keycard - Secure, Contactless, Open Source, Crypto Hardwallet" />
|
||
<meta property="og:description" content="A new type of smartcard built with an open API for simple integration with crypto wallets and hardware. Designed to safely send, store, and receive cryptocurrencies in a seamless contactless experience." />
|
||
<meta property="og:url" content="http://keycard.tech" />
|
||
<meta property="og:image:width" content="843" />
|
||
<meta property="og:image:height" content="484" />
|
||
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="Keycard - Secure, Contactless, Open Source, Crypto Hardwallet" />
|
||
<meta property="twitter:description" content="A new type of smartcard built with an open API for simple integration with crypto wallets and hardware. Designed to safely send, store, and receive cryptocurrencies in a seamless contactless experience." />
|
||
<meta property="twitter:image" content="http://keycard.tech/images/keycard-preview.jpg" />
|
||
<meta name="twitter:site" content="@Keycard_" />
|
||
|
||
<!-- CSS -->
|
||
|
||
<link rel="stylesheet" href="/css/application.css">
|
||
|
||
<!-- endbuild -->
|
||
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
|
||
|
||
<meta property="og:image" content="/img/share.png?v=0.0.5" />
|
||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.4/styles/dracula.min.css">
|
||
<meta name="generator" content="Hexo 5.4.0"><link rel="stylesheet" href="/css/prism-atom-dark.css" type="text/css"></head>
|
||
<body>
|
||
|
||
|
||
<body>
|
||
<header role="banner" class="o-header">
|
||
<div class="c-whisperbox o-header__container js-inviewport-item">
|
||
<div class="o-constrained">
|
||
<div class="o-header__top js-header">
|
||
<div><a href="/" class="a-logo">Keycard</a></div>
|
||
<nav role="navigation" class="o-navigation c-navigation">
|
||
<a href="#" class="c-navigation__trigger js-navigation-open">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><title>navigation-menu</title><rect x="0.5" y="2.5" width="23" height="3" rx="1" ry="1"/><rect x="0.5" y="10.5" width="23" height="3" rx="1" ry="1"/><rect x="0.5" y="18.5" width="23" height="3" rx="1" ry="1"/></svg>
|
||
</a>
|
||
<div class="o-navigation__list c-navigation__list js-navigation-list">
|
||
<a href="/" class="a-logo"></a>
|
||
<a href="#" class="o-navigation__close js-navigation-close">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><title>close</title><path d="M14.3,12.179a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.442L12.177,9.7a.25.25,0,0,1-.354,0L2.561.442A1.5,1.5,0,0,0,.439,2.563L9.7,11.825a.25.25,0,0,1,0,.354L.439,21.442a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,0,0,2.122-2.121Z"/></svg>
|
||
</a>
|
||
|
||
|
||
<a href="/#features" title="Features"
|
||
class="o-navigation__item">
|
||
Features
|
||
</a>
|
||
<a href="/#security" title="Security"
|
||
class="o-navigation__item">
|
||
Security
|
||
</a>
|
||
|
||
<a href="/docs" title="Docs"
|
||
class="o-navigation__item ">
|
||
Docs
|
||
</a>
|
||
<a href="/faq" title="FAQ"
|
||
class="o-navigation__item ">
|
||
FAQ
|
||
</a>
|
||
<a href="/about-us" title="About"
|
||
class="o-navigation__item is-active">
|
||
About
|
||
</a>
|
||
<a target="_blank" rel="noopener" href="https://news.keycard.tech" title="Blog"
|
||
class="o-navigation__item">
|
||
Blog
|
||
</a>
|
||
<a target="_blank" rel="noopener" href="https://get.keycard.tech/" title="Get Keycard" class="o-navigation__item"><span class="a-button a-button--rounded">Get Keycard</span></a>
|
||
<div class="o-navigation__item">
|
||
<ul class="o-list-row">
|
||
<li>
|
||
<a href="https://github.com/status-im/status-keycard" target="_blank" title="Github">
|
||
<svg class="icon icon--smaller" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<path d="M24.0432397,0.179949145 C10.8146777,0.179949145 0.0876694216,11.0878531 0.0876694216,24.5444986 C0.0876694216,35.3095729 6.95166942,44.4425972 16.4699504,47.6643325 C17.6671735,47.8898742 18.1067107,47.1357824 18.1067107,46.4922422 C18.1067107,45.9112405 18.0844958,43.9919174 18.0741818,41.9559906 C11.409719,43.429879 10.003438,39.0812424 10.003438,39.0812424 C8.91371904,36.264998 7.3436033,35.5161513 7.3436033,35.5161513 C5.1701157,34.0039329 7.50743802,34.0350004 7.50743802,34.0350004 C9.91299176,34.2064766 11.1796364,36.5458155 11.1796364,36.5458155 C13.3162314,40.2706821 16.7837355,39.1938116 18.1507438,38.571252 C18.3657521,36.9968987 18.9865785,35.9212386 19.6716694,35.3132042 C14.3508099,34.6971003 8.75742152,32.6079149 8.75742152,23.2719434 C8.75742152,20.6118431 9.69322312,18.4383319 11.2256529,16.7320427 C10.9769256,16.1179562 10.1569586,13.6402259 11.457719,10.284134 C11.457719,10.284134 13.4693554,9.62929668 18.0472066,12.7816345 C19.9580826,12.2417871 22.007405,11.9710564 24.0432397,11.9617765 C26.0790744,11.9710564 28.1299834,12.2417871 30.0444298,12.7816345 C34.6167273,9.62929668 36.6255868,10.284134 36.6255868,10.284134 C37.9295206,13.6402259 37.109157,16.1179562 36.8604298,16.7320427 C38.3964298,18.4383319 39.3258843,20.6118431 39.3258843,23.2719434 C39.3258843,32.6301059 33.7217851,34.6906447 28.387438,35.2938374 C29.2466777,36.0499467 30.0122975,37.5327114 30.0122975,39.8058807 C30.0122975,43.0655425 29.984529,45.6893301 29.984529,46.4922422 C29.984529,47.140624 30.4157355,47.9003644 31.6300166,47.6611047 C41.1431405,44.4357382 47.9984132,35.3059416 47.9984132,24.5444986 C47.9984132,11.0878531 37.2729918,0.179949145 24.0432397,0.179949145" id="Fill-51"></path>
|
||
<path d="M9.16085952,35.1623051 C9.1080992,35.2837506 8.92085952,35.3196598 8.75028096,35.2365442 C8.57652896,35.15706 8.47894216,34.9920394 8.53527272,34.8705938 C8.58684296,34.7459205 8.77447936,34.7116253 8.94783472,34.7943374 C9.12198344,34.8742251 9.22115704,35.0408596 9.16085952,35.1623051" id="Fill-52"></path>
|
||
<path d="M10.1311735,36.2629806 C10.0169256,36.370708 9.7935868,36.3206773 9.6420496,36.1504115 C9.48535536,35.9805492 9.456,35.7533937 9.57183472,35.6440524 C9.68965288,35.536325 9.90624792,35.5867591 10.0633389,35.7566215 C10.220033,35.9285012 10.2505785,36.1540428 10.1311735,36.2629806" id="Fill-53"></path>
|
||
<path d="M11.0757025,37.6662612 C10.9289256,37.7699539 10.6889256,37.6727168 10.540562,37.4560515 C10.3937851,37.2393863 10.3937851,36.9795494 10.5437355,36.8754533 C10.6924958,36.7713572 10.9289256,36.8649629 11.0792727,37.0800143 C11.2256529,37.2999073 11.2256529,37.5601477 11.0757025,37.6662612" id="Fill-54"></path>
|
||
<path d="M12.369719,39.0219319 C12.2384132,39.1691997 11.9587438,39.1296592 11.7540496,38.9287295 C11.544595,38.7322379 11.486281,38.4534378 11.6179834,38.30617 C11.750876,38.1584987 12.0321322,38.2000565 12.2384132,38.3993723 C12.446281,38.5954605 12.5097521,38.876278 12.369719,39.0219319" id="Fill-55"></path>
|
||
<path d="M14.154843,39.8091085 C14.0969256,39.9999515 13.8275702,40.0866982 13.5562314,40.0056001 C13.2852893,39.9220811 13.107967,39.6985568 13.1627107,39.5056965 C13.2190414,39.3136431 13.4895868,39.2232651 13.7629091,39.3100119 C14.0334546,39.3931274 14.2111735,39.6150378 14.154843,39.8091085" id="Fill-56"></path>
|
||
<path d="M16.1153058,39.9551659 C16.1220496,40.1560956 15.891967,40.3227301 15.6071405,40.3259579 C15.3207273,40.332817 15.0890578,40.1702172 15.0858843,39.9725152 C15.0858843,39.7695681 15.3108099,39.6045475 15.5972231,39.5997058 C15.8820496,39.5940572 16.1153058,39.7554465 16.1153058,39.9551659" id="Fill-57"></path>
|
||
<path d="M17.9397025,39.6392462 C17.9738182,39.8353343 17.7758678,40.0366676 17.4930248,40.089926 C17.2149422,40.1419741 16.9574876,40.020932 16.9221818,39.8264579 C16.8876694,39.6255281 17.0891901,39.4241949 17.366876,39.3721468 C17.6501157,39.3221161 17.9036033,39.4399303 17.9397025,39.6392462" id="Fill-58"></path>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://discord.gg/CWX7hs28" title="Discord" target="_blank">
|
||
<svg class="icon icon--smaller" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<path
|
||
d="M0,24 C0,10.7451654 10.7451654,0 24,0 C37.2548346,0 48,10.7451654 48,24 C48,37.2548346 37.2548346,48 24,48 C10.7451654,48 0,37.2548346 0,24 Z M33.8948571,10.4 L14.9051429,10.4 C13.3037714,10.4 12,11.688 12,13.284 L12,32.212 C12,33.808 13.3037714,35.096 14.9051429,35.096 L30.9755429,35.096 L30.2244571,32.506 L32.0384,34.172 L33.7531429,35.74 L36.8,38.4 L36.8,13.284 C36.8,11.688 35.4962286,10.4 33.8948571,10.4 Z"
|
||
id="Combined-Shape"></path>
|
||
<path
|
||
d="M28.4246857,28.684 C28.4246857,28.684 27.9145143,28.082 27.4893714,27.55 C29.3458286,27.032 30.0544,25.884 30.0544,25.884 C29.4733714,26.262 28.9206857,26.528 28.4246857,26.71 C27.7161143,27.004 27.0358857,27.2 26.3698286,27.312 C25.0093714,27.564 23.7622857,27.494 22.6994286,27.298 C21.8916571,27.144 21.1972571,26.92 20.6162286,26.696 C20.2902857,26.57 19.936,26.416 19.5817143,26.22 C19.5392,26.192 19.4966857,26.178 19.4541714,26.15 C19.4258286,26.136 19.4116571,26.122 19.3974857,26.108 C19.1424,25.968 19.0006857,25.87 19.0006857,25.87 C19.0006857,25.87 19.6809143,26.99 21.4806857,27.522 C21.0555429,28.054 20.5312,28.684 20.5312,28.684 C17.3993143,28.586 16.2089143,26.556 16.2089143,26.556 C16.2089143,22.048 18.2496,18.394 18.2496,18.394 C20.2902857,16.882 22.2317714,16.924 22.2317714,16.924 L22.3734857,17.092 C19.8226286,17.82 18.6464,18.926 18.6464,18.926 C18.6464,18.926 18.9581714,18.758 19.4825143,18.52 C20.9988571,17.862 22.2034286,17.68 22.6994286,17.638 C22.7844571,17.624 22.8553143,17.61 22.9403429,17.61 C23.8048,17.498 24.7826286,17.47 25.8029714,17.582 C27.1492571,17.736 28.5947429,18.128 30.0685714,18.926 C30.0685714,18.926 28.9490286,17.876 26.5398857,17.148 L26.7382857,16.924 C26.7382857,16.924 28.6797714,16.882 30.7204571,18.394 C30.7204571,18.394 32.7611429,22.048 32.7611429,26.556 C32.7611429,26.556 31.5565714,28.586 28.4246857,28.684 Z M22.2340949,22.4 C21.432689,22.4 20.8,23.1207207 20.8,24 C20.8,24.8792793 21.4467487,25.6 22.2340949,25.6 C23.0355009,25.6 23.6681898,24.8792793 23.6681898,24 C23.6822496,23.1207207 23.0355009,22.4 22.2340949,22.4 Z M27.3659051,22.4 C26.5644991,22.4 25.9318102,23.1207207 25.9318102,24 C25.9318102,24.8792793 26.5785589,25.6 27.3659051,25.6 C28.167311,25.6 28.8,24.8792793 28.8,24 C28.8,23.1207207 28.167311,22.4 27.3659051,22.4 Z"
|
||
id="Combined-Shape"></path>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="o-constrained">
|
||
<div class="o-header__body">
|
||
<div class="o-header__content">
|
||
<h1 class="a-title"><strong>Secure, Contactless, Hardware Wallet & Open API</strong></h1>
|
||
<p class="a-subtitle">Keycard is a new type of smartcard and open source API for simple integration with crypto wallets, DApps, and hardware. Designed to safely send, store, and receive cryptocurrencies in a seamless contactless experience.</p>
|
||
<div class="o-actionbar">
|
||
<div class="o-actionbar__item">
|
||
<a target="_blank" rel="noopener" href="https://get.keycard.tech/" class="a-button" title="Get Keycard">Get Keycard</a>
|
||
</div>
|
||
<div class="o-actionbar__item">
|
||
<a href="/docs" class="a-button a-button--ghost">Integrate with Keycard</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="o-header__keyvisual js-header-keyvisual">
|
||
<img src="/images/card-dark.png" alt="">
|
||
<img src="/images/card-light.png" alt="">
|
||
<img src="/images/card-colored.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div class="o-row-xl">
|
||
<div class="o-constrained">
|
||
<div class="o-grid o-grid--centered">
|
||
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
|
||
<img src="/images/open-source-keyvisual.png" alt="">
|
||
</div>
|
||
<div class="o-grid__column-1-1 o-grid__column-large-1-2">
|
||
<h2 class="a-title">An <strong>Open Source Project</strong></h2>
|
||
<p class="a-subtitle">Keycard is an entirely open source project built by core contributors and an active community. <br/><br/>Check out the <a href="https://github.com/status-im/status-keycard" target="_blank" title="Github Repo">GitHub Repo</a> or <a href="http://join.status.im/chat/public/status-keycard" title="Chat in Status" target="_blank">Join the chat in Status.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="o-row-xl">
|
||
<div class="o-constrained">
|
||
<div class="o-heading">
|
||
<h2 class="a-title">The <strong>Core Contributors</strong></h2>
|
||
<p class="a-subtitle">We’re a diverse group of engineers with expertise in hardware, security, and web3 technology</p>
|
||
</div>
|
||
<div class="o-grid">
|
||
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
|
||
<div class="c-user">
|
||
<img src="/images/andrea.jpg" class="c-user__avatar">
|
||
<h3>Andrea Franz</h3>
|
||
<p class="c-user__subtitle">Engineer</p>
|
||
<ul class="o-list">
|
||
<li>
|
||
<a href="https://github.com/gravityblast" target="_blank" title="See Github Profile">See Github Profile</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://join.status.im/user/0x04b40ac542157ab4e6cf09a2bad5a12ade51d809cc079de1facaa45aaebfb272b0ed64b9b5275877f367127179d972149a294ecc2a78fc8d4688438f5730d8828a" target="_blank" title="See status Profile">See status Profile</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
|
||
<div class="c-user">
|
||
<img src="/images/guy.jpg" class="c-user__avatar">
|
||
<h3>Guy-Louis Grau</h3>
|
||
<p class="c-user__subtitle">Product Manager</p>
|
||
<ul class="o-list">
|
||
<li>
|
||
<a href="https://github.com/guylouis" target="_blank" title="See Github Profile">See Github Profile</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://join.status.im/user/0x04204474d2e3d064c566e1a03a1c1d92902fd4b986c882d988f6632cbe0677c85116100af41a4b7467c01bd5a15121216616e273f4c3c77e3a99f936f9456a62f7" target="_blank" title="See status Profile">See status Profile</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
|
||
<div class="c-user">
|
||
<img src="/images/michele.jpg" class="c-user__avatar">
|
||
<h3>Michele Balistreri</h3>
|
||
<p class="c-user__subtitle">Engineer</p>
|
||
<ul class="o-list">
|
||
<li>
|
||
<a href="https://github.com/bitgamma" target="_blank" title="See Github Profile">See Github Profile</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://join.status.im/user/0x0472b0f0f58ef9f3275874bb72ab1db784486ec7bd68cda8f658410fbbf1427a9b384bc921299df1974f1786a83b6d515c2fe413273f593e5ecbd794dabd025292" target="_blank" title="See status Profile">See status Profile</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
|
||
<div class="c-user">
|
||
<img src="/images/hester.jpg" class="c-user__avatar">
|
||
<h3>Hester Bruikman</h3>
|
||
<p class="c-user__subtitle">User Experience Designer</p>
|
||
<ul class="o-list">
|
||
<li>
|
||
<a href="https://github.com/hesterbruikman" target="_blank" title="See Github Profile">See Github Profile</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://join.status.im/user/0x045f63aeab1acb3c0bc54d3665a6423c128139f7b9b217c532fbe8a2d0dbb4c6b51f3dfe5519f43a2cd60e4c57243599146ceab56a651f68b2067e840a606d3266" target="_blank" title="See status Profile">See status Profile</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
<div class="o-row">
|
||
<footer role="contentinfo" class="c-spotlightbox o-distance js-inviewport-item">
|
||
<div class="o-constrained">
|
||
<div class="o-grid">
|
||
<div class="o-grid__column-1-1 o-grid__column-xlarge-1-5">
|
||
<a href="./" class="a-logo">Keycard</a>
|
||
<ul class="o-list-row">
|
||
<li><a href="https://github.com/status-im/status-keycard" target="_blank" title="Github">
|
||
<svg class="icon icon--small" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<g id="Github_white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
<g id="Github" fill="#FFFFFF" fill-rule="nonzero">
|
||
<path d="M24.0432397,0.179949145 C10.8146777,0.179949145 0.0876694216,11.0878531 0.0876694216,24.5444986 C0.0876694216,35.3095729 6.95166942,44.4425972 16.4699504,47.6643325 C17.6671735,47.8898742 18.1067107,47.1357824 18.1067107,46.4922422 C18.1067107,45.9112405 18.0844958,43.9919174 18.0741818,41.9559906 C11.409719,43.429879 10.003438,39.0812424 10.003438,39.0812424 C8.91371904,36.264998 7.3436033,35.5161513 7.3436033,35.5161513 C5.1701157,34.0039329 7.50743802,34.0350004 7.50743802,34.0350004 C9.91299176,34.2064766 11.1796364,36.5458155 11.1796364,36.5458155 C13.3162314,40.2706821 16.7837355,39.1938116 18.1507438,38.571252 C18.3657521,36.9968987 18.9865785,35.9212386 19.6716694,35.3132042 C14.3508099,34.6971003 8.75742152,32.6079149 8.75742152,23.2719434 C8.75742152,20.6118431 9.69322312,18.4383319 11.2256529,16.7320427 C10.9769256,16.1179562 10.1569586,13.6402259 11.457719,10.284134 C11.457719,10.284134 13.4693554,9.62929668 18.0472066,12.7816345 C19.9580826,12.2417871 22.007405,11.9710564 24.0432397,11.9617765 C26.0790744,11.9710564 28.1299834,12.2417871 30.0444298,12.7816345 C34.6167273,9.62929668 36.6255868,10.284134 36.6255868,10.284134 C37.9295206,13.6402259 37.109157,16.1179562 36.8604298,16.7320427 C38.3964298,18.4383319 39.3258843,20.6118431 39.3258843,23.2719434 C39.3258843,32.6301059 33.7217851,34.6906447 28.387438,35.2938374 C29.2466777,36.0499467 30.0122975,37.5327114 30.0122975,39.8058807 C30.0122975,43.0655425 29.984529,45.6893301 29.984529,46.4922422 C29.984529,47.140624 30.4157355,47.9003644 31.6300166,47.6611047 C41.1431405,44.4357382 47.9984132,35.3059416 47.9984132,24.5444986 C47.9984132,11.0878531 37.2729918,0.179949145 24.0432397,0.179949145" id="Fill-51"></path>
|
||
<path d="M9.16085952,35.1623051 C9.1080992,35.2837506 8.92085952,35.3196598 8.75028096,35.2365442 C8.57652896,35.15706 8.47894216,34.9920394 8.53527272,34.8705938 C8.58684296,34.7459205 8.77447936,34.7116253 8.94783472,34.7943374 C9.12198344,34.8742251 9.22115704,35.0408596 9.16085952,35.1623051" id="Fill-52"></path>
|
||
<path d="M10.1311735,36.2629806 C10.0169256,36.370708 9.7935868,36.3206773 9.6420496,36.1504115 C9.48535536,35.9805492 9.456,35.7533937 9.57183472,35.6440524 C9.68965288,35.536325 9.90624792,35.5867591 10.0633389,35.7566215 C10.220033,35.9285012 10.2505785,36.1540428 10.1311735,36.2629806" id="Fill-53"></path>
|
||
<path d="M11.0757025,37.6662612 C10.9289256,37.7699539 10.6889256,37.6727168 10.540562,37.4560515 C10.3937851,37.2393863 10.3937851,36.9795494 10.5437355,36.8754533 C10.6924958,36.7713572 10.9289256,36.8649629 11.0792727,37.0800143 C11.2256529,37.2999073 11.2256529,37.5601477 11.0757025,37.6662612" id="Fill-54"></path>
|
||
<path d="M12.369719,39.0219319 C12.2384132,39.1691997 11.9587438,39.1296592 11.7540496,38.9287295 C11.544595,38.7322379 11.486281,38.4534378 11.6179834,38.30617 C11.750876,38.1584987 12.0321322,38.2000565 12.2384132,38.3993723 C12.446281,38.5954605 12.5097521,38.876278 12.369719,39.0219319" id="Fill-55"></path>
|
||
<path d="M14.154843,39.8091085 C14.0969256,39.9999515 13.8275702,40.0866982 13.5562314,40.0056001 C13.2852893,39.9220811 13.107967,39.6985568 13.1627107,39.5056965 C13.2190414,39.3136431 13.4895868,39.2232651 13.7629091,39.3100119 C14.0334546,39.3931274 14.2111735,39.6150378 14.154843,39.8091085" id="Fill-56"></path>
|
||
<path d="M16.1153058,39.9551659 C16.1220496,40.1560956 15.891967,40.3227301 15.6071405,40.3259579 C15.3207273,40.332817 15.0890578,40.1702172 15.0858843,39.9725152 C15.0858843,39.7695681 15.3108099,39.6045475 15.5972231,39.5997058 C15.8820496,39.5940572 16.1153058,39.7554465 16.1153058,39.9551659" id="Fill-57"></path>
|
||
<path d="M17.9397025,39.6392462 C17.9738182,39.8353343 17.7758678,40.0366676 17.4930248,40.089926 C17.2149422,40.1419741 16.9574876,40.020932 16.9221818,39.8264579 C16.8876694,39.6255281 17.0891901,39.4241949 17.366876,39.3721468 C17.6501157,39.3221161 17.9036033,39.4399303 17.9397025,39.6392462" id="Fill-58"></path>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</a></li>
|
||
<li>
|
||
<a href="https://twitter.com/Keycard_" target="_blank" title="Twitter">
|
||
<svg class="icon icon--small" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<g id="Twitter_white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
<g id="Twitter" fill="#FFFFFF" fill-rule="nonzero">
|
||
<path d="M0,24 C0,10.7451654 10.7451654,0 24,0 C37.2548346,0 48,10.7451654 48,24 C48,37.2548346 37.2548346,48 24,48 C10.7451654,48 0,37.2548346 0,24 Z M23.2812026,19.5075006 L23.3315651,20.3379548 L22.4921899,20.2362665 C19.4368642,19.8464615 16.7676511,18.5245141 14.5013381,16.3043203 L13.3933628,15.2026975 L13.1079753,16.0162036 C12.5036251,17.8296443 12.8897377,19.7447732 14.1488005,21.0328246 C14.8203006,21.7446424 14.6692131,21.8463306 13.5108754,21.4226296 C13.1079753,21.2870452 12.7554377,21.185357 12.7218626,21.2362011 C12.6043502,21.3548374 13.0072502,22.8971094 13.3262128,23.507239 C13.7626879,24.3546411 14.6524256,25.1850953 15.6261009,25.6765886 L16.4486886,26.0663936 L15.4750133,26.0833416 C14.5349131,26.0833416 14.5013381,26.1002897 14.6020631,26.4561986 C14.9378132,27.5578214 16.264026,28.7272364 17.7413263,29.2356778 L18.7821516,29.5915866 L17.8756264,30.1339241 C16.5326261,30.9135341 14.9546007,31.3541832 13.3765754,31.3880793 C12.6211377,31.4050274 12,31.4728195 12,31.5236637 C12,31.6931441 14.0480754,32.6422346 15.2399882,33.0150915 C18.8157266,34.1167144 23.062965,33.6421691 26.2525908,31.7609362 C28.5189038,30.4220408 30.7852169,27.7611979 31.8428296,25.1850953 C32.4136047,23.8123038 32.9843799,21.3039933 32.9843799,20.1006822 C32.9843799,19.3210722 33.0347424,19.2193839 33.9748426,18.2872414 C34.5288302,17.7449041 35.0492429,17.1517226 35.1499679,16.9822421 C35.317843,16.6602293 35.3010554,16.6602293 34.4448927,16.948346 C33.0179549,17.4567874 32.8165049,17.3889951 33.52158,16.6263332 C34.0419926,16.0839958 34.6631302,15.1010093 34.6631302,14.8128925 C34.6631302,14.7620484 34.4113177,14.8467886 34.1259302,14.999321 C33.823755,15.1688014 33.1522549,15.4230221 32.6486298,15.5755545 L31.7421046,15.8636712 L30.9195169,15.3043858 C30.4662543,14.999321 29.8283291,14.6603601 29.492579,14.5586718 C28.6364164,14.3213992 27.326991,14.3552953 26.5547659,14.626464 C24.4563279,15.389126 23.1301151,17.355099 23.2812026,19.5075006 Z" id="Combined-Shape"></path>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://discord.gg/CWX7hs28" title="Discord" target="_blank">
|
||
<svg class="icon icon--small" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
<g id="Discord_white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
<g id="Discord" fill="#FFFFFF" fill-rule="nonzero">
|
||
<path
|
||
d="M0,24 C0,10.7451654 10.7451654,0 24,0 C37.2548346,0 48,10.7451654 48,24 C48,37.2548346 37.2548346,48 24,48 C10.7451654,48 0,37.2548346 0,24 Z M33.8948571,10.4 L14.9051429,10.4 C13.3037714,10.4 12,11.688 12,13.284 L12,32.212 C12,33.808 13.3037714,35.096 14.9051429,35.096 L30.9755429,35.096 L30.2244571,32.506 L32.0384,34.172 L33.7531429,35.74 L36.8,38.4 L36.8,13.284 C36.8,11.688 35.4962286,10.4 33.8948571,10.4 Z"
|
||
id="Combined-Shape"></path>
|
||
<path
|
||
d="M28.4246857,28.684 C28.4246857,28.684 27.9145143,28.082 27.4893714,27.55 C29.3458286,27.032 30.0544,25.884 30.0544,25.884 C29.4733714,26.262 28.9206857,26.528 28.4246857,26.71 C27.7161143,27.004 27.0358857,27.2 26.3698286,27.312 C25.0093714,27.564 23.7622857,27.494 22.6994286,27.298 C21.8916571,27.144 21.1972571,26.92 20.6162286,26.696 C20.2902857,26.57 19.936,26.416 19.5817143,26.22 C19.5392,26.192 19.4966857,26.178 19.4541714,26.15 C19.4258286,26.136 19.4116571,26.122 19.3974857,26.108 C19.1424,25.968 19.0006857,25.87 19.0006857,25.87 C19.0006857,25.87 19.6809143,26.99 21.4806857,27.522 C21.0555429,28.054 20.5312,28.684 20.5312,28.684 C17.3993143,28.586 16.2089143,26.556 16.2089143,26.556 C16.2089143,22.048 18.2496,18.394 18.2496,18.394 C20.2902857,16.882 22.2317714,16.924 22.2317714,16.924 L22.3734857,17.092 C19.8226286,17.82 18.6464,18.926 18.6464,18.926 C18.6464,18.926 18.9581714,18.758 19.4825143,18.52 C20.9988571,17.862 22.2034286,17.68 22.6994286,17.638 C22.7844571,17.624 22.8553143,17.61 22.9403429,17.61 C23.8048,17.498 24.7826286,17.47 25.8029714,17.582 C27.1492571,17.736 28.5947429,18.128 30.0685714,18.926 C30.0685714,18.926 28.9490286,17.876 26.5398857,17.148 L26.7382857,16.924 C26.7382857,16.924 28.6797714,16.882 30.7204571,18.394 C30.7204571,18.394 32.7611429,22.048 32.7611429,26.556 C32.7611429,26.556 31.5565714,28.586 28.4246857,28.684 Z M22.2340949,22.4 C21.432689,22.4 20.8,23.1207207 20.8,24 C20.8,24.8792793 21.4467487,25.6 22.2340949,25.6 C23.0355009,25.6 23.6681898,24.8792793 23.6681898,24 C23.6822496,23.1207207 23.0355009,22.4 22.2340949,22.4 Z M27.3659051,22.4 C26.5644991,22.4 25.9318102,23.1207207 25.9318102,24 C25.9318102,24.8792793 26.5785589,25.6 27.3659051,25.6 C28.167311,25.6 28.8,24.8792793 28.8,24 C28.8,23.1207207 28.167311,22.4 27.3659051,22.4 Z"
|
||
id="Combined-Shape"></path>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
|
||
<p class="h6">Documentation</p>
|
||
<ul class="o-list">
|
||
<li><a href="/docs/" target="_blank" title="Getting started">Getting started</a></li>
|
||
<li><a href="/docs/sdk/" title="Java SDK" target="_blank">Java SDK</a></li>
|
||
<li><a href="https://github.com/status-im/keycard-go/" title="Go SDK" target="_blank">Go SDK</a></li>
|
||
<li><a href="/docs/apdu/" title="Protocol" target="_blank">Protocol</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
|
||
<p class="h6">About</p>
|
||
<ul class="o-list">
|
||
<li><a href="/about-us" title="Team">Team</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
|
||
<p class="h6">Resources</p>
|
||
<ul class="o-list">
|
||
<li><a href="https://news.keycard.tech" title="Blog" target="_blank">Blog</a></li>
|
||
<li><a href="https://discord.gg/CWX7hs28" title="Contact us" target="_blank">Contact us</a></li>
|
||
<li><a href="https://discuss.status.im/c/products/keycard/39" title="Community Forum" target="_blank">Community Forum</a></li>
|
||
<li><a href="https://status.im/privacy-policy" target="_blank" title="Privacy Policy" target="_blank">Privacy Policy</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">
|
||
<p class="h6">The Status Network</p>
|
||
<ul class="o-list">
|
||
<li><a href="https://status.im/" title="footer.status.links.status" target="_blank">Status</a></li>
|
||
<li><a href="https://dap.ps/" title="dap.ps" target="_blank">dap.ps</a></li>
|
||
<li><a href="https://assemble.fund/" title="Assemble" target="_blank">Assemble</a></li>
|
||
<li><a href="https://embark.status.im/" title="Embark" target="_blank">Embark</a></li>
|
||
<li><a href="https://subspace.status.im/" title="Subspace" target="_blank">Subspace</a></li>
|
||
<li><a href="https://vac.dev/" title="Vac" target="_blank">Vac</a></li>
|
||
<li><a href="https://nimbus.status.im/" title="Nimbus" target="_blank">Nimbus</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="o-distance">
|
||
<div class="o-grid">
|
||
<div class="o-grid__column-1-1 o-grid__column-xlarge-1-5"></div>
|
||
<div class="o-grid__column-1-1 o-grid__column-xlarge-4-5">
|
||
<p class="o-vertical-alignment">
|
||
<span class="o-vertical-alignment__item">We are part of the Status Network</span>
|
||
<img src="/images/status-logo.svg" class="o-vertical-alignment__item">
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script src="/javascripts/adparam.js"></script>
|
||
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
||
|
||
<script>
|
||
/*!
|
||
* jQuery.anchorScroll jQuery Plugin v1.0
|
||
*
|
||
* Author: Virgiliu Diaconu
|
||
* http://www.virgiliu.com
|
||
* Licensed under the MIT license.
|
||
*/
|
||
!function(o){"use strict";o.anchorScroll=function(l,t){var n=this;n.$el=o(l),n.el=l,n.init=function(){n.options=o.extend({},o.anchorScroll.defaultOptions,t)},n.$el.click(function(t){if(t.preventDefault(),o(t.target).closest("a").length&&o(n.el.hash).length){var e=o(n.el.hash).offset().top-n.options.offsetTop,s="this"===n.$el.data("classTo")?n.el:n.$el.data("classTo"),c=n.$el.data("onScroll"),a=n.$el.data("scrollEnd");"function"==typeof n.options.scrollStart&&n.options.scrollStart.call(l),o(s).addClass(c).removeClass(a),o("html,body").animate({scrollTop:e},n.options.scrollSpeed).promise().done(function(){o(s).addClass(a).removeClass(c),"function"==typeof n.options.scrollEnd&&n.options.scrollEnd.call(l)})}}),n.init()},o.anchorScroll.defaultOptions={scrollSpeed:800,offsetTop:0},o.fn.anchorScroll=function(l){return this.each(function(){new o.anchorScroll(this,l)})}}(jQuery,window,document);
|
||
</script>
|
||
|
||
<script>(function(root, factory) {
|
||
if (typeof define === "function" && define.amd) {
|
||
define([], function() {
|
||
return factory();
|
||
});
|
||
} else if (typeof exports === "object") {
|
||
module.exports = factory();
|
||
} else {
|
||
root.Headhesive = factory();
|
||
}
|
||
})(this, function() {
|
||
"use strict";
|
||
var _mergeObj = function(to, from) {
|
||
for (var p in from) {
|
||
if (from.hasOwnProperty(p)) {
|
||
to[p] = typeof from[p] === "object" ? _mergeObj(to[p], from[p]) : from[p];
|
||
}
|
||
}
|
||
return to;
|
||
};
|
||
var _throttle = function(func, wait) {
|
||
var _now = Date.now || function() {
|
||
return new Date().getTime();
|
||
};
|
||
var context, args, result;
|
||
var timeout = null;
|
||
var previous = 0;
|
||
var later = function() {
|
||
previous = _now();
|
||
timeout = null;
|
||
result = func.apply(context, args);
|
||
context = args = null;
|
||
};
|
||
return function() {
|
||
var now = _now();
|
||
var remaining = wait - (now - previous);
|
||
context = this;
|
||
args = arguments;
|
||
if (remaining <= 0) {
|
||
clearTimeout(timeout);
|
||
timeout = null;
|
||
previous = now;
|
||
result = func.apply(context, args);
|
||
context = args = null;
|
||
} else if (!timeout) {
|
||
timeout = setTimeout(later, remaining);
|
||
}
|
||
return result;
|
||
};
|
||
};
|
||
var _getScrollY = function() {
|
||
return window.pageYOffset !== undefined ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
|
||
};
|
||
var _getElemY = function(elem, side) {
|
||
var pos = 0;
|
||
var elemHeight = elem.offsetHeight;
|
||
while (elem) {
|
||
pos += elem.offsetTop;
|
||
elem = elem.offsetParent;
|
||
}
|
||
if (side === "bottom") {
|
||
pos = pos + elemHeight;
|
||
}
|
||
return pos;
|
||
};
|
||
var Headhesive = function(elem, options) {
|
||
if (!("querySelector" in document && "addEventListener" in window)) {
|
||
return;
|
||
}
|
||
this.visible = false;
|
||
this.options = {
|
||
offset: 300,
|
||
offsetSide: "top",
|
||
classes: {
|
||
clone: "headhesive",
|
||
stick: "headhesive--stick",
|
||
unstick: "headhesive--unstick"
|
||
},
|
||
throttle: 250,
|
||
onInit: function() {},
|
||
onStick: function() {},
|
||
onUnstick: function() {},
|
||
onDestroy: function() {}
|
||
};
|
||
this.elem = typeof elem === "string" ? document.querySelector(elem) : elem;
|
||
this.options = _mergeObj(this.options, options);
|
||
this.init();
|
||
};
|
||
Headhesive.prototype = {
|
||
constructor: Headhesive,
|
||
init: function() {
|
||
this.clonedElem = this.elem.cloneNode(true);
|
||
this.clonedElem.className += " " + this.options.classes.clone;
|
||
document.body.insertBefore(this.clonedElem, document.body.firstChild);
|
||
if (typeof this.options.offset === "number") {
|
||
this.scrollOffset = this.options.offset;
|
||
} else if (typeof this.options.offset === "string") {
|
||
this._setScrollOffset();
|
||
} else {
|
||
throw new Error("Invalid offset: " + this.options.offset);
|
||
}
|
||
this._throttleUpdate = _throttle(this.update.bind(this), this.options.throttle);
|
||
this._throttleScrollOffset = _throttle(this._setScrollOffset.bind(this), this.options.throttle);
|
||
window.addEventListener("scroll", this._throttleUpdate, false);
|
||
window.addEventListener("resize", this._throttleScrollOffset, false);
|
||
this.options.onInit.call(this);
|
||
},
|
||
_setScrollOffset: function() {
|
||
if (typeof this.options.offset === "string") {
|
||
this.scrollOffset = _getElemY(document.querySelector(this.options.offset), this.options.offsetSide);
|
||
}
|
||
},
|
||
destroy: function() {
|
||
document.body.removeChild(this.clonedElem);
|
||
window.removeEventListener("scroll", this._throttleUpdate);
|
||
window.removeEventListener("resize", this._throttleScrollOffset);
|
||
this.options.onDestroy.call(this);
|
||
},
|
||
stick: function() {
|
||
if (!this.visible) {
|
||
this.clonedElem.className = this.clonedElem.className.replace(new RegExp("(^|\\s)*" + this.options.classes.unstick + "(\\s|$)*", "g"), "");
|
||
this.clonedElem.className += " " + this.options.classes.stick;
|
||
this.visible = true;
|
||
this.options.onStick.call(this);
|
||
}
|
||
},
|
||
unstick: function() {
|
||
if (this.visible) {
|
||
this.clonedElem.className = this.clonedElem.className.replace(new RegExp("(^|\\s)*" + this.options.classes.stick + "(\\s|$)*", "g"), "");
|
||
this.clonedElem.className += " " + this.options.classes.unstick;
|
||
this.visible = false;
|
||
this.options.onUnstick.call(this);
|
||
}
|
||
},
|
||
update: function() {
|
||
if (_getScrollY() > this.scrollOffset) {
|
||
this.stick();
|
||
} else {
|
||
this.unstick();
|
||
}
|
||
}
|
||
};
|
||
return Headhesive;
|
||
});</script>
|
||
|
||
<script>
|
||
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):window.jQuery||window.Zepto)}(function(a){var b,c,d,e,f,g,h="Close",i="BeforeClose",j="AfterClose",k="BeforeAppend",l="MarkupParse",m="Open",n="Change",o="mfp",p="."+o,q="mfp-ready",r="mfp-removing",s="mfp-prevent-close",t=function(){},u=!!window.jQuery,v=a(window),w=function(a,c){b.ev.on(o+a+p,c)},x=function(b,c,d,e){var f=document.createElement("div");return f.className="mfp-"+b,d&&(f.innerHTML=d),e?c&&c.appendChild(f):(f=a(f),c&&f.appendTo(c)),f},y=function(c,d){b.ev.triggerHandler(o+c,d),b.st.callbacks&&(c=c.charAt(0).toLowerCase()+c.slice(1),b.st.callbacks[c]&&b.st.callbacks[c].apply(b,a.isArray(d)?d:[d]))},z=function(c){return c===g&&b.currTemplate.closeBtn||(b.currTemplate.closeBtn=a(b.st.closeMarkup.replace("%title%",b.st.tClose)),g=c),b.currTemplate.closeBtn},A=function(){a.magnificPopup.instance||(b=new t,b.init(),a.magnificPopup.instance=b)},B=function(){var a=document.createElement("p").style,b=["ms","O","Moz","Webkit"];if(void 0!==a.transition)return!0;for(;b.length;)if(b.pop()+"Transition"in a)return!0;return!1};t.prototype={constructor:t,init:function(){var c=navigator.appVersion;b.isLowIE=b.isIE8=document.all&&!document.addEventListener,b.isAndroid=/android/gi.test(c),b.isIOS=/iphone|ipad|ipod/gi.test(c),b.supportsTransition=B(),b.probablyMobile=b.isAndroid||b.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),d=a(document),b.popupsCache={}},open:function(c){var e;if(c.isObj===!1){b.items=c.items.toArray(),b.index=0;var g,h=c.items;for(e=0;e<h.length;e++)if(g=h[e],g.parsed&&(g=g.el[0]),g===c.el[0]){b.index=e;break}}else b.items=a.isArray(c.items)?c.items:[c.items],b.index=c.index||0;if(b.isOpen)return void b.updateItemHTML();b.types=[],f="",c.mainEl&&c.mainEl.length?b.ev=c.mainEl.eq(0):b.ev=d,c.key?(b.popupsCache[c.key]||(b.popupsCache[c.key]={}),b.currTemplate=b.popupsCache[c.key]):b.currTemplate={},b.st=a.extend(!0,{},a.magnificPopup.defaults,c),b.fixedContentPos="auto"===b.st.fixedContentPos?!b.probablyMobile:b.st.fixedContentPos,b.st.modal&&(b.st.closeOnContentClick=!1,b.st.closeOnBgClick=!1,b.st.showCloseBtn=!1,b.st.enableEscapeKey=!1),b.bgOverlay||(b.bgOverlay=x("bg").on("click"+p,function(){b.close()}),b.wrap=x("wrap").attr("tabindex",-1).on("click"+p,function(a){b._checkIfClose(a.target)&&b.close()}),b.container=x("container",b.wrap)),b.contentContainer=x("content"),b.st.preloader&&(b.preloader=x("preloader",b.container,b.st.tLoading));var i=a.magnificPopup.modules;for(e=0;e<i.length;e++){var j=i[e];j=j.charAt(0).toUpperCase()+j.slice(1),b["init"+j].call(b)}y("BeforeOpen"),b.st.showCloseBtn&&(b.st.closeBtnInside?(w(l,function(a,b,c,d){c.close_replaceWith=z(d.type)}),f+=" mfp-close-btn-in"):b.wrap.append(z())),b.st.alignTop&&(f+=" mfp-align-top"),b.fixedContentPos?b.wrap.css({overflow:b.st.overflowY,overflowX:"hidden",overflowY:b.st.overflowY}):b.wrap.css({top:v.scrollTop(),position:"absolute"}),(b.st.fixedBgPos===!1||"auto"===b.st.fixedBgPos&&!b.fixedContentPos)&&b.bgOverlay.css({height:d.height(),position:"absolute"}),b.st.enableEscapeKey&&d.on("keyup"+p,function(a){27===a.keyCode&&b.close()}),v.on("resize"+p,function(){b.updateSize()}),b.st.closeOnContentClick||(f+=" mfp-auto-cursor"),f&&b.wrap.addClass(f);var k=b.wH=v.height(),n={};if(b.fixedContentPos&&b._hasScrollBar(k)){var o=b._getScrollbarSize();o&&(n.marginRight=o)}b.fixedContentPos&&(b.isIE7?a("body, html").css("overflow","hidden"):n.overflow="hidden");var r=b.st.mainClass;return b.isIE7&&(r+=" mfp-ie7"),r&&b._addClassToMFP(r),b.updateItemHTML(),y("BuildControls"),a("html").css(n),b.bgOverlay.add(b.wrap).prependTo(b.st.prependTo||a(document.body)),b._lastFocusedEl=document.activeElement,setTimeout(function(){b.content?(b._addClassToMFP(q),b._setFocus()):b.bgOverlay.addClass(q),d.on("focusin"+p,b._onFocusIn)},16),b.isOpen=!0,b.updateSize(k),y(m),c},close:function(){b.isOpen&&(y(i),b.isOpen=!1,b.st.removalDelay&&!b.isLowIE&&b.supportsTransition?(b._addClassToMFP(r),setTimeout(function(){b._close()},b.st.removalDelay)):b._close())},_close:function(){y(h);var c=r+" "+q+" ";if(b.bgOverlay.detach(),b.wrap.detach(),b.container.empty(),b.st.mainClass&&(c+=b.st.mainClass+" "),b._removeClassFromMFP(c),b.fixedContentPos){var e={marginRight:""};b.isIE7?a("body, html").css("overflow",""):e.overflow="",a("html").css(e)}d.off("keyup"+p+" focusin"+p),b.ev.off(p),b.wrap.attr("class","mfp-wrap").removeAttr("style"),b.bgOverlay.attr("class","mfp-bg"),b.container.attr("class","mfp-container"),!b.st.showCloseBtn||b.st.closeBtnInside&&b.currTemplate[b.currItem.type]!==!0||b.currTemplate.closeBtn&&b.currTemplate.closeBtn.detach(),b.st.autoFocusLast&&b._lastFocusedEl&&a(b._lastFocusedEl).focus(),b.currItem=null,b.content=null,b.currTemplate=null,b.prevHeight=0,y(j)},updateSize:function(a){if(b.isIOS){var c=document.documentElement.clientWidth/window.innerWidth,d=window.innerHeight*c;b.wrap.css("height",d),b.wH=d}else b.wH=a||v.height();b.fixedContentPos||b.wrap.css("height",b.wH),y("Resize")},updateItemHTML:function(){var c=b.items[b.index];b.contentContainer.detach(),b.content&&b.content.detach(),c.parsed||(c=b.parseEl(b.index));var d=c.type;if(y("BeforeChange",[b.currItem?b.currItem.type:"",d]),b.currItem=c,!b.currTemplate[d]){var f=b.st[d]?b.st[d].markup:!1;y("FirstMarkupParse",f),f?b.currTemplate[d]=a(f):b.currTemplate[d]=!0}e&&e!==c.type&&b.container.removeClass("mfp-"+e+"-holder");var g=b["get"+d.charAt(0).toUpperCase()+d.slice(1)](c,b.currTemplate[d]);b.appendContent(g,d),c.preloaded=!0,y(n,c),e=c.type,b.container.prepend(b.contentContainer),y("AfterChange")},appendContent:function(a,c){b.content=a,a?b.st.showCloseBtn&&b.st.closeBtnInside&&b.currTemplate[c]===!0?b.content.find(".mfp-close").length||b.content.append(z()):b.content=a:b.content="",y(k),b.container.addClass("mfp-"+c+"-holder"),b.contentContainer.append(b.content)},parseEl:function(c){var d,e=b.items[c];if(e.tagName?e={el:a(e)}:(d=e.type,e={data:e,src:e.src}),e.el){for(var f=b.types,g=0;g<f.length;g++)if(e.el.hasClass("mfp-"+f[g])){d=f[g];break}e.src=e.el.attr("data-mfp-src"),e.src||(e.src=e.el.attr("href"))}return e.type=d||b.st.type||"inline",e.index=c,e.parsed=!0,b.items[c]=e,y("ElementParse",e),b.items[c]},addGroup:function(a,c){var d=function(d){d.mfpEl=this,b._openClick(d,a,c)};c||(c={});var e="click.magnificPopup";c.mainEl=a,c.items?(c.isObj=!0,a.off(e).on(e,d)):(c.isObj=!1,c.delegate?a.off(e).on(e,c.delegate,d):(c.items=a,a.off(e).on(e,d)))},_openClick:function(c,d,e){var f=void 0!==e.midClick?e.midClick:a.magnificPopup.defaults.midClick;if(f||!(2===c.which||c.ctrlKey||c.metaKey||c.altKey||c.shiftKey)){var g=void 0!==e.disableOn?e.disableOn:a.magnificPopup.defaults.disableOn;if(g)if(a.isFunction(g)){if(!g.call(b))return!0}else if(v.width()<g)return!0;c.type&&(c.preventDefault(),b.isOpen&&c.stopPropagation()),e.el=a(c.mfpEl),e.delegate&&(e.items=d.find(e.delegate)),b.open(e)}},updateStatus:function(a,d){if(b.preloader){c!==a&&b.container.removeClass("mfp-s-"+c),d||"loading"!==a||(d=b.st.tLoading);var e={status:a,text:d};y("UpdateStatus",e),a=e.status,d=e.text,b.preloader.html(d),b.preloader.find("a").on("click",function(a){a.stopImmediatePropagation()}),b.container.addClass("mfp-s-"+a),c=a}},_checkIfClose:function(c){if(!a(c).hasClass(s)){var d=b.st.closeOnContentClick,e=b.st.closeOnBgClick;if(d&&e)return!0;if(!b.content||a(c).hasClass("mfp-close")||b.preloader&&c===b.preloader[0])return!0;if(c===b.content[0]||a.contains(b.content[0],c)){if(d)return!0}else if(e&&a.contains(document,c))return!0;return!1}},_addClassToMFP:function(a){b.bgOverlay.addClass(a),b.wrap.addClass(a)},_removeClassFromMFP:function(a){this.bgOverlay.removeClass(a),b.wrap.removeClass(a)},_hasScrollBar:function(a){return(b.isIE7?d.height():document.body.scrollHeight)>(a||v.height())},_setFocus:function(){(b.st.focus?b.content.find(b.st.focus).eq(0):b.wrap).focus()},_onFocusIn:function(c){return c.target===b.wrap[0]||a.contains(b.wrap[0],c.target)?void 0:(b._setFocus(),!1)},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),y(l,[b,c,d]),a.each(c,function(c,d){if(void 0===d||d===!1)return!0;if(e=c.split("_"),e.length>1){var f=b.find(p+"-"+e[0]);if(f.length>0){var g=e[1];"replaceWith"===g?f[0]!==d[0]&&f.replaceWith(d):"img"===g?f.is("img")?f.attr("src",d):f.replaceWith(a("<img>").attr("src",d).attr("class",f.attr("class"))):f.attr(e[1],d)}}else b.find(p+"-"+c).html(d)})},_getScrollbarSize:function(){if(void 0===b.scrollbarSize){var a=document.createElement("div");a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),b.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return b.scrollbarSize}},a.magnificPopup={instance:null,proto:t.prototype,modules:[],open:function(b,c){return A(),b=b?a.extend(!0,{},b):{},b.isObj=!0,b.index=c||0,this.instance.open(b)},close:function(){return a.magnificPopup.instance&&a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<button title="%title%" type="button" class="mfp-close">×</button>',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}},a.fn.magnificPopup=function(c){A();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=u?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else c=a.extend(!0,{},c),u?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var C,D,E,F="inline",G=function(){E&&(D.after(E.addClass(C)).detach(),E=null)};a.magnificPopup.registerModule(F,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(F),w(h+"."+F,function(){G()})},getInline:function(c,d){if(G(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(D||(C=e.hiddenClass,D=x(C),C="mfp-"+C),E=f.after(D).detach().removeClass(C)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("<div>");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'<a href="%url%">The content</a> could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'<div class="mfp-figure"><div class="mfp-close"></div><figure><div class="mfp-img"></div><figcaption><div class="mfp-bottom-bar"><div class="mfp-title"></div><div class="mfp-counter"></div></div></figcaption></figure></div>',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'<a href="%url%">The image</a> could not be loaded.'},proto:{initImage:function(){var c=b.st.image,d=".image";b.types.push("image"),w(m+d,function(){"image"===b.currItem.type&&c.cursor&&a(document.body).addClass(c.cursor)}),w(h+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),v.off("resize"+p)}),w("Resize"+d,b.resizeImage),b.isLowIE&&w("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,L&&clearInterval(L),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){L&&clearInterval(L),L=setInterval(function(){return d.naturalWidth>0?void b._onImageHasSize(a):(c>200&&clearInterval(L),c++,void(3===c?e(10):40===c?e(50):100===c&&e(500)))},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,y("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.el&&c.el.find("img").length&&(j.alt=c.el.find("img").attr("alt")),c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:M(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(L&&clearInterval(L),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var N,O=function(){return void 0===N&&(N=void 0!==document.createElement("p").style.MozTransform),N};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,j=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};w("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return void k();f=j(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,y("ZoomAnimationEnded")},16)},g)},16)}}),w(i+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=j(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),w(h+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(u?d.innerHeight():d[0].offsetHeight)-g-f};return O()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var P="iframe",Q="//about:blank",R=function(a){if(b.currTemplate[P]){var c=b.currTemplate[P].find("iframe");c.length&&(a||(c[0].src=Q),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(P,{options:{markup:'<div class="mfp-iframe-scaler"><div class="mfp-close"></div><iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe></div>',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('<img class="mfp-img" />').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()});
|
||
</script>
|
||
|
||
<script>
|
||
(function (global, factory) {
|
||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
|
||
typeof define === 'function' && define.amd ? define(['jquery'], factory) :
|
||
(factory(global.jQuery));
|
||
}(this, (function ($) { 'use strict';
|
||
|
||
$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
|
||
|
||
/**
|
||
* @author Mudit Ameta
|
||
* @license https://github.com/zeusdeux/isInViewport/blob/master/license.md MIT
|
||
*/
|
||
|
||
// expose isInViewport as a custom pseudo-selector
|
||
$.extend($.expr.pseudos || $.expr[':'], {
|
||
// if $.expr.createPseudo is available, use it
|
||
'in-viewport': $.expr.createPseudo
|
||
? $.expr.createPseudo(function (argsString) { return function (currElement) { return isInViewport(currElement, getSelectorArgs(argsString)); }; })
|
||
: function (currObj, index, meta) { return isInViewport(currObj, getSelectorArgs(meta[3])); }
|
||
});
|
||
|
||
|
||
// expose isInViewport as a function too
|
||
// this lets folks pass around actual objects as options (like custom viewport)
|
||
// and doesn't tie 'em down to strings. It also prevents isInViewport from
|
||
// having to look up and wrap the dom element corresponding to the viewport selector
|
||
$.fn.isInViewport = function(options) {
|
||
return this.filter(function (i, el) { return isInViewport(el, options); })
|
||
};
|
||
|
||
$.fn.run = run;
|
||
|
||
// lets you chain any arbitrary function or an array of functions and returns a jquery object
|
||
function run(args) {
|
||
var this$1 = this;
|
||
|
||
if (arguments.length === 1 && typeof args === 'function') {
|
||
args = [args];
|
||
}
|
||
|
||
if (!(args instanceof Array)) {
|
||
throw new SyntaxError('isInViewport: Argument(s) passed to .do/.run should be a function or an array of functions')
|
||
}
|
||
|
||
args.forEach(function (arg) {
|
||
if (typeof arg !== 'function') {
|
||
console.warn('isInViewport: Argument(s) passed to .do/.run should be a function or an array of functions');
|
||
console.warn('isInViewport: Ignoring non-function values in array and moving on');
|
||
} else {
|
||
[].slice.call(this$1).forEach(function (t) { return arg.call($(t)); });
|
||
}
|
||
});
|
||
|
||
return this
|
||
}
|
||
|
||
|
||
// gets the width of the scrollbar
|
||
function getScrollbarWidth(viewport) {
|
||
// append a div that has 100% width to get true width of viewport
|
||
var el = $('<div></div>').css({
|
||
width: '100%'
|
||
});
|
||
viewport.append(el);
|
||
|
||
// subtract true width from the viewport width which is inclusive
|
||
// of scrollbar by default
|
||
var scrollBarWidth = viewport.width() - el.width();
|
||
|
||
// remove our element from DOM
|
||
el.remove();
|
||
return scrollBarWidth
|
||
}
|
||
|
||
|
||
// Returns true if DOM element `element` is in viewport
|
||
function isInViewport(element, options) {
|
||
var ref = element.getBoundingClientRect();
|
||
var top = ref.top;
|
||
var bottom = ref.bottom;
|
||
var left = ref.left;
|
||
var right = ref.right;
|
||
|
||
var settings = $.extend({
|
||
tolerance: 0,
|
||
viewport: window
|
||
}, options);
|
||
var isVisibleFlag = false;
|
||
var $viewport = settings.viewport.jquery ? settings.viewport : $(settings.viewport);
|
||
|
||
if (!$viewport.length) {
|
||
console.warn('isInViewport: The viewport selector you have provided matches no element on page.');
|
||
console.warn('isInViewport: Defaulting to viewport as window');
|
||
$viewport = $(window);
|
||
}
|
||
|
||
var $viewportHeight = $viewport.height();
|
||
var $viewportWidth = $viewport.width();
|
||
var typeofViewport = $viewport[0].toString();
|
||
|
||
// if the viewport is other than window recalculate the top,
|
||
// bottom,left and right wrt the new viewport
|
||
// the [object DOMWindow] check is for window object type in PhantomJS
|
||
if ($viewport[0] !== window && typeofViewport !== '[object Window]' && typeofViewport !== '[object DOMWindow]') {
|
||
// use getBoundingClientRect() instead of $.Offset()
|
||
// since the original top/bottom positions are calculated relative to browser viewport and not document
|
||
var viewportRect = $viewport[0].getBoundingClientRect();
|
||
|
||
// recalculate these relative to viewport
|
||
top = top - viewportRect.top;
|
||
bottom = bottom - viewportRect.top;
|
||
left = left - viewportRect.left;
|
||
right = right - viewportRect.left;
|
||
|
||
// get the scrollbar width from cache or calculate it
|
||
isInViewport.scrollBarWidth = isInViewport.scrollBarWidth || getScrollbarWidth($viewport);
|
||
|
||
// remove the width of the scrollbar from the viewport width
|
||
$viewportWidth -= isInViewport.scrollBarWidth;
|
||
}
|
||
|
||
// handle falsy, non-number and non-integer tolerance value
|
||
// same as checking using isNaN and then setting to 0
|
||
// bitwise operators deserve some love too you know
|
||
settings.tolerance = ~~Math.round(parseFloat(settings.tolerance));
|
||
|
||
if (settings.tolerance < 0) {
|
||
settings.tolerance = $viewportHeight + settings.tolerance; // viewport height - tol
|
||
}
|
||
|
||
// the element is NOT in viewport iff it is completely out of
|
||
// viewport laterally or if it is completely out of the tolerance
|
||
// region. Therefore, if it is partially in view then it is considered
|
||
// to be in the viewport and hence true is returned. Because we have adjusted
|
||
// the left/right positions relative to the viewport, we should check the
|
||
// element's right against the viewport's 0 (left side), and the element's
|
||
// left against the viewport's width to see if it is outside of the viewport.
|
||
|
||
if (right <= 0 || left >= $viewportWidth) {
|
||
return isVisibleFlag
|
||
}
|
||
|
||
// if the element is bound to some tolerance
|
||
isVisibleFlag = settings.tolerance ? top <= settings.tolerance && bottom >= settings.tolerance : bottom > 0 && top <= $viewportHeight;
|
||
|
||
return isVisibleFlag
|
||
}
|
||
|
||
|
||
// get the selector args from the args string proved by Sizzle
|
||
function getSelectorArgs(argsString) {
|
||
if (argsString) {
|
||
var args = argsString.split(',');
|
||
|
||
// when user only gives viewport and no tolerance
|
||
if (args.length === 1 && isNaN(args[0])) {
|
||
args[1] = args[0];
|
||
args[0] = void 0;
|
||
}
|
||
|
||
return {
|
||
tolerance: args[0] ? args[0].trim() : void 0,
|
||
viewport: args[1] ? $(args[1].trim()) : void 0
|
||
}
|
||
}
|
||
return {}
|
||
}
|
||
|
||
})));
|
||
|
||
//# sourceMappingURL=isInViewport.js.map
|
||
</script>
|
||
<script>
|
||
$(document).ready(function() {
|
||
|
||
$(window).scroll(function() {
|
||
$('.js-inviewport-item').isInViewport({
|
||
tolerance: 0
|
||
})
|
||
.addClass('is-active');
|
||
});
|
||
|
||
var options = {
|
||
classes: {
|
||
clone: 'o-header__top--clone',
|
||
stick: 'is-sticky',
|
||
unstick: 'is-unsticky'
|
||
}
|
||
};
|
||
if($(window).width() >= 767) {
|
||
var header = new Headhesive('.js-header', options);
|
||
}
|
||
$('.js-navigation-open').on('click', function(event) {
|
||
event.preventDefault();
|
||
|
||
$('.js-navigation-list').addClass('is-active');
|
||
});
|
||
|
||
$('.js-navigation-close').on('click', function(event) {
|
||
event.preventDefault();
|
||
|
||
$('.js-navigation-list').removeClass('is-active');
|
||
});
|
||
|
||
$('.js-header-keyvisual').addClass('is-active');
|
||
|
||
// Popup
|
||
$('.js-popup').magnificPopup({
|
||
type: 'inline',
|
||
preloader: false,
|
||
focus: '#name',
|
||
|
||
// When elemened is focused, some mobile browsers in some cases zoom in
|
||
// It looks not nice, so we disable it:
|
||
callbacks: {
|
||
beforeOpen: function() {
|
||
if($(window).width() < 700) {
|
||
this.st.focus = false;
|
||
} else {
|
||
this.st.focus = '#name';
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
// Scroll
|
||
$('.js-anchor-scroll').anchorScroll({
|
||
scrollSpeed: 800, // scroll speed
|
||
offsetTop: 100, // offset for fixed top bars (defaults to 0)
|
||
onScroll: function () {
|
||
// callback on scroll start
|
||
},
|
||
scrollEnd: function () {
|
||
// callback on scroll end
|
||
}
|
||
});
|
||
});
|
||
|
||
$('.js-accordion-trigger').on('click', function (event) {
|
||
event.preventDefault();
|
||
|
||
$(this).closest('.js-accordion').toggleClass('is-active');
|
||
$(this).next('.js-accordion-content').slideToggle("fast");
|
||
});
|
||
|
||
$('.js-docs-trigger').on('click', function(event) {
|
||
event.preventDefault();
|
||
|
||
$('.js-docs-sidebar').addClass('is-active');
|
||
});
|
||
|
||
$('.js-docs-trigger-close').on('click', function(event) {
|
||
event.preventDefault();
|
||
|
||
$('.js-docs-sidebar').removeClass('is-active');
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
|
||
</body>
|
||
|
||
|
||
<script src="/javascripts/utm-handler.js"></script>
|
||
|
||
</html>
|
||
|