mirror of
https://github.com/status-im/universal-links-handler.git
synced 2025-02-22 15:48:05 +00:00
use Tailwind for styling
Signed-off-by: Jakub Sokołowski <jakub@status.im>
This commit is contained in:
parent
f7f4b1bb04
commit
404620359e
@ -1,67 +0,0 @@
|
||||
.join-content .btn{
|
||||
margin-top: 15px;
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.info{
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
color: #939BA1;
|
||||
margin-top: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.info span{
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 10ch;
|
||||
margin: 0 2px 0 4px;
|
||||
}
|
||||
|
||||
img.qr-code{
|
||||
border: 1px solid #EEF2F5;
|
||||
border-radius: 3px;
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
margin-bottom: 15px;
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.copy{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
margin: 0 auto;
|
||||
border: 1px solid #EEF2F5;
|
||||
border-radius: 3px;
|
||||
padding: 10px 16px;
|
||||
}
|
||||
|
||||
.copy a{
|
||||
margin-left: auto;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.copy .inner{
|
||||
font-size: 15px;
|
||||
width: 180px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.break-word{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 280px;
|
||||
margin: 0 auto 20px;
|
||||
font-size: 24px;
|
||||
}
|
1
public/css/main.min.css
vendored
1
public/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
1
public/css/site.min.css
vendored
Normal file
1
public/css/site.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
3
public/img/icon-arrow-down-small.svg
Normal file
3
public/img/icon-arrow-down-small.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 3.001L0 0V2L4 5.001L8.001 2V0L4 3.001Z" fill="#3C4049" fill-opacity="0.5"/>
|
||||
</svg>
|
After Width: | Height: | Size: 227 B |
359
public/js/dev.js
359
public/js/dev.js
@ -1,344 +1,71 @@
|
||||
(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
|
||||
$(document).ready(function ($) {
|
||||
$(document).ready(function($) {
|
||||
|
||||
var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
|
||||
h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
||||
h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
|
||||
$msnry;
|
||||
|
||||
mobileMenu(w);
|
||||
mobileFooterMenu(w);
|
||||
|
||||
$(window).on('resize', function (event) {
|
||||
$(window).on('resize', function(event) {
|
||||
w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
|
||||
mobileMenu(w);
|
||||
mobileFooterMenu(w);
|
||||
});
|
||||
|
||||
$('.about-mission .inner .inline-links a').on('click', function () {
|
||||
var id = $(this).attr('href');
|
||||
$('html, body').animate({
|
||||
scrollTop: $(id).offset().top + 5
|
||||
}, 500);
|
||||
return false;
|
||||
if($('.js-using-snt').length){
|
||||
if(w > 767){
|
||||
if($msnry == null){
|
||||
$msnry = $('.js-items').masonry({
|
||||
itemSelector: '.js-item'
|
||||
});
|
||||
$msnry.masonry('layout');
|
||||
}
|
||||
}else{
|
||||
if($msnry != null){
|
||||
$msnry.masonry('destroy');
|
||||
$msnry = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
function mobileMenu(w) {
|
||||
if (w < 1199) {
|
||||
$('header nav, header .btns').appendTo('.mobile-nav');
|
||||
$('.js-header .js-nav, .js-header .js-btns').appendTo('.js-mobile-nav-inner');
|
||||
} else {
|
||||
$('.mobile-nav nav, .mobile-nav .btns').insertBefore('.mobile-nav-trigger');
|
||||
$('.js-mobile-nav .js-nav, .js-mobile-nav .js-btns').insertBefore('.js-mobile-nav-trigger');
|
||||
$('.js-has-submenu').on('mouseover', function (event) {
|
||||
event.preventDefault();
|
||||
$(this).find('.js-submenu').removeClass('invisible opacity-0 pointer-events-none');
|
||||
});
|
||||
$('.js-has-submenu').on('mouseleave', function (event) {
|
||||
event.preventDefault();
|
||||
$(this).find('.js-submenu').addClass('invisible opacity-0 pointer-events-none');
|
||||
});
|
||||
}
|
||||
}
|
||||
}2
|
||||
|
||||
function mobileFooterMenu(w) {
|
||||
if (w < 768) {
|
||||
$('footer .navigation h5 a').attr('aria-expanded', 'false').addClass('collapsed');
|
||||
$('footer .collapse').removeClass('show');
|
||||
} else {
|
||||
$('footer .navigation h5 a').attr('aria-expanded', 'true').removeClass('collapsed');
|
||||
$('footer .collapse').addClass('show');
|
||||
$('.js-footer .js-collapse').attr('aria-expanded', 'false').addClass('js-collapsed');
|
||||
$('.js-footer .js-collapse').addClass('hidden collapsed');
|
||||
$('.js-footer .js-collapse-trigger').addClass('collapsed');
|
||||
} else { $('.js-footer .js-collapse').attr('aria-expanded', 'true').removeClass('js-collapsed');
|
||||
$('.js-footer .js-collapse').removeClass('hidden collapsed');
|
||||
}
|
||||
}
|
||||
|
||||
$('.mobile-nav-trigger-close, .mobile-nav-trigger, .backdrop').on('click', function (event) {
|
||||
$('.js-mobile-nav-trigger').on('click', function(event) {
|
||||
event.preventDefault();
|
||||
$('body').toggleClass('nav-active');
|
||||
$('.js-mobile-nav').removeClass('invisible opacity-0 pointer-events-none scale-95 mt-8');
|
||||
$('.js-backdrop').removeClass('invisible opacity-0 pointer-events-none');
|
||||
});
|
||||
|
||||
$('.community-nav-trigger-close, .community-nav-trigger, .backdrop-community-nav').on('click', function (event) {
|
||||
$('.js-backdrop, .js-mobile-nav-trigger-close').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
$('body').toggleClass('community-nav-active');
|
||||
|
||||
$('.js-mobile-nav').addClass('invisible opacity-0 pointer-events-none scale-95 mt-8');
|
||||
$('.js-backdrop').addClass('invisible opacity-0 pointer-events-none');
|
||||
});
|
||||
|
||||
try {
|
||||
highlight();
|
||||
} catch (err) {
|
||||
setTimeout(function () {
|
||||
highlight();
|
||||
}, 2500);
|
||||
}
|
||||
|
||||
function highlight() {
|
||||
$('.editor-content pre code').each(function (i, block) {
|
||||
hljs.highlightBlock(block);
|
||||
});
|
||||
}
|
||||
|
||||
if ($('.recently-updated').length) {
|
||||
|
||||
var html = '';
|
||||
|
||||
if (typeof Cookies.get('recently-updated') !== 'undefined') {
|
||||
$('.recently-updated').append(Cookies.get('recently-updated'));
|
||||
} else {
|
||||
fetch('https://api.github.com/users/status-im/repos?sort=updated&per_page=3').then(function (response) {
|
||||
if (response.status !== 200) {
|
||||
console.log('Looks like there was a problem. Status Code: ' + response.status);
|
||||
return;
|
||||
}
|
||||
|
||||
response.json().then(function (data) {
|
||||
|
||||
data.forEach(function (element) {
|
||||
html += '<li><a href="' + element.html_url + '">' + element.full_name + '</a></li>';
|
||||
});
|
||||
|
||||
Cookies.set('recently-updated', html, { expires: 1 });
|
||||
$('.recently-updated').append(html);
|
||||
});
|
||||
}).catch(function (err) {
|
||||
console.log('Fetch Error :-S', err);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if ($('#advocacy-programs').length) {
|
||||
function retrieveAdvocacyPrograms() {
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: 'https://statusphere.status.im/api/v1/boards/public/?is_featured=true&org=375',
|
||||
success: function (response) {
|
||||
$.each(response, function (index, program) {
|
||||
var description = program.description.substr(0, 200) + '...';
|
||||
$('#advocacy-programs').prepend(`<div class="inner">
|
||||
<a href="https://statusphere.status.im/b/${program.uuid}/view" class="card-inner">
|
||||
${program.title}
|
||||
</a>
|
||||
<p class="details">${description}</p>
|
||||
</div>`);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
retrieveAdvocacyPrograms();
|
||||
}
|
||||
|
||||
if ($('input[name="userSearch"]').length) {
|
||||
window.addEventListener('click', function (e) {
|
||||
if (document.getElementById('search-form').contains(e.target)) {
|
||||
$('#search-form').removeClass('inactive');
|
||||
} else {
|
||||
$('#search-form').addClass('inactive');
|
||||
}
|
||||
});
|
||||
$('input[name="userSearch"]').on('keyup', function () {
|
||||
var val = $(this).val();
|
||||
$('#search-results').empty();
|
||||
$.ajax({
|
||||
url: 'https://search.status.im/status.im/_search?size=10&_source=title,url&&q=' + val
|
||||
}).done(function (results) {
|
||||
$.each(results.hits.hits, function (index, value) {
|
||||
$('<a href="' + value._source.url + '">' + value._source.title + '</a>').appendTo('#search-results');
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$('.features-intro ul li a').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
var id = $(this).attr('href');
|
||||
$('html, body').animate({
|
||||
scrollTop: $(id).offset().top
|
||||
}, 300);
|
||||
});
|
||||
|
||||
if ($('.home-intro .announcement').length) {
|
||||
var ghostContentKey = 'c6717eab3d9a3e6be361980f66';
|
||||
$.ajax({
|
||||
url: 'https://our.status.im/ghost/api/v2/content/posts/?key=' + ghostContentKey + '&limit=1&fields=title,url'
|
||||
}).done(function (results) {
|
||||
$('.home-intro .announcement b').text(results.posts[0].title);
|
||||
$('.home-intro .announcement').attr('href', results.posts[0].url).removeClass('inactive');
|
||||
}).fail(function () {
|
||||
$.ajax({
|
||||
url: 'https://our.status.im/ghost/api/v0.1/posts/?include=tags&formats=plaintext&client_id=ghost-frontend&client_secret=2b055fcd57ba&limit=1'
|
||||
}).done(function (results) {
|
||||
$('.home-intro .announcement b').text(results.posts[0].title);
|
||||
$('.home-intro .announcement').attr('href', 'https://our.status.im' + results.posts[0].url).removeClass('inactive');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$('.sidebar-mobile-trigger, .mobile-sidebar-trigger-close').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
$('body').toggleClass('sidebar-active');
|
||||
});
|
||||
|
||||
if ($('.quick-nav').length) {
|
||||
var quickNavOffset = $('.quick-nav').offset().top;
|
||||
$(window).on('resize', function () {
|
||||
quickNavOffset = $('.quick-nav').offset().top;
|
||||
});
|
||||
$(window).on('scroll', function () {
|
||||
var y = $(window).scrollTop();
|
||||
if (y > quickNavOffset) {
|
||||
$('.quick-nav, .quick-nav-sub').addClass('fixed');
|
||||
} else {
|
||||
$('.quick-nav, .quick-nav-sub').removeClass('fixed');
|
||||
}
|
||||
});
|
||||
$('.quick-nav-sub ul li a').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
var id = $(this).attr('href');
|
||||
$('html, body').animate({
|
||||
scrollTop: $(id).offset().top - 100
|
||||
}, 300);
|
||||
});
|
||||
}
|
||||
|
||||
if ($('.open-issues').length) {
|
||||
|
||||
var htmlReact = '';
|
||||
|
||||
if (typeof Cookies.get('open-issues-react') !== 'undefined') {
|
||||
$('.open-issues-react').append(localStorage.getItem('open-issues-react'));
|
||||
} else {
|
||||
fetch('https://api.github.com/repos/status-im/status-react/issues?sort=created&per_page=30').then(function (response) {
|
||||
if (response.status !== 200) {
|
||||
console.log('Looks like there was a problem. Status Code: ' + response.status);
|
||||
return;
|
||||
}
|
||||
|
||||
response.json().then(function (data) {
|
||||
|
||||
var i = 0;
|
||||
|
||||
data.forEach(function (element) {
|
||||
if (typeof element.pull_request === 'undefined') {
|
||||
if (i < 4) {
|
||||
var current = new Date();
|
||||
var labelsHtml = '<div class="tags">';
|
||||
var labels = element.labels;
|
||||
labels.forEach(label => {
|
||||
labelsHtml += '<div class="tag">' + label.name + '</div>';
|
||||
});
|
||||
labelsHtml += '</div>';
|
||||
htmlReact += '<li> \
|
||||
<div class="number">#' + element.number + '</div> \
|
||||
<div class="details"> \
|
||||
<b><a href="' + element.html_url + '" target="_blank">' + element.title + '</a></b> \
|
||||
' + labelsHtml + ' \
|
||||
<div class="opened"> \
|
||||
Opened: <time>' + timeDifference(current, new Date(element.created_at)) + '</time> \
|
||||
</div> \
|
||||
<div class="activity"> \
|
||||
Last activity: <time>' + timeDifference(current, new Date(element.updated_at)) + '</time> \
|
||||
</div> \
|
||||
</div> \
|
||||
</li>';
|
||||
i++;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
localStorage.removeItem('open-issues-react');
|
||||
localStorage.setItem('open-issues-react', htmlReact);
|
||||
Cookies.set('open-issues-react', true, { expires: 1 });
|
||||
$('.open-issues-react').append(htmlReact);
|
||||
});
|
||||
}).catch(function (err) {
|
||||
console.log('Fetch Error :-S', err);
|
||||
});
|
||||
}
|
||||
|
||||
var htmlGo = '';
|
||||
|
||||
if (typeof Cookies.get('open-issues-go') !== 'undefined') {
|
||||
$('.open-issues-go').append(localStorage.getItem('open-issues-go'));
|
||||
} else {
|
||||
fetch('https://api.github.com/repos/status-im/status-go/issues?sort=created&per_page=30').then(function (response) {
|
||||
if (response.status !== 200) {
|
||||
console.log('Looks like there was a problem. Status Code: ' + response.status);
|
||||
return;
|
||||
}
|
||||
|
||||
response.json().then(function (data) {
|
||||
|
||||
var i = 0;
|
||||
|
||||
data.forEach(function (element) {
|
||||
if (typeof element.pull_request === 'undefined') {
|
||||
if (i < 4) {
|
||||
var current = new Date();
|
||||
var labelsHtml = '<div class="tags">';
|
||||
var labels = element.labels;
|
||||
labels.forEach(label => {
|
||||
labelsHtml += '<div class="tag">' + label.name + '</div>';
|
||||
});
|
||||
labelsHtml += '</div>';
|
||||
htmlGo += '<li> \
|
||||
<div class="number">#' + element.number + '</div> \
|
||||
<div class="details"> \
|
||||
<b><a href="' + element.html_url + '" target="_blank">' + element.title + '</a></b> \
|
||||
' + labelsHtml + ' \
|
||||
<div class="opened"> \
|
||||
Opened: <time>' + timeDifference(current, new Date(element.created_at)) + '</time> \
|
||||
</div> \
|
||||
<div class="activity"> \
|
||||
Last activity: <time>' + timeDifference(current, new Date(element.updated_at)) + '</time> \
|
||||
</div> \
|
||||
</div> \
|
||||
</li>';
|
||||
i++;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
localStorage.removeItem('open-issues-go');
|
||||
localStorage.setItem('open-issues-go', htmlGo);
|
||||
Cookies.set('open-issues-go', true, { expires: 1 });
|
||||
$('.open-issues-go').append(htmlGo);
|
||||
});
|
||||
}).catch(function (err) {
|
||||
console.log('Fetch Error :-S', err);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$('.contributor .contributor-trigger').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
if ($('.right-sub-navigation').length) {
|
||||
$('.editor-content h1, .editor-content h2, .editor-content h3').each(function (index, element) {
|
||||
var id = $(this).attr('id');
|
||||
var title = $(this).text();
|
||||
$('.right-sub-navigation ul').append('<li class="li-' + $(this)[0].nodeName.toLowerCase() + '"><a href="#' + id + '">' + title + '</a></li>');
|
||||
});
|
||||
$('.right-sub-navigation a').on('click', function () {
|
||||
var id = $(this).attr('href');
|
||||
$('html, body').animate({
|
||||
scrollTop: $(id).offset().top - 50
|
||||
}, 500);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
function timeDifference(current, previous) {
|
||||
|
||||
var msPerMinute = 60 * 1000;
|
||||
var msPerHour = msPerMinute * 60;
|
||||
var msPerDay = msPerHour * 24;
|
||||
var msPerMonth = msPerDay * 30;
|
||||
var msPerYear = msPerDay * 365;
|
||||
|
||||
var elapsed = current - previous;
|
||||
|
||||
if (elapsed < msPerMinute) {
|
||||
return Math.round(elapsed / 1000) + ' seconds ago';
|
||||
} else if (elapsed < msPerHour) {
|
||||
return Math.round(elapsed / msPerMinute) + ' minutes ago';
|
||||
} else if (elapsed < msPerDay) {
|
||||
return Math.round(elapsed / msPerHour) + ' hours ago';
|
||||
} else if (elapsed < msPerMonth) {
|
||||
return Math.round(elapsed / msPerDay) + ' days ago';
|
||||
} else if (elapsed < msPerYear) {
|
||||
return Math.round(elapsed / msPerMonth) + ' months ago';
|
||||
} else {
|
||||
return Math.round(elapsed / msPerYear) + ' years ago';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},{}]},{},[1])
|
||||
//# sourceMappingURL=main.js.map
|
||||
|
@ -30,7 +30,7 @@ test('test browser routes', t => {
|
||||
t.eq(meta(res, 'status-im:target'), 'ens.domains', 'contains target')
|
||||
t.eq(meta(res, 'al:ios:url'), 'status-im://b/ens.domains', 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), 'status-im://b/ens.domains', 'contains android url')
|
||||
t.eq(html(res, 'div.info'), 'Browse to ens.domains in Status', 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), 'Browse to ens.domains in Status', 'contains prompt')
|
||||
})
|
||||
|
||||
t.test('/b/<script>fail;</script> - XSS', async t => {
|
||||
@ -54,7 +54,7 @@ test('test user ens routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(meta(res, 'al:ios:url'), 'status-im://u/jakubgs.eth', 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), 'status-im://u/jakubgs.eth', 'contains android url')
|
||||
t.eq(html(res, 'div.info'), 'Chat and transact with <span>@jakubgs.eth</span> in Status.', 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), 'Chat and transact with <span>@jakubgs.eth</span> in Status.', 'contains prompt')
|
||||
})
|
||||
|
||||
t.test('/u/jAkuBgs.eth - UPPER CASE', async t => { /* we don't allow uppercase */
|
||||
@ -62,7 +62,7 @@ test('test user ens routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(q(res, 'a#redirect').attr('href'), '/u/jakubgs.eth', 'lower case url')
|
||||
t.eq(html(res, 'a#redirect'), 'Redirect Me', 'redirect button')
|
||||
t.eq(html(res, 'div.info'), 'Beware of phishing attacks.', 'contains warning')
|
||||
t.eq(html(res, 'div#info'), 'Beware of phishing attacks.', 'contains warning')
|
||||
})
|
||||
|
||||
t.test('/u/<body%20onload=alert(1)//> - XSS', async t => { /* we don't allow uppercase */
|
||||
@ -79,7 +79,7 @@ test('test chat key routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(meta(res, 'al:ios:url'), `status-im://u/0x04${chatKey}`, 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), `status-im://u/0x04${chatKey}`, 'contains android url')
|
||||
t.eq(html(res, 'div.info'), `Chat and transact with <span>0x04${chatKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), `Chat and transact with <span>0x04${chatKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, '#header'), chatName, 'contains chat name')
|
||||
})
|
||||
|
||||
@ -88,7 +88,7 @@ test('test chat key routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(meta(res, 'al:ios:url'), `status-im://u/0x04${chatKey}`, 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), `status-im://u/0x04${chatKey}`, 'contains android url')
|
||||
t.eq(html(res, 'div.info'), `Chat and transact with <span>0x04${chatKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), `Chat and transact with <span>0x04${chatKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, '#header'), chatName, 'contains chat name')
|
||||
})
|
||||
|
||||
@ -111,7 +111,7 @@ test('test multibase chat key routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(meta(res, 'al:ios:url'), `status-im://u/${multibaseKey}`, 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), `status-im://u/${multibaseKey}`, 'contains android url')
|
||||
t.eq(html(res, 'div.info'), `Chat and transact with <span>${multibaseKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), `Chat and transact with <span>${multibaseKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, '#header'), chatName, 'contains chat name')
|
||||
})
|
||||
|
||||
@ -128,7 +128,7 @@ test('test compressed chat key routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(meta(res, 'al:ios:url'), `status-im://u/${compressedKey}`, 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), `status-im://u/${compressedKey}`, 'contains android url')
|
||||
t.eq(html(res, 'div.info'), `Chat and transact with <span>${compressedKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), `Chat and transact with <span>${compressedKey}</span> in Status.`, 'contains prompt')
|
||||
t.eq(html(res, '#header'), chatName, 'contains chat name')
|
||||
})
|
||||
|
||||
@ -145,7 +145,7 @@ test('test public channel routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(meta(res, 'al:ios:url'), 'status-im://status-test', 'contains ios url')
|
||||
t.eq(meta(res, 'al:android:url'), 'status-im://status-test', 'contains android url')
|
||||
t.eq(html(res, 'div.info'), 'Join public channel <span>#status-test</span> on Status.', 'contains prompt')
|
||||
t.eq(html(res, 'div#info'), 'Join public channel <span>#status-test</span> on Status.', 'contains prompt')
|
||||
})
|
||||
|
||||
t.test('/staTus-TesT - UPPER CASE', async t => { /* we don't allow uppercase */
|
||||
@ -153,7 +153,7 @@ test('test public channel routes', t => {
|
||||
t.eq(res.statusCode, 200, 'returns 200')
|
||||
t.eq(q(res, 'a#redirect').attr('href'), '/status-test', 'lower case url')
|
||||
t.eq(html(res, 'a#redirect'), 'Redirect Me', 'redirect button')
|
||||
t.eq(html(res, 'div.info'), 'Beware of phishing attacks.', 'contains warning')
|
||||
t.eq(html(res, 'div#info'), 'Beware of phishing attacks.', 'contains warning')
|
||||
})
|
||||
})
|
||||
|
||||
|
@ -1,3 +1,8 @@
|
||||
<h1><%= message %></h1>
|
||||
<h2><%= error.status %></h2>
|
||||
<pre><%= error.stack %></pre>
|
||||
<!DOCTYPE html>
|
||||
<section class="py-24 xl:py-40">
|
||||
<div class="max-w-xl mx-auto px-8 lg:px-12 align-center">
|
||||
<h1><%= message %></h1>
|
||||
<h2><%= error.status %></h2>
|
||||
<pre><%= error.stack %></pre>
|
||||
</div>
|
||||
</section>
|
||||
|
@ -1,7 +1,9 @@
|
||||
<section class="join-error p-b-160 p-t-160 text-center">
|
||||
<h3 id="header">Invalid input format</h3>
|
||||
<p>
|
||||
Parsing of given URL failed with: <code id="error"><%= error.message %></code></br>
|
||||
This might be a phishing attack or simply a malformed ENS name.
|
||||
</p>
|
||||
<!DOCTYPE html>
|
||||
<section class="py-24 xl:py-40">
|
||||
<div class="max-w-6xl mx-auto px-2 lg:px-4 align-center">
|
||||
<h3 id="header" class="py-8 break-word text-center font-display font-bold text-2xl">Invalid input format</h3>
|
||||
<p class="text-center">Parsing of given URL failed with: <code id="error" class="font-bold"><%= error.message %></code></p>
|
||||
</br>
|
||||
<p if="info" class="text-lg text-center">This might be a phishing attack or simply a malformed ENS name.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
209
views/footer.ejs
Normal file
209
views/footer.ejs
Normal file
@ -0,0 +1,209 @@
|
||||
<!DOCTYPE html>
|
||||
<footer class="js-footer custom-footer bg-black pt-12 pb-48 text-white">
|
||||
<div class="max-w-screen-2xl mx-auto px-8 lg:px-12 mt-12">
|
||||
<div class="flex flex-col lg:flex-row lg:justify-between">
|
||||
<h3 class="font-display font-normal text-4xl xl:text-6xl">Ready to get started with Status?</h3>
|
||||
<div class="lg:flex lg:items-center">
|
||||
<a href="https://status.im/get/" class="mt-8 py-3 px-4 border flex items-center justify-between lg:mt-0 border-white hover:bg-white hover:text-black rounded font-special font-medium">
|
||||
Get Status
|
||||
<span class="ml-20"><img href="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
<a href="https://status.im/get-involved/" class="mt-8 py-3 px-4 border flex items-center justify-between lg:mt-0 border-white hover:bg-white hover:text-black rounded font-special font-medium">
|
||||
Get Involved
|
||||
<span class="ml-20"><img href="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-screen-2xl mx-auto px-8 lg:px-12 mt-24 xl:mt-40 navigation">
|
||||
<div class="grid md:grid-cols-4 md:gap-12">
|
||||
<div class="border-t border-gray-800 py-8 lg:pb-0 lg:pt-12">
|
||||
|
||||
<h5 class="uppercase font-special tracking-widest text-lg text-gray-600">
|
||||
<a data-toggle="collapse" class="js-collapse-trigger custom-accordion-trigger flex items-center justify-between" href="#footer-nav-1" role="button" aria-expanded="true" aria-controls="footer-nav-1">
|
||||
Product
|
||||
<span class="custom-accordion-arrow transform transition-all -rotate-90 duration-200 linear lg:hidden ml-4 text-gray-100"><img href="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</h5>
|
||||
<div class="js-collapse custom-accordion" id="footer-nav-1">
|
||||
<ul class="text-lg font-body text-gray-200">
|
||||
<li class="mt-4"><a class="hover:text-white" href="/features/">Features</a></li>
|
||||
<li class="mt-4"><a class="hover:text-white" href="/security/">Security</a></li>
|
||||
<li class="mt-4"><a class="hover:text-white" href="/get/">Get App</a></li>
|
||||
<li class="mt-4"><a class="hover:text-white" href="/nightly/">Nightly</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t border-gray-800 py-8 lg:pb-0 lg:pt-12">
|
||||
|
||||
<h5 class="uppercase font-special tracking-widest text-lg text-gray-600">
|
||||
<a data-toggle="collapse" class="js-collapse-trigger custom-accordion-trigger flex items-center justify-between" href="#footer-nav-2" role="button" aria-expanded="true" aria-controls="footer-nav-2">
|
||||
Status
|
||||
<span class="custom-accordion-arrow transform transition-all -rotate-90 duration-200 linear lg:hidden ml-4 text-gray-100"><img href="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</h5>
|
||||
<div class="js-collapse custom-accordion" id="footer-nav-2">
|
||||
<ul class="text-lg font-body text-gray-200">
|
||||
<li class="mt-4"><a href="https://status.im/get-involved/">Get Involved</a></li>
|
||||
<li class="mt-4"><a href="https://status.im/about/">About</a></li>
|
||||
<li class="mt-4"><a href="http://statusnetwork.com/press-kit/status/" target="_blank">Media Kit</a></li>
|
||||
<li class="mt-4"><a href="https://our.status.im/">Blog</a></li>
|
||||
<li class="mt-4"><a href="https://status.im/files/whitepaper.pdf" target="_blank">Whitepape</a></li>
|
||||
<li class="mt-4"><a href="https://analytics.status.im/" target="_blank">Analytics</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t border-gray-800 py-8 lg:pb-0 lg:pt-12">
|
||||
|
||||
<h5 class="uppercase font-special tracking-widest text-lg text-gray-600">
|
||||
<a data-toggle="collapse" class="js-collapse-trigger custom-accordion-trigger flex items-center justify-between" href="#footer-nav-3" role="button" aria-expanded="true" aria-controls="footer-nav-3">
|
||||
Documentation
|
||||
<span class="custom-accordion-arrow transform transition-all -rotate-90 duration-200 linear lg:hidden ml-4 text-gray-100"><img href="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</h5>
|
||||
<div class="js-collapse custom-accordion" id="footer-nav-3">
|
||||
<ul class="text-lg font-body text-gray-200">
|
||||
<li class="mt-4"><a href="https://status.im/docs/">Developers</a></li>
|
||||
<li class="mt-4"><a href="https://status.im/developer_tools/">DApp Integration</a></li>
|
||||
<li class="mt-4"><a href="https://status.im/technical/">Contributor Guide</a></li>
|
||||
<li class="mt-4"><a href="https://tutorials.statusnetwork.com/">Tutorials</a></li>
|
||||
<li class="mt-4"><a href="https://specs.status.im/">Specs</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-t border-gray-800 py-8 lg:pb-0 lg:pt-12">
|
||||
|
||||
<h5 class="uppercase font-special tracking-widest text-lg text-gray-600">
|
||||
<div class="lg:flex lg:items-center">
|
||||
<a data-toggle="collapse" class="js-collapse-trigger custom-accordion-trigger flex items-center justify-between" href="#footer-nav-4" role="button" aria-expanded="true" aria-controls="footer-nav-4">
|
||||
Status Network
|
||||
<span class="custom-accordion-arrow transform transition-all -rotate-90 duration-200 linear lg:hidden ml-4 text-gray-100"><img href="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
<a href="https://statusnetwork.com/" target="_blank" class="hidden lg:block ml-4 flex-shrink-0 -mt-2"><img href="/img/footer-status-network-logo.svg"></a>
|
||||
</div>
|
||||
</h5>
|
||||
<div class="js-collapse custom-accordion" id="footer-nav-4">
|
||||
<ul class="text-lg font-body text-gray-200">
|
||||
<li class="mt-4"><a href="https://keycard.tech/" target="_blank">Keycard</a></li>
|
||||
<li class="mt-4"><a href="https://dap.ps/" target="_blank">Dap.ps</a></li>
|
||||
<li class="mt-4"><a href="https://assemble.fund/" target="_blank">Assemble</a></li>
|
||||
<li class="mt-4"><a href="https://embark.status.im/" target="_blank">Embark</a></li>
|
||||
<li class="mt-4"><a href="https://subspace.status.im/" target="_blank">Subspace</a></li>
|
||||
<li class="mt-4"><a href="https://vac.dev/" target="_blank">Vac</a></li>
|
||||
<li class="mt-4"><a href="https://nimbus.team/" target="_blank">Nimbus</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="max-w-screen-2xl mx-auto px-8 lg:px-12 mt-16 lg:mt-40">
|
||||
<h5 class="font-special uppercase tracking-widest text-lg">Connect</h5>
|
||||
<ul class="flex items-center mt-12">
|
||||
<li>
|
||||
<a href="https://join.status.im/chat/public/status" target="_blank">
|
||||
<svg width="26" height="26" class="text-black rounded w-10 h-10 bg-gray-light fill-current" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.564 12.5345C14.4448 12.6282 15.3256 12.7219 16.4085 12.6602C19.3425 12.4931 21.1198 10.9547 20.9937 8.6551C20.8652 6.31539 18.5007 4.87391 16.1349 5.0087C12.2794 5.22815 9.44428 8.68621 9.12497 12.6386C9.64857 12.5133 10.1997 12.4385 10.7194 12.4089C11.8024 12.3473 12.6832 12.4409 13.564 12.5345ZM6.00598 17.6495C6.12764 19.7943 8.3677 21.1156 10.6091 20.992C14.2616 20.7908 16.9476 17.6209 17.25 13.9979C16.754 14.1128 16.2319 14.1815 15.7395 14.2085C14.7136 14.265 13.879 14.1792 13.0445 14.0933C12.2101 14.0075 11.3756 13.9217 10.3497 13.9782C7.57021 14.1313 5.88632 15.5415 6.00598 17.6495Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://discord.gg/3Exux7Y" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="text-black rounded w-10 h-10 bg-gray-light fill-current" width="26" height="26" viewBox="0 0 245 245">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="245" height="245" rx="20" fill="white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z" />
|
||||
<path
|
||||
d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://www.facebook.com/ethstatus" target="_blank">
|
||||
<svg width="26" height="26" class="text-black rounded w-10 h-10 bg-gray-light fill-current" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.203 14.0701H16.552L16.905 11.4371H14.203V9.74713C14.203 8.98313 14.416 8.46213 15.552 8.46213H17V6.10013C16.2988 6.031 15.5946 5.99763 14.89 6.00013C12.8 6.00013 11.37 7.22513 11.37 9.48613V11.4361H9V14.0701H11.371V20.8571H14.203V14.0701Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://twitter.com/ethstatus" target="_blank">
|
||||
<svg width="26" height="26" class="text-black rounded w-10 h-10 bg-gray-light fill-current" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.232 9.056C19.8854 8.63145 20.3656 7.9874 20.586 7.24C19.987 7.62 19.325 7.89 18.631 8.036C18.0671 7.38246 17.2482 7.00471 16.385 7C14.685 7 13.307 8.469 13.307 10.282C13.307 10.533 13.334 10.784 13.388 11.029C10.83 10.893 8.562 9.587 7.044 7.601C6.76882 8.10728 6.62574 8.67477 6.628 9.251C6.628 10.389 7.17 11.394 7.996 11.982C7.50422 11.9649 7.02473 11.8239 6.602 11.572V11.613C6.602 13.203 7.664 14.53 9.072 14.831C8.62003 14.9617 8.14316 14.9813 7.682 14.888C8.073 16.192 9.21 17.14 10.557 17.167C9.2938 18.2353 7.64202 18.7279 6 18.526C7.38681 19.4836 9.03169 19.9976 10.717 20C16.377 20 19.473 15 19.473 10.662C19.473 10.52 19.47 10.378 19.464 10.238C20.0725 9.76702 20.5926 9.19176 21 8.539C20.4416 8.80337 19.8449 8.97785 19.232 9.056Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://discuss.status.im/" target="_blank">
|
||||
<svg width="26" height="26" class="text-black rounded w-10 h-10 bg-gray-light fill-current" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path d="M13.0679 5.14282C8.68929 5.14282 5 8.66068 5 13.0035C5 13.1428 5.00357 21.1428 5.00357 21.1428L13.0679 21.1357C17.45 21.1357 21 17.4821 21 13.1393C21 8.79639 17.45 5.14282 13.0679 5.14282ZM13 17.7143C12.3071 17.7143 11.6464 17.5607 11.0571 17.2821L8.16071 18L8.97857 15.3214C8.62857 14.675 8.42857 13.9321 8.42857 13.1428C8.42857 10.6178 10.475 8.57139 13 8.57139C15.525 8.57139 17.5714 10.6178 17.5714 13.1428C17.5714 15.6678 15.525 17.7143 13 17.7143Z" fill="#090909"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://github.com/status-im" target="_blank">
|
||||
<svg width="26" height="26" class="text-black rounded w-10 h-10 bg-gray-light fill-current" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 13.334C4.99977 16.9216 7.29547 20.1067 10.699 21.241C11.116 21.317 11.268 21.06 11.268 20.839C11.268 20.641 11.261 20.117 11.257 19.422C8.939 19.925 8.45 18.305 8.45 18.305C8.07 17.342 7.524 17.085 7.524 17.085C6.767 16.569 7.581 16.579 7.581 16.579C8.418 16.638 8.858 17.438 8.858 17.438C9.601 18.711 10.808 18.343 11.283 18.13C11.359 17.592 11.574 17.225 11.813 17.016C9.962 16.806 8.016 16.091 8.016 12.898C8.016 11.988 8.341 11.244 8.874 10.662C8.788 10.451 8.502 9.60299 8.956 8.45599C8.956 8.45599 9.656 8.23199 11.247 9.31099C11.9272 9.12556 12.629 9.03107 13.334 9.02999C14.0386 9.03093 14.7401 9.12508 15.42 9.30999C17.01 8.23199 17.71 8.45599 17.71 8.45599C18.164 9.60299 17.878 10.451 17.792 10.662C18.327 11.244 18.649 11.988 18.649 12.898C18.649 16.099 16.7 16.804 14.844 17.01C15.143 17.267 15.41 17.776 15.41 18.553C15.41 19.667 15.4 20.566 15.4 20.839C15.4 21.062 15.55 21.321 15.972 21.24C20.0101 19.8925 22.3836 15.7182 21.4767 11.559C20.5697 7.39967 16.6739 4.59249 12.4413 5.04846C8.20881 5.50443 5.00027 9.07696 5 13.334H5Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://www.reddit.com/r/statusim/" target="_blank">
|
||||
<svg width="26" height="26" class="text-black rounded w-10 h-10 bg-gray-light fill-current" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path d="M21.9998 13.2212C21.9859 12.836 21.8622 12.4631 21.6438 12.1474C21.4253 11.8318 21.1214 11.5868 20.7686 11.4422C20.4158 11.2975 20.0292 11.2593 19.6554 11.3321C19.2817 11.405 18.9367 11.5857 18.6621 11.8527C17.1249 10.7944 15.3179 10.2097 13.4596 10.1693L14.338 5.89943L17.2297 6.51528C17.2641 6.83891 17.4113 7.13955 17.6448 7.36321C17.8783 7.58688 18.1829 7.71892 18.5038 7.73565C18.8248 7.75237 19.1412 7.65268 19.3961 7.45447C19.651 7.25626 19.8279 6.9725 19.8949 6.65414C19.9619 6.33579 19.9146 6.00367 19.7616 5.71741C19.6086 5.43115 19.3599 5.20949 19.0601 5.09222C18.7603 4.97496 18.429 4.96976 18.1257 5.07757C17.8225 5.18538 17.5671 5.39913 17.4054 5.68045L14.0947 5.00985C14.0406 4.99782 13.9846 4.9968 13.9301 5.00683C13.8755 5.01687 13.8235 5.03777 13.777 5.06832C13.7305 5.09887 13.6904 5.13847 13.6592 5.18482C13.6279 5.23116 13.606 5.28334 13.5948 5.33831L12.5948 10.0872C10.7137 10.1159 8.88184 10.7011 7.32479 11.7706C7.11648 11.5721 6.86805 11.4218 6.5967 11.3302C6.32535 11.2386 6.03758 11.2079 5.75333 11.2401C5.46908 11.2723 5.19515 11.3668 4.95053 11.5169C4.7059 11.667 4.49643 11.8692 4.33663 12.1094C4.17683 12.3497 4.07052 12.6223 4.02507 12.9083C3.97962 13.1943 3.99611 13.4869 4.07341 13.7658C4.15071 14.0447 4.28696 14.3032 4.47273 14.5235C4.65849 14.7438 4.88933 14.9205 5.14923 15.0415C5.13402 15.2419 5.13402 15.4432 5.14923 15.6436C5.14923 18.7092 8.67608 21.2 13.0272 21.2C17.3784 21.2 20.9052 18.7092 20.9052 15.6436C20.9204 15.4432 20.9204 15.2419 20.9052 15.0415C21.2387 14.8736 21.5184 14.6136 21.7121 14.2915C21.9058 13.9694 22.0055 13.5983 21.9998 13.2212ZM8.4869 14.5898C8.4869 14.3191 8.56615 14.0545 8.71463 13.8295C8.86311 13.6044 9.07416 13.429 9.32107 13.3254C9.56799 13.2218 9.83968 13.1947 10.1018 13.2475C10.3639 13.3003 10.6047 13.4307 10.7937 13.6221C10.9827 13.8135 11.1114 14.0573 11.1635 14.3228C11.2156 14.5883 11.1889 14.8635 11.0866 15.1136C10.9843 15.3636 10.8111 15.5774 10.5889 15.7277C10.3667 15.8781 10.1054 15.9584 9.83819 15.9584C9.66073 15.9584 9.48502 15.923 9.32107 15.8542C9.15713 15.7854 9.00816 15.6846 8.88268 15.5575C8.7572 15.4305 8.65767 15.2796 8.58976 15.1136C8.52185 14.9475 8.4869 14.7695 8.4869 14.5898ZM16.3379 18.3534C15.3792 19.0851 14.1996 19.4575 13.0002 19.4072C11.8008 19.4575 10.6212 19.0851 9.66252 18.3534C9.60506 18.2825 9.57569 18.1925 9.58013 18.1008C9.58458 18.0092 9.62251 17.9225 9.68656 17.8577C9.7506 17.7928 9.83618 17.7544 9.92665 17.7499C10.0171 17.7454 10.106 17.7751 10.176 17.8333C10.9884 18.4369 11.9801 18.7411 12.9867 18.6955C13.9945 18.751 14.9908 18.4565 15.8109 17.8607C15.8826 17.7899 15.9791 17.7509 16.0792 17.7522C16.1287 17.7528 16.1777 17.7633 16.2232 17.7831C16.2688 17.8029 16.31 17.8316 16.3446 17.8675C16.3792 17.9035 16.4065 17.946 16.4249 17.9926C16.4433 18.0392 16.4524 18.0891 16.4518 18.1393C16.4512 18.1894 16.4408 18.239 16.4212 18.2852C16.4017 18.3313 16.3734 18.3731 16.3379 18.4081V18.3534ZM16.0946 16.0131C15.8274 16.0131 15.5661 15.9329 15.3439 15.7825C15.1217 15.6321 14.9485 15.4184 14.8462 15.1683C14.7439 14.9182 14.7172 14.643 14.7693 14.3776C14.8215 14.1121 14.9502 13.8682 15.1391 13.6768C15.3281 13.4854 15.5689 13.3551 15.831 13.3023C16.0931 13.2495 16.3648 13.2766 16.6118 13.3802C16.8587 13.4837 17.0697 13.6592 17.2182 13.8842C17.3667 14.1093 17.4459 14.3739 17.4459 14.6446C17.4533 14.83 17.4233 15.015 17.3578 15.1883C17.2924 15.3617 17.1928 15.5197 17.0651 15.6528C16.9375 15.786 16.7844 15.8914 16.6152 15.9628C16.4461 16.0341 16.2644 16.0699 16.0811 16.0679L16.0946 16.0131Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a class="hover:text-white" href="https://www.youtube.com/statusim" target="_blank">
|
||||
<svg class="text-black rounded w-10 h-10 bg-gray-light fill-current" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5" class="hover:opacity-100">
|
||||
<rect width="26" height="26" rx="2" fill="white"></rect>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.142 15.665L11.141 10.608L16.005 13.145L11.142 15.665ZM21.82 9.731C21.82 9.731 21.644 8.491 21.105 7.945C20.42 7.228 19.653 7.225 19.301 7.182C16.782 7 13.004 7 13.004 7H12.996C12.996 7 9.218 7 6.699 7.182C6.347 7.224 5.58 7.228 4.895 7.945C4.355 8.491 4.18 9.731 4.18 9.731C4.18 9.731 4 11.189 4 12.645V14.009C4 15.466 4.18 16.922 4.18 16.922C4.18 16.922 4.356 18.162 4.895 18.709C5.58 19.426 6.479 19.403 6.88 19.479C8.32 19.617 13 19.659 13 19.659C13 19.659 16.782 19.654 19.301 19.472C19.653 19.43 20.421 19.426 21.105 18.709C21.645 18.163 21.82 16.922 21.82 16.922C21.82 16.922 22 15.466 22 14.009V12.644C22 11.187 21.82 9.73 21.82 9.73V9.731Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-screen-2xl mx-auto px-4 lg:px-12 text-lg mt-24 lg:mt-40">
|
||||
<div class="flex flex-col lg:flex-row lg:justify-between text-gray-400 font-body">
|
||||
<div>
|
||||
<div class="flex items-center">
|
||||
<a href="https://status.im/privacy-policy/">Privacy Policy</a>
|
||||
<a href="https://our.status.im/implementing-fathom-analytics-on-marketing-websites/" class="ml-24">Site Analytics</a>
|
||||
</div>
|
||||
<p class="text-gray-600 mt-4">Status Research & Development GmbH, Baarerstrasse 10, Zug, Switzerland</p>
|
||||
</div>
|
||||
<p class="mt-8 lg:mt-0">
|
||||
<a href="https://messari.io/asset/status/" target="_blank" class="flex items-center">
|
||||
Messari Transparency Verified
|
||||
<svg width="34" height="39" viewBox="0 0 34 39" fill="none" xmlns="http://www.w3.org/2000/svg" class="ml-4">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.619 6.78163L16.354 0.130678C16.7424 -0.04464 17.1887 -0.0435034 17.5762 0.133791L32.0108 6.73815C32.4435 6.93613 32.7519 7.33018 32.8377 7.79455C34.0223 14.2086 33.5242 20.161 31.3434 25.6518C29.0785 31.3543 24.3727 35.4913 17.226 38.0626C9.87383 36.2554 4.90753 31.9102 2.32714 25.0269C-0.145514 18.431 -0.647719 12.6534 0.82053 7.69391C0.940286 7.2894 1.2317 6.95644 1.619 6.78163ZM20.1354 10.4413L16.0844 14.5553L14.5369 13.0577C14.1926 12.7246 13.6316 12.7218 13.2837 13.0515C12.9359 13.3813 12.933 13.9187 13.2773 14.2519L15.47 16.3738C15.8226 16.7151 16.4004 16.7084 16.7444 16.3591L21.4247 11.606C21.7605 11.265 21.7441 10.7278 21.3881 10.4062C21.032 10.0845 20.4712 10.1002 20.1354 10.4413ZM23.432 15.4245C23.432 15.3277 23.393 15.2349 23.3236 15.1667C23.1799 15.0257 22.9479 15.0267 22.8055 15.1691L20.0205 17.9523C19.9525 18.0203 19.9144 18.1121 19.9144 18.2077V26.9774C19.9144 27.0655 19.9467 27.1506 20.0054 27.2167C20.1388 27.3674 20.3703 27.3823 20.5223 27.2501L23.3073 24.8297C23.3866 24.7608 23.432 24.6614 23.432 24.5569V15.4245ZM16.9686 20.9306C16.8355 21.0433 16.6405 21.0469 16.5032 20.9392L15.6375 20.2602C15.5728 20.2094 15.4927 20.1818 15.4101 20.1818C15.2078 20.1818 15.0438 20.3442 15.0438 20.5446V26.9781C15.0438 27.0666 15.0764 27.152 15.1355 27.2183C15.2694 27.3685 15.5009 27.3827 15.6525 27.2501L18.4375 24.815C18.5163 24.7461 18.5614 24.647 18.5614 24.543V20.3701C18.5614 20.2837 18.5303 20.2001 18.4736 20.1344C18.3422 19.982 18.111 19.964 17.9571 20.0942L16.9686 20.9306ZM10.4437 15.4237V26.9822C10.4437 27.1826 10.6078 27.345 10.8101 27.345C10.8943 27.345 10.976 27.3163 11.0414 27.2636L13.8264 25.0175C13.9118 24.9486 13.9614 24.8452 13.9614 24.7361V18.19C13.9614 18.0939 13.923 18.0018 13.8545 17.9338L11.0695 15.1675C10.9266 15.0256 10.6947 15.0253 10.5514 15.1668C10.4825 15.2349 10.4437 15.3273 10.4437 15.4237Z" fill="#808080"/>
|
||||
</svg>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
204
views/header.ejs
Normal file
204
views/header.ejs
Normal file
@ -0,0 +1,204 @@
|
||||
<!DOCTYPE html>
|
||||
<header class="flex items-center relative justify-between px-8 xl:px-20 py-6 xl:py-0 js-header z-20">
|
||||
<a href="/" class="w-32 xl:w-48 flex-shrink-0"><img src="/img/logo.svg"></a>
|
||||
<nav class="js-nav overflow-auto xl:overflow-visible font-display">
|
||||
<ul class="flex flex-col xl:flex-row xl:items-center text-xl xl:text-xl font-display">
|
||||
<li class="xl:px-8 py-4 xl:py-16 md:text-lg 2xl:text-xl js-has-submenu hover:text-primary-base">
|
||||
<a href="/features/" class="hover:text-primary-base text-gray-800 font-medium inline-flex items-center">
|
||||
Features
|
||||
<span class="hidden xl:block ml-4"><img src="/img/icon-arrow-down.svg"></span>
|
||||
</a>
|
||||
<div class="bg-white shadow py-16 border-t text-gray-900 border-gray-100 absolute w-full left-0 top-1/1 invisible pointer-events-none opacity-0 transition-all duration-200 linear js-submenu z-10">
|
||||
<div class="max-w-screen-lg mx-auto px-8 xl:px-12">
|
||||
<div class="grid grid-cols-2 gap-24 xl:gap-48">
|
||||
<div class="text-right">
|
||||
<h4 class="text-4xl font-display font-normal">Features</h4>
|
||||
<p class="text-2xl mt-4 font-display font-normal">Private Messenger, Crypto Wallet, Web3 Browser, and more</p>
|
||||
<a href="/features/" class="group text-primary-base font-special font-semibold hover:text-primary-900 inline-flex items-center mt-8">
|
||||
See All Features
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/keycard-integration/" class="flex items-center group">
|
||||
Keycard
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="js-has-submenu hover:text-primary-base py-4 border-t md:text-lg 2xl:text-xl border-gray-100 xl:border-t-0 xl:px-8 xl:py-16">
|
||||
<a href="/get-involved/" class="hover:text-primary-base text-gray-800 font-medium inline-flex items-center">
|
||||
Get Involved
|
||||
<span class="hidden xl:block ml-4"><img src="/img/icon-arrow-down.svg"></span>
|
||||
</a>
|
||||
<div class="bg-white shadow py-16 border-t border-gray-100 absolute w-full left-0 top-1/1 invisible pointer-events-none opacity-0 transition-all duration-200 linear js-submenu z-10">
|
||||
<div class="max-w-screen-lg mx-auto px-8 xl:px-12">
|
||||
<div class="grid grid-cols-2 gap-24 xl:gap-48">
|
||||
<div class="text-right">
|
||||
<h4 class="text-2xl xl:text-4xl font-display text-gray-900">Get Involved</h4>
|
||||
<p class="text-2xl text-gray-900 mt-4">Status is an open source project made by people all over the world.</p>
|
||||
<a href="/get-involved/" class="group text-primary-base font-special font-semibold inline-flex items-center hover:text-primary-900 mt-12">
|
||||
Learn More
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-4 pl-12">
|
||||
<ul class="flex items-center flex-wrap">
|
||||
<li class="w-1/2">
|
||||
<a href="/docs/" class="flex items-center text-gray-900 group">
|
||||
Developers
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="w-1/2">
|
||||
<ul class="flex items-center">
|
||||
<li class="ml-8">
|
||||
<a href="https://discuss.status.im/" target="_blank" class="icon-discourse">
|
||||
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" d="M8.06786 1.14307C3.68929 1.14307 0 4.66092 0 9.00378C0 9.14307 0.00357143 17.1431 0.00357143 17.1431L8.06786 17.1359C12.45 17.1359 16 13.4824 16 9.1395C16 4.79664 12.45 1.14307 8.06786 1.14307ZM8 13.7145C7.30714 13.7145 6.64643 13.5609 6.05714 13.2824L3.16071 14.0002L3.97857 11.3216C3.62857 10.6752 3.42857 9.93235 3.42857 9.14307C3.42857 6.61807 5.475 4.57164 8 4.57164C10.525 4.57164 12.5714 6.61807 12.5714 9.14307C12.5714 11.6681 10.525 13.7145 8 13.7145Z" fill="#090909"/> </svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a href="https://join.status.im/chat/public/status" target="_blank" class="icon-status">
|
||||
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.56399 7.53454C8.44481 7.62823 9.32562 7.72186 10.4085 7.66023C13.3425 7.49313 15.1198 5.95469 14.9937 3.6551C14.8652 1.31539 12.5007 -0.126087 10.1349 0.00869768C6.27942 0.228154 3.44428 3.68621 3.12497 7.6386C3.64857 7.51329 4.19968 7.43847 4.71939 7.4089C5.80237 7.34727 6.68318 7.4409 7.56399 7.53454ZM0.00597997 12.6495C0.12764 14.7943 2.3677 16.1156 4.60907 15.992C8.26156 15.7908 10.9476 12.6209 11.25 8.9979C10.754 9.11278 10.2319 9.18145 9.73953 9.20852C8.71356 9.26504 7.87904 9.17921 7.04453 9.09332C6.21007 9.0075 5.37556 8.92167 4.34965 8.97819C1.57021 9.13134 -0.113675 10.5415 0.00597997 12.6495Z" fill="#090909"/> </svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a href="https://discord.gg/3Exux7Y" class="icon-status" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="18px" height="18px" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"> <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273l-1.47-1.338l-1.604-1.398l.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537c-1.336-.668-2.54-1.002-3.744-1.137c-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735c-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02c0 0 1 1.74 3.743 1.806c0 0 .4-.533.805-1.002c-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03c.33.136.66.27.93.4a8.18 8.18 0 0 0 1.8.536c.93.135 1.996.2 3.21 0c.6-.135 1.2-.267 1.8-.535c.39-.2.87-.4 1.397-.737c0 0-.6.936-2.205 1.404c.33.466.795 1 .795 1c2.744-.06 3.81-1.8 3.87-1.726c0-3.87-1.815-7.02-1.815-7.02c-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335c0 .74-.57 1.34-1.27 1.34c-.7 0-1.27-.6-1.27-1.334c.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335c0 .74-.57 1.34-1.27 1.34c-.7 0-1.27-.6-1.27-1.334c0-.74.57-1.338 1.27-1.338z"
|
||||
fill="#090909" />
|
||||
<rect x="0" y="0" width="24" height="24" fill="rgba(0, 0, 0, 0)" /></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a href="https://www.facebook.com/ethstatus" class="icon-facebook" target="_blank">
|
||||
<svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M5.203 8.07013H7.552L7.905 5.43713H5.203V3.74713C5.203 2.98313 5.416 2.46213 6.552 2.46213H8V0.100131C7.29882 0.0310031 6.59457 -0.00237344 5.89 0.000131122C3.8 0.000131122 2.37 1.22513 2.37 3.48613V5.43613H0V8.07013H2.371V14.8571H5.203V8.07013Z" fill="#090909"/> </svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a href="https://twitter.com/ethstatus" class="icon-twitter" target="_blank">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M13.232 2.056C13.8854 1.63145 14.3656 0.987398 14.586 0.24C13.987 0.62 13.325 0.89 12.631 1.036C12.0671 0.382464 11.2482 0.00470955 10.385 0C8.685 0 7.307 1.469 7.307 3.282C7.307 3.533 7.334 3.784 7.388 4.029C4.83 3.893 2.562 2.587 1.044 0.601C0.768819 1.10728 0.625742 1.67477 0.628 2.251C0.628 3.389 1.17 4.394 1.996 4.982C1.50422 4.96489 1.02473 4.82386 0.602 4.572V4.613C0.602 6.203 1.664 7.53 3.072 7.831C2.62003 7.96171 2.14316 7.98126 1.682 7.888C2.073 9.192 3.21 10.14 4.557 10.167C3.2938 11.2353 1.64202 11.7279 0 11.526C1.38681 12.4836 3.03169 12.9976 4.717 13C10.377 13 13.473 8 13.473 3.662C13.473 3.52 13.47 3.378 13.464 3.238C14.0725 2.76702 14.5926 2.19176 15 1.539C14.4416 1.80337 13.8449 1.97785 13.232 2.056Z" fill="#090909"/> </svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a href="https://www.reddit.com/r/statusim" class="icon-reddit" target="_blank">
|
||||
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" d="M17.9998 8.2212C17.9859 7.836 17.8622 7.4631 17.6438 7.1474C17.4253 6.8318 17.1214 6.5868 16.7686 6.4422C16.4158 6.2975 16.0292 6.2593 15.6554 6.3321C15.2817 6.405 14.9367 6.5857 14.6621 6.8527C13.1249 5.7944 11.3179 5.2097 9.4596 5.1693L10.338 0.899432L13.2297 1.51528C13.2641 1.83891 13.4113 2.13955 13.6448 2.36321C13.8783 2.58688 14.1829 2.71892 14.5038 2.73565C14.8248 2.75237 15.1412 2.65268 15.3961 2.45447C15.651 2.25626 15.8279 1.9725 15.8949 1.65414C15.9619 1.33579 15.9146 1.00367 15.7616 0.717412C15.6086 0.431152 15.3599 0.209492 15.0601 0.0922216C14.7603 -0.0250384 14.429 -0.0302383 14.1257 0.0775717C13.8225 0.185382 13.5671 0.399132 13.4054 0.680452L10.0947 0.00985175C10.0406 -0.00217825 9.9846 -0.00319806 9.9301 0.00683194C9.8755 0.0168719 9.8235 0.0377715 9.777 0.0683215C9.7305 0.0988715 9.6904 0.138472 9.6592 0.184822C9.6279 0.231162 9.606 0.283341 9.5948 0.338311L8.5948 5.0872C6.7137 5.1159 4.88184 5.7011 3.32479 6.7706C3.11648 6.5721 2.86805 6.4218 2.5967 6.3302C2.32535 6.2386 2.03758 6.2079 1.75333 6.2401C1.46908 6.2723 1.19515 6.3668 0.950529 6.5169C0.705899 6.667 0.496428 6.8692 0.336628 7.1094C0.176828 7.3497 0.0705187 7.6223 0.0250687 7.9083C-0.0203813 8.1943 -0.00389148 8.4869 0.0734085 8.7658C0.150709 9.0447 0.286959 9.3032 0.472729 9.5235C0.658489 9.7438 0.889328 9.9205 1.14923 10.0415C1.13402 10.2419 1.13402 10.4432 1.14923 10.6436C1.14923 13.7092 4.67608 16.2 9.0272 16.2C13.3784 16.2 16.9052 13.7092 16.9052 10.6436C16.9204 10.4432 16.9204 10.2419 16.9052 10.0415C17.2387 9.8736 17.5184 9.6136 17.7121 9.2915C17.9058 8.9694 18.0055 8.5983 17.9998 8.2212ZM4.4869 9.5898C4.4869 9.3191 4.56615 9.0545 4.71463 8.8295C4.86311 8.6044 5.07416 8.429 5.32107 8.3254C5.56799 8.2218 5.83968 8.1947 6.1018 8.2475C6.3639 8.3003 6.6047 8.4307 6.7937 8.6221C6.9827 8.8135 7.1114 9.0573 7.1635 9.3228C7.2156 9.5883 7.1889 9.8635 7.0866 10.1136C6.9843 10.3636 6.8111 10.5774 6.5889 10.7277C6.3667 10.8781 6.1054 10.9584 5.83819 10.9584C5.66073 10.9584 5.48502 10.923 5.32107 10.8542C5.15713 10.7854 5.00816 10.6846 4.88268 10.5575C4.7572 10.4305 4.65767 10.2796 4.58976 10.1136C4.52185 9.9475 4.4869 9.7695 4.4869 9.5898ZM12.3379 13.3534C11.3792 14.0851 10.1996 14.4575 9.0002 14.4072C7.8008 14.4575 6.6212 14.0851 5.66252 13.3534C5.60506 13.2825 5.57569 13.1925 5.58013 13.1008C5.58458 13.0092 5.62251 12.9225 5.68656 12.8577C5.7506 12.7928 5.83618 12.7544 5.92665 12.7499C6.0171 12.7454 6.106 12.7751 6.176 12.8333C6.9884 13.4369 7.9801 13.7411 8.9867 13.6955C9.9945 13.751 10.9908 13.4565 11.8109 12.8607C11.8826 12.7899 11.9791 12.7509 12.0792 12.7522C12.1287 12.7528 12.1777 12.7633 12.2232 12.7831C12.2688 12.8029 12.31 12.8316 12.3446 12.8675C12.3792 12.9035 12.4065 12.946 12.4249 12.9926C12.4433 13.0392 12.4524 13.0891 12.4518 13.1393C12.4512 13.1894 12.4408 13.239 12.4212 13.2852C12.4017 13.3313 12.3734 13.3731 12.3379 13.4081V13.3534ZM12.0946 11.0131C11.8274 11.0131 11.5661 10.9329 11.3439 10.7825C11.1217 10.6321 10.9485 10.4184 10.8462 10.1683C10.7439 9.9182 10.7172 9.643 10.7693 9.3776C10.8215 9.1121 10.9502 8.8682 11.1391 8.6768C11.3281 8.4854 11.5689 8.3551 11.831 8.3023C12.0931 8.2495 12.3648 8.2766 12.6118 8.3802C12.8587 8.4837 13.0697 8.6592 13.2182 8.8842C13.3667 9.1093 13.4459 9.3739 13.4459 9.6446C13.4533 9.83 13.4233 10.015 13.3578 10.1883C13.2924 10.3617 13.1928 10.5197 13.0651 10.6528C12.9375 10.786 12.7844 10.8914 12.6152 10.9628C12.4461 11.0341 12.2644 11.0699 12.0811 11.0679L12.0946 11.0131Z" fill="black"/> </svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-8">
|
||||
<a href="https://www.youtube.com/statusim" class="icon-youtube" target="_blank">
|
||||
<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.142 8.665L7.141 3.608L12.005 6.145L7.142 8.665ZM17.82 2.731C17.82 2.731 17.644 1.491 17.105 0.945C16.42 0.228 15.653 0.225 15.301 0.182C12.782 0 9.004 0 9.004 0H8.996C8.996 0 5.218 0 2.699 0.182C2.347 0.224 1.58 0.228 0.895 0.945C0.355 1.491 0.18 2.731 0.18 2.731C0.18 2.731 0 4.189 0 5.645V7.009C0 8.466 0.18 9.922 0.18 9.922C0.18 9.922 0.356 11.162 0.895 11.709C1.58 12.426 2.479 12.403 2.88 12.479C4.32 12.617 9 12.659 9 12.659C9 12.659 12.782 12.654 15.301 12.472C15.653 12.43 16.421 12.426 17.105 11.709C17.645 11.163 17.82 9.922 17.82 9.922C17.82 9.922 18 8.466 18 7.009V5.644C18 4.187 17.82 2.73 17.82 2.73V2.731Z" fill="#090909"/> </svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="mt-8 w-1/2">
|
||||
<a href="/get-involved/educators/" class="flex items-center text-gray-900 group">
|
||||
Educators
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="w-1/2"></li>
|
||||
<li class="mt-8 w-1/2">
|
||||
<a href="/get-involved/community-groups/" class="flex items-center text-gray-900 group">
|
||||
Community Groups
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="hover:text-primary-base py-4 border-t border-gray-100 md:text-lg 2xl:text-xl xl:border-t-0 xl:px-8 xl:py-16"><a href="/security/" class="hover:text-primary-base text-gray-800 font-medium inline-flex items-center">Security</a></li>
|
||||
<li class="hover:text-primary-base py-4 border-t border-gray-100 md:text-lg 2xl:text-xl xl:border-t-0 xl:px-8 xl:py-16"><a href="/snt-utility/" class="hover:text-primary-base text-gray-800 font-medium inline-flex items-center">SNT Utility</a></li>
|
||||
<li class="hover:text-primary-base py-4 border-t border-gray-100 md:text-lg 2xl:text-xl xl:border-t-0 xl:px-8 xl:py-16 js-has-submenu" class="hover:text-primary-base text-gray-800 font-medium inline-flex items-center">
|
||||
<a href="/docs/" class="hover:text-primary-base text-gray-800 font-medium inline-flex items-center">
|
||||
Developers
|
||||
<span class="hidden xl:block ml-4"><img src="/img/icon-arrow-down.svg"></span>
|
||||
</a>
|
||||
<div class="bg-white shadow py-16 border-t border-gray-100 absolute w-full left-0 top-1/1 invisible pointer-events-none opacity-0 transition-all duration-200 linear js-submenu z-10">
|
||||
<div class="max-w-screen-xl mx-auto px-8 lg:px-12">
|
||||
<div class="grid grid-cols-2 gap-24 xl:gap-48">
|
||||
<div class="text-right">
|
||||
<h4 class="text-2xl xl:text-4xl font-display text-gray-900">Developers</h4>
|
||||
<p class="text-2xl mt-4 text-gray-900">Everything you need to start developing with Status</p>
|
||||
<a href="/docs/" class="group font-special font-semibold text-primary-base hover:text-primary-900 inline-flex items-center mt-8">
|
||||
Read All
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<ul class="grid grid-cols-2 gap-8">
|
||||
<li>
|
||||
<a href="/technical/" class="inline-flex items-center text-gray-900 group">
|
||||
Contributor Guide
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/developer_tools/" class="inline-flex items-center text-gray-900 group">
|
||||
DApp Integration
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/user_guides/" class="inline-flex items-center text-gray-900 group">
|
||||
User Guides
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/our_team/" class="inline-flex items-center text-gray-900 group">
|
||||
Our Team
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://specs.status.im/" class="inline-flex items-center text-gray-900 group">
|
||||
Specs
|
||||
<span class="ml-4 group-hover:translate-x-1 transform transition-all duration-200 linear"><img src="/img/icon-arrow-right.svg"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="hover:text-primary-base py-4 border-t border-gray-100 md:text-lg 2xl:text-xl xl:border-t-0 xl:px-8 xl:py-16"><a href="/about/" class="text-gray-800 hover:text-primary-base font-medium inline-flex items-center">About</a></li>
|
||||
<li class="hover:text-primary-base py-4 border-t border-gray-100 md:text-lg 2xl:text-xl xl:border-t-0 xl:px-8 xl:py-16"><a href="https://our.status.im" class="text-gray-800 hover:text-primary-base font-medium inline-flex items-center">Blog</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="flex flex-col xl:flex-row xl:items-center language-option js-btns">
|
||||
<a href="https://github.com/status-im/" target="_blank" class="hidden xl:block order-1 md:order-none">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.2793C-0.000298842 16.1348 3.02955 20.4456 7.52152 21.9808C8.07188 22.0837 8.27249 21.7358 8.27249 21.4367C8.27249 21.1688 8.26325 20.4596 8.25797 19.5189C5.19868 20.1997 4.5533 18.0072 4.5533 18.0072C4.05178 16.7038 3.33117 16.356 3.33117 16.356C2.33208 15.6576 3.4064 15.6712 3.4064 15.6712C4.51107 15.751 5.09178 16.8338 5.09178 16.8338C6.07239 18.5567 7.66538 18.0586 8.29229 17.7703C8.39259 17.0422 8.67635 16.5455 8.99178 16.2626C6.54883 15.9784 3.98051 15.0107 3.98051 10.6893C3.98051 9.45765 4.40944 8.45071 5.11289 7.66302C4.99939 7.37745 4.62193 6.22976 5.22112 4.67739C5.22112 4.67739 6.14498 4.37422 8.24477 5.83456C9.1425 5.5836 10.0687 5.45572 10.9992 5.45425C11.9292 5.45552 12.8549 5.58295 13.7523 5.8332C15.8508 4.37422 16.7746 4.67739 16.7746 4.67739C17.3738 6.22976 16.9963 7.37745 16.8828 7.66302C17.5889 8.45071 18.0139 9.45765 18.0139 10.6893C18.0139 15.0215 15.4416 15.9757 12.9921 16.2545C13.3867 16.6023 13.7391 17.2912 13.7391 18.3428C13.7391 19.8505 13.7259 21.0673 13.7259 21.4367C13.7259 21.7385 13.9239 22.0891 14.4808 21.9795C19.8103 20.1557 22.9429 14.5062 21.7459 8.877C20.5489 3.24775 15.4072 -0.551533 9.82107 0.065584C4.23498 0.682701 0.000354915 5.51783 0 11.2793H0Z" fill="#4360DF"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="/get/" class="order-2 md:order-none border transition-all duration-200 linear border-primary-base hover:bg-primary-base hover:text-white hover:border-primary-base transition-all linear rounded py-4 px-5 inline-flex text-primary-base mt-8 xl:mt-0 font-special font-bold md:text-lg 2xl:text-xl xl:ml-8">Get Status</a>
|
||||
</div>
|
||||
<a href="#" class="xl:hidden js-mobile-nav-trigger">
|
||||
<svg width="22" height="8" viewBox="0 0 22 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="22" height="1" rx="0.5" fill="#090909"/> <rect y="7" width="22" height="1" rx="0.5" fill="#090909"/> </svg>
|
||||
</a>
|
||||
<div class="js-mobile-nav fixed xl:hidden xl:p-0 z-40 w-full top-0 left-0 transform mt-8 scale-95 p-8 pointer-events-none opacity-0 xl:static xl:transform-none invisible transition-all duration-200 linear">
|
||||
<div class="bg-white relative rounded shadow-lg p-8 xl:p-0 xl:hidden xl:bg-transparent xl:shadow-none">
|
||||
<div class="overflow-auto xl:overflow-visible js-mobile-nav-inner">
|
||||
<div class="flex items-center justify-between mb-8">
|
||||
<a href="/" class="w-32 logo"><img src="img/logo.svg"></a>
|
||||
<a href="#" class="js-mobile-nav-trigger-close">
|
||||
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="1.5752" y="0.368273" width="22" height="1" rx="0.5" transform="rotate(45 1.5752 0.368273)" fill="#090909"/> <rect x="0.868164" y="15.9246" width="22" height="1" rx="0.5" transform="rotate(-45 0.868164 15.9246)" fill="#090909"/> </svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="js-backdrop bg-black bg-opacity-25 h-screen fixed w-screen top-0 left-0 z-10 pointer-events-none invisible opacity-0 transition-all duration-200 linear"></div>
|
||||
</header>
|
327
views/index.ejs
327
views/index.ejs
@ -20,150 +20,11 @@
|
||||
<meta property="al:android:app_name" content="Status — Ethereum. Anywhere" />
|
||||
<% } %>
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,600|IBM+Plex+Sans:400,500,700" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/css/main.min.css">
|
||||
<link rel='stylesheet' type="text/css" href='/css/main.css' />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,600|IBM+Plex+Sans:400,500,700">
|
||||
<link rel="stylesheet" type="text/css" href="/css/site.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class="col">
|
||||
<a href="https://status.im/" class="logo"><img src="/img/logo.svg"></a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="https://status.im/features/">Features</a></li>
|
||||
<li class="has-submenu">
|
||||
<a href="https://status.im/get-involved/">Get Involved <i class="arrow"></i></a>
|
||||
<div class="submenu">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 text-right">
|
||||
<h4>Get Involved</h4>
|
||||
<p class="p-large">Status is an open source project <br>made by people all over the world.</p>
|
||||
<a href="https://status.im/get-involved/" class="link-arrow">Learn More</a>
|
||||
</div>
|
||||
<div class="col-md-4 offset-md-1">
|
||||
<ul>
|
||||
<li><a href="https://status.im/get-involved/developers/" class="link-arrow">Developers</a></li>
|
||||
<li>
|
||||
<ul class="social-links">
|
||||
<li>
|
||||
<a href="https://discuss.status.im/" target="_blank" class="icon-discourse">
|
||||
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" d="M8.06786 1.14307C3.68929 1.14307 0 4.66092 0 9.00378C0 9.14307 0.00357143 17.1431 0.00357143 17.1431L8.06786 17.1359C12.45 17.1359 16 13.4824 16 9.1395C16 4.79664 12.45 1.14307 8.06786 1.14307ZM8 13.7145C7.30714 13.7145 6.64643 13.5609 6.05714 13.2824L3.16071 14.0002L3.97857 11.3216C3.62857 10.6752 3.42857 9.93235 3.42857 9.14307C3.42857 6.61807 5.475 4.57164 8 4.57164C10.525 4.57164 12.5714 6.61807 12.5714 9.14307C12.5714 11.6681 10.525 13.7145 8 13.7145Z" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://join.status.im/chat/public/status" target="_blank" class="icon-status">
|
||||
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.56399 7.53454C8.44481 7.62823 9.32562 7.72186 10.4085 7.66023C13.3425 7.49313 15.1198 5.95469 14.9937 3.6551C14.8652 1.31539 12.5007 -0.126087 10.1349 0.00869768C6.27942 0.228154 3.44428 3.68621 3.12497 7.6386C3.64857 7.51329 4.19968 7.43847 4.71939 7.4089C5.80237 7.34727 6.68318 7.4409 7.56399 7.53454ZM0.00597997 12.6495C0.12764 14.7943 2.3677 16.1156 4.60907 15.992C8.26156 15.7908 10.9476 12.6209 11.25 8.9979C10.754 9.11278 10.2319 9.18145 9.73953 9.20852C8.71356 9.26504 7.87904 9.17921 7.04453 9.09332C6.21007 9.0075 5.37556 8.92167 4.34965 8.97819C1.57021 9.13134 -0.113675 10.5415 0.00597997 12.6495Z" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://discord.gg/3Exux7Y" class="icon-status" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="18px" height="18px" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273l-1.47-1.338l-1.604-1.398l.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537c-1.336-.668-2.54-1.002-3.744-1.137c-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735c-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02c0 0 1 1.74 3.743 1.806c0 0 .4-.533.805-1.002c-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03c.33.136.66.27.93.4a8.18 8.18 0 0 0 1.8.536c.93.135 1.996.2 3.21 0c.6-.135 1.2-.267 1.8-.535c.39-.2.87-.4 1.397-.737c0 0-.6.936-2.205 1.404c.33.466.795 1 .795 1c2.744-.06 3.81-1.8 3.87-1.726c0-3.87-1.815-7.02-1.815-7.02c-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335c0 .74-.57 1.34-1.27 1.34c-.7 0-1.27-.6-1.27-1.334c.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335c0 .74-.57 1.34-1.27 1.34c-.7 0-1.27-.6-1.27-1.334c0-.74.57-1.338 1.27-1.338z"
|
||||
fill="#090909" />
|
||||
<rect x="0" y="0" width="24" height="24" fill="rgba(0, 0, 0, 0)" />
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/ethstatus" class="icon-facebook" target="_blank">
|
||||
<svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M5.203 8.07013H7.552L7.905 5.43713H5.203V3.74713C5.203 2.98313 5.416 2.46213 6.552 2.46213H8V0.100131C7.29882 0.0310031 6.59457 -0.00237344 5.89 0.000131122C3.8 0.000131122 2.37 1.22513 2.37 3.48613V5.43613H0V8.07013H2.371V14.8571H5.203V8.07013Z" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/ethstatus" class="icon-twitter" target="_blank">
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M13.232 2.056C13.8854 1.63145 14.3656 0.987398 14.586 0.24C13.987 0.62 13.325 0.89 12.631 1.036C12.0671 0.382464 11.2482 0.00470955 10.385 0C8.685 0 7.307 1.469 7.307 3.282C7.307 3.533 7.334 3.784 7.388 4.029C4.83 3.893 2.562 2.587 1.044 0.601C0.768819 1.10728 0.625742 1.67477 0.628 2.251C0.628 3.389 1.17 4.394 1.996 4.982C1.50422 4.96489 1.02473 4.82386 0.602 4.572V4.613C0.602 6.203 1.664 7.53 3.072 7.831C2.62003 7.96171 2.14316 7.98126 1.682 7.888C2.073 9.192 3.21 10.14 4.557 10.167C3.2938 11.2353 1.64202 11.7279 0 11.526C1.38681 12.4836 3.03169 12.9976 4.717 13C10.377 13 13.473 8 13.473 3.662C13.473 3.52 13.47 3.378 13.464 3.238C14.0725 2.76702 14.5926 2.19176 15 1.539C14.4416 1.80337 13.8449 1.97785 13.232 2.056Z" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.reddit.com/r/statusim" class="icon-reddit" target="_blank">
|
||||
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" d="M17.9998 8.2212C17.9859 7.836 17.8622 7.4631 17.6438 7.1474C17.4253 6.8318 17.1214 6.5868 16.7686 6.4422C16.4158 6.2975 16.0292 6.2593 15.6554 6.3321C15.2817 6.405 14.9367 6.5857 14.6621 6.8527C13.1249 5.7944 11.3179 5.2097 9.4596 5.1693L10.338 0.899432L13.2297 1.51528C13.2641 1.83891 13.4113 2.13955 13.6448 2.36321C13.8783 2.58688 14.1829 2.71892 14.5038 2.73565C14.8248 2.75237 15.1412 2.65268 15.3961 2.45447C15.651 2.25626 15.8279 1.9725 15.8949 1.65414C15.9619 1.33579 15.9146 1.00367 15.7616 0.717412C15.6086 0.431152 15.3599 0.209492 15.0601 0.0922216C14.7603 -0.0250384 14.429 -0.0302383 14.1257 0.0775717C13.8225 0.185382 13.5671 0.399132 13.4054 0.680452L10.0947 0.00985175C10.0406 -0.00217825 9.9846 -0.00319806 9.9301 0.00683194C9.8755 0.0168719 9.8235 0.0377715 9.777 0.0683215C9.7305 0.0988715 9.6904 0.138472 9.6592 0.184822C9.6279 0.231162 9.606 0.283341 9.5948 0.338311L8.5948 5.0872C6.7137 5.1159 4.88184 5.7011 3.32479 6.7706C3.11648 6.5721 2.86805 6.4218 2.5967 6.3302C2.32535 6.2386 2.03758 6.2079 1.75333 6.2401C1.46908 6.2723 1.19515 6.3668 0.950529 6.5169C0.705899 6.667 0.496428 6.8692 0.336628 7.1094C0.176828 7.3497 0.0705187 7.6223 0.0250687 7.9083C-0.0203813 8.1943 -0.00389148 8.4869 0.0734085 8.7658C0.150709 9.0447 0.286959 9.3032 0.472729 9.5235C0.658489 9.7438 0.889328 9.9205 1.14923 10.0415C1.13402 10.2419 1.13402 10.4432 1.14923 10.6436C1.14923 13.7092 4.67608 16.2 9.0272 16.2C13.3784 16.2 16.9052 13.7092 16.9052 10.6436C16.9204 10.4432 16.9204 10.2419 16.9052 10.0415C17.2387 9.8736 17.5184 9.6136 17.7121 9.2915C17.9058 8.9694 18.0055 8.5983 17.9998 8.2212ZM4.4869 9.5898C4.4869 9.3191 4.56615 9.0545 4.71463 8.8295C4.86311 8.6044 5.07416 8.429 5.32107 8.3254C5.56799 8.2218 5.83968 8.1947 6.1018 8.2475C6.3639 8.3003 6.6047 8.4307 6.7937 8.6221C6.9827 8.8135 7.1114 9.0573 7.1635 9.3228C7.2156 9.5883 7.1889 9.8635 7.0866 10.1136C6.9843 10.3636 6.8111 10.5774 6.5889 10.7277C6.3667 10.8781 6.1054 10.9584 5.83819 10.9584C5.66073 10.9584 5.48502 10.923 5.32107 10.8542C5.15713 10.7854 5.00816 10.6846 4.88268 10.5575C4.7572 10.4305 4.65767 10.2796 4.58976 10.1136C4.52185 9.9475 4.4869 9.7695 4.4869 9.5898ZM12.3379 13.3534C11.3792 14.0851 10.1996 14.4575 9.0002 14.4072C7.8008 14.4575 6.6212 14.0851 5.66252 13.3534C5.60506 13.2825 5.57569 13.1925 5.58013 13.1008C5.58458 13.0092 5.62251 12.9225 5.68656 12.8577C5.7506 12.7928 5.83618 12.7544 5.92665 12.7499C6.0171 12.7454 6.106 12.7751 6.176 12.8333C6.9884 13.4369 7.9801 13.7411 8.9867 13.6955C9.9945 13.751 10.9908 13.4565 11.8109 12.8607C11.8826 12.7899 11.9791 12.7509 12.0792 12.7522C12.1287 12.7528 12.1777 12.7633 12.2232 12.7831C12.2688 12.8029 12.31 12.8316 12.3446 12.8675C12.3792 12.9035 12.4065 12.946 12.4249 12.9926C12.4433 13.0392 12.4524 13.0891 12.4518 13.1393C12.4512 13.1894 12.4408 13.239 12.4212 13.2852C12.4017 13.3313 12.3734 13.3731 12.3379 13.4081V13.3534ZM12.0946 11.0131C11.8274 11.0131 11.5661 10.9329 11.3439 10.7825C11.1217 10.6321 10.9485 10.4184 10.8462 10.1683C10.7439 9.9182 10.7172 9.643 10.7693 9.3776C10.8215 9.1121 10.9502 8.8682 11.1391 8.6768C11.3281 8.4854 11.5689 8.3551 11.831 8.3023C12.0931 8.2495 12.3648 8.2766 12.6118 8.3802C12.8587 8.4837 13.0697 8.6592 13.2182 8.8842C13.3667 9.1093 13.4459 9.3739 13.4459 9.6446C13.4533 9.83 13.4233 10.015 13.3578 10.1883C13.2924 10.3617 13.1928 10.5197 13.0651 10.6528C12.9375 10.786 12.7844 10.8914 12.6152 10.9628C12.4461 11.0341 12.2644 11.0699 12.0811 11.0679L12.0946 11.0131Z" fill="black"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/statusim" class="icon-youtube" target="_blank">
|
||||
<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M7.142 8.665L7.141 3.608L12.005 6.145L7.142 8.665ZM17.82 2.731C17.82 2.731 17.644 1.491 17.105 0.945C16.42 0.228 15.653 0.225 15.301 0.182C12.782 0 9.004 0 9.004 0H8.996C8.996 0 5.218 0 2.699 0.182C2.347 0.224 1.58 0.228 0.895 0.945C0.355 1.491 0.18 2.731 0.18 2.731C0.18 2.731 0 4.189 0 5.645V7.009C0 8.466 0.18 9.922 0.18 9.922C0.18 9.922 0.356 11.162 0.895 11.709C1.58 12.426 2.479 12.403 2.88 12.479C4.32 12.617 9 12.659 9 12.659C9 12.659 12.782 12.654 15.301 12.472C15.653 12.43 16.421 12.426 17.105 11.709C17.645 11.163 17.82 9.922 17.82 9.922C17.82 9.922 18 8.466 18 7.009V5.644C18 4.187 17.82 2.73 17.82 2.73V2.731Z" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="https://status.im/get-involved/educators/" class="link-arrow">Educators</a></li>
|
||||
<li></li>
|
||||
<li><a href="https://status.im/get-involved/community-groups/" class="link-arrow">Community Groups</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="https://status.im/security/">Security</a></li>
|
||||
<li><a href="https://status.im/snt-utility/">SNT Utility</a></li>
|
||||
<li class="has-submenu ">
|
||||
<a href="https://status.im/docs/">Docs <i class="arrow"></i></a>
|
||||
<div class="submenu">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 text-right">
|
||||
<h4>Documentation</h4>
|
||||
<p class="p-large">Everything you need to start <br>developing with Status</p>
|
||||
<a href="https://status.im/docs/" class="link-arrow">Read All</a>
|
||||
</div>
|
||||
<div class="col-md-4 offset-md-1">
|
||||
<ul>
|
||||
<li><a href="https://status.im/technical/" class="link-arrow">Contributor Guide</a></li>
|
||||
<li><a href="https://status.im/developer_tools/" class="link-arrow">DApp Integration</a></li>
|
||||
<li><a href="https://status.im/our_team/" class="link-arrow">Join Our Team</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="https://status.im/about/">About</a></li>
|
||||
<li><a href="https://our.status.im">Blog</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="col btns text-right">
|
||||
<a href="https://github.com/status-im/" target="_blank">
|
||||
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 11.2793C-0.000298842 16.1348 3.02955 20.4456 7.52152 21.9808C8.07188 22.0837 8.27249 21.7358 8.27249 21.4367C8.27249 21.1688 8.26325 20.4596 8.25797 19.5189C5.19868 20.1997 4.5533 18.0072 4.5533 18.0072C4.05178 16.7038 3.33117 16.356 3.33117 16.356C2.33208 15.6576 3.4064 15.6712 3.4064 15.6712C4.51107 15.751 5.09178 16.8338 5.09178 16.8338C6.07239 18.5567 7.66538 18.0586 8.29229 17.7703C8.39259 17.0422 8.67635 16.5455 8.99178 16.2626C6.54883 15.9784 3.98051 15.0107 3.98051 10.6893C3.98051 9.45765 4.40944 8.45071 5.11289 7.66302C4.99939 7.37745 4.62193 6.22976 5.22112 4.67739C5.22112 4.67739 6.14498 4.37422 8.24477 5.83456C9.1425 5.5836 10.0687 5.45572 10.9992 5.45425C11.9292 5.45552 12.8549 5.58295 13.7523 5.8332C15.8508 4.37422 16.7746 4.67739 16.7746 4.67739C17.3738 6.22976 16.9963 7.37745 16.8828 7.66302C17.5889 8.45071 18.0139 9.45765 18.0139 10.6893C18.0139 15.0215 15.4416 15.9757 12.9921 16.2545C13.3867 16.6023 13.7391 17.2912 13.7391 18.3428C13.7391 19.8505 13.7259 21.0673 13.7259 21.4367C13.7259 21.7385 13.9239 22.0891 14.4808 21.9795C19.8103 20.1557 22.9429 14.5062 21.7459 8.877C20.5489 3.24775 15.4072 -0.551533 9.82107 0.065584C4.23498 0.682701 0.000354915 5.51783 0 11.2793H0Z" fill="#4360DF"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://status.im/get/" class="btn btn-purple btn-arrow">Get Status</a>
|
||||
</div>
|
||||
<a href="#" class="mobile-nav-trigger">
|
||||
<svg width="22" height="8" viewBox="0 0 22 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="22" height="1" rx="0.5" fill="#090909"/>
|
||||
<rect y="7" width="22" height="1" rx="0.5" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
<div class="mobile-nav">
|
||||
<div class="mobile-nav-header">
|
||||
<a href="https://status.im/" class="logo"><img src="/img/logo.svg"></a>
|
||||
<a href="#" class="mobile-nav-trigger-close">
|
||||
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.5752" y="0.368273" width="22" height="1" rx="0.5" transform="rotate(45 1.5752 0.368273)" fill="#090909"/>
|
||||
<rect x="0.868164" y="15.9246" width="22" height="1" rx="0.5" transform="rotate(-45 0.868164 15.9246)" fill="#090909"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backdrop"></div>
|
||||
</header>
|
||||
<%- include('header') %>
|
||||
<%if (locals.error) { %>
|
||||
<%- include('fail') %>
|
||||
<% } else if (locals.redirect) { %>
|
||||
@ -171,187 +32,7 @@
|
||||
<% } else { %>
|
||||
<%- include('join') %>
|
||||
<% } %>
|
||||
<footer>
|
||||
<div class="get-started">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<h3>Ready to get started <br>with Status?</h3>
|
||||
</div>
|
||||
<div class="col-lg-7 text-right">
|
||||
<div class="inline">
|
||||
<a href="https://status.im/get/" class="btn btn-white-fill btn-arrow">Get Status</a>
|
||||
<a href="https://status.im/get-involved/" class="btn btn-white btn-arrow btn-arrow-white">Get Involved</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h5><a data-toggle="collapse" href="#footer-nav-1" role="button" aria-expanded="true" aria-controls="footer-nav-1">Product</a></h5>
|
||||
<div class="collapse show" id="footer-nav-1">
|
||||
<ul>
|
||||
<li><a href="https://status.im/features/">Features</a></li>
|
||||
<li><a href="https://status.im/security/">Security</a></li>
|
||||
<li><a href="https://status.im/get/">Get App</a></li>
|
||||
<li><a href="https://status.im/nightly/">Nightly</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5><a data-toggle="collapse" href="#footer-nav-2" role="button" aria-expanded="true" aria-controls="footer-nav-2">Status</a></h5>
|
||||
<div class="collapse show" id="footer-nav-2">
|
||||
<ul>
|
||||
<li><a href="https://status.im/get-involved/">Get Involved</a></li>
|
||||
<li><a href="https://status.im/about/">About</a></li>
|
||||
<li><a href="https://statusnetwork.com/press-kit/status/">Media Kit</a></li>
|
||||
<li><a href="https://our.status.im/">Blog</a></li>
|
||||
<li><a href="https://status.im/whitepaper.pdf" target="_blank">White Paper</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5><a data-toggle="collapse" href="#footer-nav-3" role="button" aria-expanded="true" aria-controls="footer-nav-3">Documentation</a></h5>
|
||||
<div class="collapse show" id="footer-nav-3">
|
||||
<ul>
|
||||
<li><a href="https://status.im/docs/">Docs</a></li>
|
||||
<li><a href="https://status.im/developer_tools/">DApp Integration</a></li>
|
||||
<li><a href="https://status.im/technical/">Contributor Guide</a></li>
|
||||
<li><a href="https://status.im/our_team/">Join Our Team</a></li>
|
||||
<li><a href="https://specs.status.im/">Specs</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<h5><a data-toggle="collapse" href="#footer-nav-4" role="button" aria-expanded="true" aria-controls="footer-nav-4">Status Network</a></h5>
|
||||
<div class="collapse show" id="footer-nav-4">
|
||||
<ul>
|
||||
<li><a href="https://keycard.tech/" target="_blank">Keycard</a></li>
|
||||
<li><a href="https://dap.ps/" target="_blank">dap.ps</a></li>
|
||||
<li><a href="https://teller.exchange/" target="_blank">Teller</a></li>
|
||||
<li><a href="https://assemble.fund/" target="_blank">Assemble</a></li>
|
||||
<li><a href="https://embark.status.im/" target="_blank">Embark</a></li>
|
||||
<li><a href="https://subspace.status.im/" target="_blank">Subspace</a></li>
|
||||
<li><a href="https://vac.dev/" target="_blank">Vac</a></li>
|
||||
<li><a href="https://nimbus.team/" target="_blank">Nimbus</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="connect">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h5>Connect</h5>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://join.status.im/chat/public/status" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.564 12.5345C14.4448 12.6282 15.3256 12.7219 16.4085 12.6602C19.3425 12.4931 21.1198 10.9547 20.9937 8.6551C20.8652 6.31539 18.5007 4.87391 16.1349 5.0087C12.2794 5.22815 9.44428 8.68621 9.12497 12.6386C9.64857 12.5133 10.1997 12.4385 10.7194 12.4089C11.8024 12.3473 12.6832 12.4409 13.564 12.5345ZM6.00598 17.6495C6.12764 19.7943 8.3677 21.1156 10.6091 20.992C14.2616 20.7908 16.9476 17.6209 17.25 13.9979C16.754 14.1128 16.2319 14.1815 15.7395 14.2085C14.7136 14.265 13.879 14.1792 13.0445 14.0933C12.2101 14.0075 11.3756 13.9217 10.3497 13.9782C7.57021 14.1313 5.88632 15.5415 6.00598 17.6495Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://discord.gg/3Exux7Y" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 245 245">
|
||||
<g opacity="0.5">
|
||||
<rect width="245" height="245" rx="20" fill="white" />
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z" />
|
||||
<path
|
||||
d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"
|
||||
fill="black" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/ethstatus" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.203 14.0701H16.552L16.905 11.4371H14.203V9.74713C14.203 8.98313 14.416 8.46213 15.552 8.46213H17V6.10013C16.2988 6.031 15.5946 5.99763 14.89 6.00013C12.8 6.00013 11.37 7.22513 11.37 9.48613V11.4361H9V14.0701H11.371V20.8571H14.203V14.0701Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/ethstatus" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.232 9.056C19.8854 8.63145 20.3656 7.9874 20.586 7.24C19.987 7.62 19.325 7.89 18.631 8.036C18.0671 7.38246 17.2482 7.00471 16.385 7C14.685 7 13.307 8.469 13.307 10.282C13.307 10.533 13.334 10.784 13.388 11.029C10.83 10.893 8.562 9.587 7.044 7.601C6.76882 8.10728 6.62574 8.67477 6.628 9.251C6.628 10.389 7.17 11.394 7.996 11.982C7.50422 11.9649 7.02473 11.8239 6.602 11.572V11.613C6.602 13.203 7.664 14.53 9.072 14.831C8.62003 14.9617 8.14316 14.9813 7.682 14.888C8.073 16.192 9.21 17.14 10.557 17.167C9.2938 18.2353 7.64202 18.7279 6 18.526C7.38681 19.4836 9.03169 19.9976 10.717 20C16.377 20 19.473 15 19.473 10.662C19.473 10.52 19.47 10.378 19.464 10.238C20.0725 9.76702 20.5926 9.19176 21 8.539C20.4416 8.80337 19.8449 8.97785 19.232 9.056Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://discuss.status.im/" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path d="M13.0679 5.14282C8.68929 5.14282 5 8.66068 5 13.0035C5 13.1428 5.00357 21.1428 5.00357 21.1428L13.0679 21.1357C17.45 21.1357 21 17.4821 21 13.1393C21 8.79639 17.45 5.14282 13.0679 5.14282ZM13 17.7143C12.3071 17.7143 11.6464 17.5607 11.0571 17.2821L8.16071 18L8.97857 15.3214C8.62857 14.675 8.42857 13.9321 8.42857 13.1428C8.42857 10.6178 10.475 8.57139 13 8.57139C15.525 8.57139 17.5714 10.6178 17.5714 13.1428C17.5714 15.6678 15.525 17.7143 13 17.7143Z" fill="#090909"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/status-im" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 13.334C4.99977 16.9216 7.29547 20.1067 10.699 21.241C11.116 21.317 11.268 21.06 11.268 20.839C11.268 20.641 11.261 20.117 11.257 19.422C8.939 19.925 8.45 18.305 8.45 18.305C8.07 17.342 7.524 17.085 7.524 17.085C6.767 16.569 7.581 16.579 7.581 16.579C8.418 16.638 8.858 17.438 8.858 17.438C9.601 18.711 10.808 18.343 11.283 18.13C11.359 17.592 11.574 17.225 11.813 17.016C9.962 16.806 8.016 16.091 8.016 12.898C8.016 11.988 8.341 11.244 8.874 10.662C8.788 10.451 8.502 9.60299 8.956 8.45599C8.956 8.45599 9.656 8.23199 11.247 9.31099C11.9272 9.12556 12.629 9.03107 13.334 9.02999C14.0386 9.03093 14.7401 9.12508 15.42 9.30999C17.01 8.23199 17.71 8.45599 17.71 8.45599C18.164 9.60299 17.878 10.451 17.792 10.662C18.327 11.244 18.649 11.988 18.649 12.898C18.649 16.099 16.7 16.804 14.844 17.01C15.143 17.267 15.41 17.776 15.41 18.553C15.41 19.667 15.4 20.566 15.4 20.839C15.4 21.062 15.55 21.321 15.972 21.24C20.0101 19.8925 22.3836 15.7182 21.4767 11.559C20.5697 7.39967 16.6739 4.59249 12.4413 5.04846C8.20881 5.50443 5.00027 9.07696 5 13.334H5Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.reddit.com/r/statusim/" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path d="M21.9998 13.2212C21.9859 12.836 21.8622 12.4631 21.6438 12.1474C21.4253 11.8318 21.1214 11.5868 20.7686 11.4422C20.4158 11.2975 20.0292 11.2593 19.6554 11.3321C19.2817 11.405 18.9367 11.5857 18.6621 11.8527C17.1249 10.7944 15.3179 10.2097 13.4596 10.1693L14.338 5.89943L17.2297 6.51528C17.2641 6.83891 17.4113 7.13955 17.6448 7.36321C17.8783 7.58688 18.1829 7.71892 18.5038 7.73565C18.8248 7.75237 19.1412 7.65268 19.3961 7.45447C19.651 7.25626 19.8279 6.9725 19.8949 6.65414C19.9619 6.33579 19.9146 6.00367 19.7616 5.71741C19.6086 5.43115 19.3599 5.20949 19.0601 5.09222C18.7603 4.97496 18.429 4.96976 18.1257 5.07757C17.8225 5.18538 17.5671 5.39913 17.4054 5.68045L14.0947 5.00985C14.0406 4.99782 13.9846 4.9968 13.9301 5.00683C13.8755 5.01687 13.8235 5.03777 13.777 5.06832C13.7305 5.09887 13.6904 5.13847 13.6592 5.18482C13.6279 5.23116 13.606 5.28334 13.5948 5.33831L12.5948 10.0872C10.7137 10.1159 8.88184 10.7011 7.32479 11.7706C7.11648 11.5721 6.86805 11.4218 6.5967 11.3302C6.32535 11.2386 6.03758 11.2079 5.75333 11.2401C5.46908 11.2723 5.19515 11.3668 4.95053 11.5169C4.7059 11.667 4.49643 11.8692 4.33663 12.1094C4.17683 12.3497 4.07052 12.6223 4.02507 12.9083C3.97962 13.1943 3.99611 13.4869 4.07341 13.7658C4.15071 14.0447 4.28696 14.3032 4.47273 14.5235C4.65849 14.7438 4.88933 14.9205 5.14923 15.0415C5.13402 15.2419 5.13402 15.4432 5.14923 15.6436C5.14923 18.7092 8.67608 21.2 13.0272 21.2C17.3784 21.2 20.9052 18.7092 20.9052 15.6436C20.9204 15.4432 20.9204 15.2419 20.9052 15.0415C21.2387 14.8736 21.5184 14.6136 21.7121 14.2915C21.9058 13.9694 22.0055 13.5983 21.9998 13.2212ZM8.4869 14.5898C8.4869 14.3191 8.56615 14.0545 8.71463 13.8295C8.86311 13.6044 9.07416 13.429 9.32107 13.3254C9.56799 13.2218 9.83968 13.1947 10.1018 13.2475C10.3639 13.3003 10.6047 13.4307 10.7937 13.6221C10.9827 13.8135 11.1114 14.0573 11.1635 14.3228C11.2156 14.5883 11.1889 14.8635 11.0866 15.1136C10.9843 15.3636 10.8111 15.5774 10.5889 15.7277C10.3667 15.8781 10.1054 15.9584 9.83819 15.9584C9.66073 15.9584 9.48502 15.923 9.32107 15.8542C9.15713 15.7854 9.00816 15.6846 8.88268 15.5575C8.7572 15.4305 8.65767 15.2796 8.58976 15.1136C8.52185 14.9475 8.4869 14.7695 8.4869 14.5898ZM16.3379 18.3534C15.3792 19.0851 14.1996 19.4575 13.0002 19.4072C11.8008 19.4575 10.6212 19.0851 9.66252 18.3534C9.60506 18.2825 9.57569 18.1925 9.58013 18.1008C9.58458 18.0092 9.62251 17.9225 9.68656 17.8577C9.7506 17.7928 9.83618 17.7544 9.92665 17.7499C10.0171 17.7454 10.106 17.7751 10.176 17.8333C10.9884 18.4369 11.9801 18.7411 12.9867 18.6955C13.9945 18.751 14.9908 18.4565 15.8109 17.8607C15.8826 17.7899 15.9791 17.7509 16.0792 17.7522C16.1287 17.7528 16.1777 17.7633 16.2232 17.7831C16.2688 17.8029 16.31 17.8316 16.3446 17.8675C16.3792 17.9035 16.4065 17.946 16.4249 17.9926C16.4433 18.0392 16.4524 18.0891 16.4518 18.1393C16.4512 18.1894 16.4408 18.239 16.4212 18.2852C16.4017 18.3313 16.3734 18.3731 16.3379 18.4081V18.3534ZM16.0946 16.0131C15.8274 16.0131 15.5661 15.9329 15.3439 15.7825C15.1217 15.6321 14.9485 15.4184 14.8462 15.1683C14.7439 14.9182 14.7172 14.643 14.7693 14.3776C14.8215 14.1121 14.9502 13.8682 15.1391 13.6768C15.3281 13.4854 15.5689 13.3551 15.831 13.3023C16.0931 13.2495 16.3648 13.2766 16.6118 13.3802C16.8587 13.4837 17.0697 13.6592 17.2182 13.8842C17.3667 14.1093 17.4459 14.3739 17.4459 14.6446C17.4533 14.83 17.4233 15.015 17.3578 15.1883C17.2924 15.3617 17.1928 15.5197 17.0651 15.6528C16.9375 15.786 16.7844 15.8914 16.6152 15.9628C16.4461 16.0341 16.2644 16.0699 16.0811 16.0679L16.0946 16.0131Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/statusim" target="_blank">
|
||||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.5">
|
||||
<rect width="26" height="26" rx="2" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.142 15.665L11.141 10.608L16.005 13.145L11.142 15.665ZM21.82 9.731C21.82 9.731 21.644 8.491 21.105 7.945C20.42 7.228 19.653 7.225 19.301 7.182C16.782 7 13.004 7 13.004 7H12.996C12.996 7 9.218 7 6.699 7.182C6.347 7.224 5.58 7.228 4.895 7.945C4.355 8.491 4.18 9.731 4.18 9.731C4.18 9.731 4 11.189 4 12.645V14.009C4 15.466 4.18 16.922 4.18 16.922C4.18 16.922 4.356 18.162 4.895 18.709C5.58 19.426 6.479 19.403 6.88 19.479C8.32 19.617 13 19.659 13 19.659C13 19.659 16.782 19.654 19.301 19.472C19.653 19.43 20.421 19.426 21.105 18.709C21.645 18.163 21.82 16.922 21.82 16.922C21.82 16.922 22 15.466 22 14.009V12.644C22 11.187 21.82 9.73 21.82 9.73V9.731Z" fill="black"/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="inline">
|
||||
<a href="https://status.im/privacy-policy/">Privacy Policy</a>
|
||||
<a href="https://our.status.im/implementing-fathom-analytics-on-marketing-websites/">Site Analytics</a>
|
||||
</div>
|
||||
<p>Status Research & Development GmbH, Baarerstrasse 10, Zug, Switzerland</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<%- include('footer') %>
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript" src="/js/dev.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
|
||||
|
@ -1,24 +1,17 @@
|
||||
<section class="join-content p-b-160 p-t-160 text-center">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 id="header" class="break-word"><%- headerName %></h3>
|
||||
<%if (locals.qrUri) { %>
|
||||
<img class="qr-code" src="<%= qrUri %>" />
|
||||
<% } %>
|
||||
<div class="row">
|
||||
<div class="col-md-6 ml-auto mr-auto text-center">
|
||||
<div class="copy">
|
||||
<div class="inner" id="copy-target"><%= mainTarget %></div>
|
||||
<a href="#" data-clipboard-target="#copy-target">Copy</a>
|
||||
</div>
|
||||
<a href="status-im:/<%= path %>" id="open" onclick="return redirectToAppOrStore();" class="btn btn-purple-fill">Open in Status</a>
|
||||
<div class="info">
|
||||
<%- info %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!DOCTYPE html>
|
||||
<section class="py-24 xl:py-40">
|
||||
<div class="max-w-xl mx-auto px-8 lg:px-12 align-center">
|
||||
<h3 id="header" class="break-word text-center font-display text-5xl"><%- headerName %></h3>
|
||||
<%if (locals.qrUri) { %>
|
||||
<img class="border border-solid border-gray-100 rounded-sm mt-8" src="<%= qrUri %>" />
|
||||
<% } %>
|
||||
<div class="copy border border-solid border-gray-100 rounded-sm flex items-center justify-between p-6 my-4 h-20">
|
||||
<div class="inner" id="copy-target"><%= mainTarget %></div>
|
||||
<a href="#" data-clipboard-target="#copy-target" class="text-primary-base font-bold hover:text-primary-700">Copy</a>
|
||||
</div>
|
||||
<a href="status-im:/<%= path %>" id="open" onclick="return redirectToAppOrStore();" class="font-special font-semibold text-center transition-all duration-200 ease-linear text-white bg-primary-base hover:bg-primary-700 py-5 px-8 block w-full rounded">Open in Status</a>
|
||||
<div id="info" class="text-gray-500 mt-4 text-center">
|
||||
<%- info %>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
@ -1,16 +1,19 @@
|
||||
<section class="join-content p-b-160 p-t-160 text-center">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 id="header" class="break-word">Upper case link detected</h3>
|
||||
<p>Would you like to be redirected?</p>
|
||||
<div class="copy">
|
||||
<div class="inner" id="copy-target"><%= redirect.name %></div>
|
||||
<a href="#" data-clipboard-target="#copy-target">Copy</a>
|
||||
</div>
|
||||
<a href="<%= redirect.path %>" id="redirect" class="btn btn-purple-fill">Redirect Me</a>
|
||||
<div class="info">Beware of phishing attacks.</div>
|
||||
</div>
|
||||
<!DOCTYPE html>
|
||||
<section class="py-24 xl:py-40">
|
||||
<div class="max-w-xl mx-auto px-8 lg:px-12 align-center">
|
||||
<h3 id="header" class="break-word text-center font-display text-4xl p-4">
|
||||
Upper case link detected
|
||||
</h3>
|
||||
<div class="text-center py-4">
|
||||
Would you like to be redirected?
|
||||
</div>
|
||||
<div class="copy border border-solid border-gray-100 rounded-sm p-6 flex items-center justify-between my-4">
|
||||
<div class="inner" id="copy-target"><%= redirect.name %></div>
|
||||
<a href="#" data-clipboard-target="#copy-target" class="text-primary-base font-bold hover:text-primary-700">Copy</a>
|
||||
</div>
|
||||
<a href="<%= redirect.path %>" id="redirect" class="font-special font-semibold text-center transition-all duration-200 ease-linear text-white bg-primary-base hover:bg-primary-700 py-5 px-8 block w-full rounded">Redirect Me</a>
|
||||
<div id="info" class="text-gray-500 mt-4 text-center">
|
||||
Beware of phishing attacks.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
Loading…
x
Reference in New Issue
Block a user