removed bluettoth, fixed animation, added riot
This commit is contained in:
andmironov
parent
fd620024a9
commit
2fb2e7ea8c
|
|
@ -376,6 +376,9 @@ li.social-link a {
|
|||
.social-link.social-link--sl a {
|
||||
background-image: url(../img/new-site/icon_sl2.svg); }
|
||||
|
||||
.social-link.social-link--ri a {
|
||||
background-image: url(../img/new-site/icon_ri.svg); }
|
||||
|
||||
.social-link.social-link--gh a {
|
||||
background-image: url(../img/new-site/icon_gh2.svg); }
|
||||
|
||||
|
|
@ -742,7 +745,7 @@ li.social-link a {
|
|||
|
||||
.container-wrap {
|
||||
z-index: 2;
|
||||
margin-bottom: 420px;
|
||||
margin-bottom: 480px;
|
||||
background-color: #281644;
|
||||
background-image: url(../img/pattern@2x.png);
|
||||
background-size: 20px;
|
||||
|
|
@ -1651,6 +1654,9 @@ input.email-form__input--email:disabled {
|
|||
.footer-link--sl .footer-icon {
|
||||
background-image: url(../img/new-site/icon_sl2.svg); }
|
||||
|
||||
.footer-link--ri .footer-icon {
|
||||
background-image: url(../img/new-site/icon_ri.svg); }
|
||||
|
||||
.footer-link--gh .footer-icon {
|
||||
background-image: url(../img/new-site/icon_gh2.svg); }
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>icon_sl</title><g fill="#FFF"><path d="M12.632 3.316H7.893a2.365 2.365 0 0 0-2.368 2.369v11.821a2.365 2.365 0 0 0 2.368 2.369 2.366 2.366 0 0 0 2.369-2.369v-2.369h2.37c3.254 0 5.91-2.656 5.91-5.911 0-3.254-2.656-5.91-5.91-5.91z"/><path d="M7.905 19.277a1.771 1.771 0 0 1-1.771-1.771V5.673a1.77 1.77 0 0 1 1.759-1.772h4.739a5.336 5.336 0 0 1 5.325 5.325 5.334 5.334 0 0 1-5.325 5.324H9.676v2.956c0 .967-.794 1.771-1.771 1.771z"/><path d="M7.905 18.68a1.185 1.185 0 0 1-1.185-1.186V5.673c0-.645.517-1.173 1.161-1.185h4.751a4.734 4.734 0 0 1 4.726 4.727 4.74 4.74 0 0 1-4.726 4.726H9.09v3.541c0 .666-.529 1.198-1.185 1.198z"/><path d="M7.905 18.094a.596.596 0 0 1-.598-.6V5.673c0-.322.252-.587.574-.598h4.751a4.144 4.144 0 0 1 4.14 4.14 4.145 4.145 0 0 1-4.14 4.14h-4.13v4.139c0 .334-.264.6-.597.6z"/><path d="M7.905 12.768h4.727a3.556 3.556 0 0 0 3.554-3.552 3.55 3.55 0 0 0-3.554-3.554H7.905v7.106z"/><path d="M8.502 12.182V6.26h4.14a2.953 2.953 0 0 1 2.955 2.956 2.954 2.954 0 0 1-2.955 2.956h-4.14v.01z"/><path d="M9.09 11.595V6.857h3.542a2.366 2.366 0 0 1 2.369 2.369 2.366 2.366 0 0 1-2.369 2.369H9.09z"/><path d="M9.676 11.01V7.444h2.956a1.783 1.783 0 0 1 0 3.566H9.676z"/><path d="M10.262 10.411v-2.38h2.37c.654 0 1.195.53 1.195 1.195 0 .668-.528 1.196-1.195 1.196h-2.37v-.011z"/><path d="M10.861 9.825V8.617h1.771c.333 0 .599.265.599.599a.595.595 0 0 1-.599.598h-1.771v.011z"/><ellipse cx="7.827" cy="5.678" rx="2.369" ry="2.369"/><path d="M18.036 16.137a2.361 2.361 0 1 1-3.863 2.716l-3.542-5.062a2.362 2.362 0 0 1 3.865-2.713l3.54 5.059z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
10
index.html
10
index.html
|
|
@ -6,10 +6,10 @@
|
|||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Secure, wireless wallet for all major cryptocurrencies - Status Hardwallet</title>
|
||||
<meta name="description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC and bluetooth technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource.">
|
||||
<meta name="description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource.">
|
||||
|
||||
<meta property="og:title" content="Status Hardwallet - The Secure, wireless wallet for all major cryptocurrencies."/>
|
||||
<meta property="og:description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC and bluetooth technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource." />
|
||||
<meta property="og:description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource." />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
|
@ -53,14 +53,13 @@
|
|||
<ul class="social-links">
|
||||
<li class="social-link social-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"></a></li>
|
||||
<li class="social-link social-link--ri"><a href="https://chat.status.im/#/register" target="_blank"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="slides">
|
||||
<div class="slide slide--one slide--one--finished">
|
||||
<div class="slide__inner">
|
||||
|
|
@ -114,7 +113,7 @@
|
|||
<div class="section__text">
|
||||
<h2>Contactless transactions, built for mobile</h2>
|
||||
<div class="text">
|
||||
<p>With NFC & Bluetooth, you can now use the Status Hardwallet combined with your mobile device to approve & send payments.</p>
|
||||
<p>With NFC, you can now use the Status Hardwallet combined with your mobile device to approve & send payments.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section__image">
|
||||
|
|
@ -220,6 +219,7 @@
|
|||
<ul class="footer-list">
|
||||
<li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li>
|
||||
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
|
||||
<li class="footer-link footer-link--ri"><a href="https://chat.status.im/#/register" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Riot</span></a></li>
|
||||
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
|
||||
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
|
||||
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,40 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
|
||||
<title>icon_sl</title>
|
||||
<g id="Layer_3">
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M12.632,3.316H7.928c-0.012,0-0.022,0-0.035,0c-1.311,0-2.368,1.058-2.368,2.369v11.821
|
||||
c0,1.311,1.058,2.369,2.368,2.369c1.311,0,2.369-1.059,2.369-2.369v-2.369h2.37c3.254,0,5.91-2.656,5.91-5.911
|
||||
C18.542,5.972,15.886,3.316,12.632,3.316z"/>
|
||||
<path fill="#FFFFFF" d="M7.905,19.277c-0.978,0-1.771-0.793-1.771-1.771V5.673c0-0.977,0.793-1.772,1.759-1.772
|
||||
c0.012,0,0.023,0,0.035,0h4.704c2.933,0,5.325,2.393,5.325,5.325c0,2.934-2.393,5.324-5.325,5.324H9.676v2.956
|
||||
C9.676,18.473,8.882,19.277,7.905,19.277z"/>
|
||||
<path fill="#FFFFFF" d="M7.905,18.68c-0.656,0-1.185-0.531-1.185-1.186V5.673c0-0.645,0.517-1.173,1.161-1.185
|
||||
c0.012,0,0.024,0,0.035,0h4.716c2.61,0,4.726,2.128,4.726,4.727c0,2.599-2.127,4.726-4.726,4.726H9.09v3.541
|
||||
C9.09,18.148,8.561,18.68,7.905,18.68z"/>
|
||||
<path fill="#FFFFFF" d="M7.905,18.094c-0.333,0-0.598-0.266-0.598-0.6V5.673c0-0.322,0.252-0.587,0.574-0.598h0.024h4.727
|
||||
c2.289,0,4.14,1.863,4.14,4.14c0,2.276-1.851,4.14-4.14,4.14H8.502v4.139C8.502,17.828,8.238,18.094,7.905,18.094z"/>
|
||||
<path fill="#FFFFFF" d="M7.905,12.768h4.727c1.954,0,3.554-1.586,3.554-3.552c0-1.966-1.588-3.554-3.554-3.554H7.905V12.768z"/>
|
||||
<path fill="#FFFFFF" d="M8.502,12.182V6.26h4.14c1.634,0,2.955,1.322,2.955,2.956c0,1.633-1.321,2.956-2.955,2.956h-4.14V12.182
|
||||
z"/>
|
||||
<path fill="#FFFFFF" d="M9.09,11.595V6.857h3.542c1.311,0,2.369,1.059,2.369,2.369c0,1.312-1.059,2.369-2.369,2.369H9.09z"/>
|
||||
<path fill="#FFFFFF" d="M9.676,11.01V7.444h2.956c0.978,0,1.782,0.793,1.782,1.782c0,0.989-0.793,1.784-1.782,1.784H9.676z"/>
|
||||
<path fill="#FFFFFF" d="M10.262,10.411v-2.38h2.37c0.654,0,1.195,0.53,1.195,1.195c0,0.668-0.528,1.196-1.195,1.196h-2.37
|
||||
V10.411z"/>
|
||||
<path fill="#FFFFFF" d="M10.861,9.825V8.617h1.771c0.333,0,0.599,0.265,0.599,0.599c0,0.333-0.266,0.598-0.599,0.598h-1.771
|
||||
V9.825z"/>
|
||||
<g>
|
||||
<ellipse fill="#FFFFFF" cx="7.827" cy="5.678" rx="2.369" ry="2.369"/>
|
||||
<path fill="#FFFFFF" d="M18.036,16.137c0.748,1.07,0.495,2.543-0.575,3.291c-1.069,0.746-2.54,0.494-3.288-0.575l-3.542-5.062
|
||||
c-0.748-1.069-0.495-2.541,0.574-3.288c1.07-0.748,2.542-0.494,3.291,0.575L18.036,16.137z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -16,6 +16,24 @@ let scrollToFeatures = document.querySelectorAll(".nav__item-features")[0]
|
|||
setTimeout(() => body.classList.add("shown"), 400)
|
||||
//
|
||||
|
||||
var viewport = getViewport()
|
||||
|
||||
var whenToShowFirstImage = 120
|
||||
if(viewport.height > 700) whenToShowFirstImage = 0
|
||||
|
||||
function getViewport() {
|
||||
var currentViewport = {}
|
||||
currentViewport.height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
||||
currentViewport.width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
|
||||
|
||||
return currentViewport
|
||||
}
|
||||
|
||||
function showFirstIcon() {
|
||||
|
||||
}
|
||||
|
||||
|
||||
if(scrollTopButton) { scrollTopButton.addEventListener('click', function(event){
|
||||
animateScroll(slideOne, 600, "easeInOutCubic", 0)
|
||||
event.preventDefault()
|
||||
|
|
@ -56,7 +74,7 @@ new ScrollOver({
|
|||
element : sectionOne,
|
||||
reveal:
|
||||
{
|
||||
when : 120,
|
||||
when : whenToShowFirstImage,
|
||||
className: "section--shown"
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -106,6 +106,10 @@
|
|||
background-image: url(../img/new-site/icon_sl2.svg);
|
||||
}
|
||||
|
||||
.footer-link--ri .footer-icon {
|
||||
background-image: url(../img/new-site/icon_ri.svg);
|
||||
}
|
||||
|
||||
.footer-link--gh .footer-icon {
|
||||
background-image: url(../img/new-site/icon_gh2.svg);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -172,6 +172,10 @@ li.social-link a {
|
|||
background-image: url(../img/new-site/icon_sl2.svg);
|
||||
}
|
||||
|
||||
.social-link.social-link--ri a {
|
||||
background-image: url(../img/new-site/icon_ri.svg);
|
||||
}
|
||||
|
||||
.social-link.social-link--gh a {
|
||||
background-image: url(../img/new-site/icon_gh2.svg);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.container-wrap {
|
||||
z-index: 2;
|
||||
margin-bottom: 420px;
|
||||
margin-bottom: 480px;
|
||||
background-color: #281644;
|
||||
background-image: url(../img/pattern@2x.png);
|
||||
background-size: 20px;
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@
|
|||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
|
||||
<title>Thanks for signing up — Status Hardwallet</title>
|
||||
<meta name="description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC and bluetooth technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource.">
|
||||
<meta name="description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource.">
|
||||
|
||||
<meta property="og:title" content="Status Hardwallet - The Secure, wireless wallet for all major cryptocurrencies."/>
|
||||
<meta property="og:description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC and bluetooth technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource." />
|
||||
<meta property="og:description" content="Status Hardwallet is a smart card offering a highly secure, flexible transaction that is mobile-ready with NFC and technology, isolates private key for more security, is compatible with major currencies including ETH and ERC20 tokens, and is open soource." />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
<ul class="social-links">
|
||||
<li class="social-link social-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"></a></li>
|
||||
<li class="social-link social-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"></a></li>
|
||||
<li class="social-link social-link--ri"><a href="https://chat.status.im/#/register" target="_blank"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
<div class="welcome-block__image"></div>
|
||||
<h2>Thanks for signing up for Status Hardwallet</h2>
|
||||
<p>Stay tuned for more information regarding Status Hardwallet. Join the conversation on Riot to stay up to date on all the latest news and updates.</p>
|
||||
<a href="#" class="button">Join Riot Now</a>
|
||||
<a href="https://chat.status.im/#/register" class="button">Join Riot Now</a>
|
||||
<a href="/" class="welcome-home-link">Back to Homepage</a>
|
||||
|
||||
</div>
|
||||
|
|
@ -87,6 +87,7 @@
|
|||
<ul class="footer-list">
|
||||
<li class="footer-link footer-link--fb"><a href="https://www.facebook.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Facebook</span></a></li>
|
||||
<li class="footer-link footer-link--tw"><a href="https://twitter.com/ethstatus" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Twitter</span></a></li>
|
||||
<li class="footer-link footer-link--ri"><a href="https://chat.status.im/#/register" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Riot</span></a></li>
|
||||
<li class="footer-link footer-link--gh"><a href="https://github.com/status-im" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Github</span></a></li>
|
||||
<li class="footer-link footer-link--rd"><a href="https://www.reddit.com/r/statusim/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">Reddit</span></a></li>
|
||||
<li class="footer-link footer-link--yt"><a href="https://www.youtube.com/channel/UCFzdJTUdzqyX4e9dOW7UpPQ/" target="_blank"><span class="footer-icon"></span><span class="footer-link-label">YouTube</span></a></li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue