chore(*): add images from contributors

This commit is contained in:
Tim Hartmann 2019-02-08 16:47:12 +01:00
parent ad8010a83d
commit 5723096b63
10 changed files with 39 additions and 16 deletions

View File

@ -30,7 +30,7 @@
<a href="./#features" title="Features" class="o-navigation__item">Features</a>
<a href="./#security" title="Security" class="o-navigation__item">Security</a>
<a href="./#keycard-api" title="Keycard API" class="o-navigation__item">Keycard API</a>
<a href="/about-us.html" title="About us" class="o-navigation__item">About us</a>
<a href="/about-us.html" title="About us" class="o-navigation__item is-active">About us</a>
<a href="#form-preorder" title="Pre-Order" class="js-popup o-navigation__item"><span class="a-button a-button--rounded">Pre-Order</span></a>
</div>
</nav>
@ -81,8 +81,8 @@
<div class="o-grid">
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="" alt="" class="c-user__avatar">
<h3>Andreas Franz</h3>
<img src="images/andrea.jpg" alt="" class="c-user__avatar">
<h3>Andrea Franz</h3>
<p class="c-user__subtitle">Engineer</p>
<ul class="o-list">
<li>
@ -96,7 +96,7 @@
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="" alt="" class="c-user__avatar">
<img src="images/dmitry.jpg" alt="" class="c-user__avatar">
<h3>Dmitry Novotochinov</h3>
<p class="c-user__subtitle">Engineer</p>
<ul class="o-list">
@ -111,7 +111,7 @@
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="" alt="" class="c-user__avatar">
<img src="images/guy.jpg" alt="" class="c-user__avatar">
<h3>Guy-Louis Grau</h3>
<p class="c-user__subtitle">Product Manager</p>
<ul class="o-list">
@ -126,7 +126,7 @@
</div>
<div class="o-grid__column-1-1 o-grid__column-small-1-2 o-grid__column-large-1-3">
<div class="c-user">
<img src="" alt="" class="c-user__avatar">
<img src="images/michele.jpg" alt="" class="c-user__avatar">
<h3>Michele Balistreri</h3>
<p class="c-user__subtitle">Engineer</p>
<ul class="o-list">
@ -180,10 +180,9 @@
<li>
<a href="https://get.status.im/chat/public/status-keycard" title="Status" target="_blank">
<svg width="35" height="34" viewBox="0 0 35 34" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon--small">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3333 0C7.76038 0 0 7.61126 0 17C0 26.3889 7.76038 34 17.3333 34C26.9063 34 34.6667 26.3889 34.6667 17C34.6667 7.61126 26.9063 0 17.3333 0Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9154 16.2546C18.7858 16.3435 19.6562 16.4323 20.7263 16.3739C23.6255 16.2154 25.3818 14.7559 25.2571 12.5744C25.1301 10.3548 22.7936 8.98732 20.4559 9.11518C16.6461 9.32337 13.8445 12.6039 13.529 16.3534C14.0464 16.2345 14.5909 16.1635 15.1045 16.1355C16.1747 16.077 17.045 16.1658 17.9154 16.2546ZM10.4469 21.107C10.5671 23.1416 12.7807 24.3951 14.9955 24.2779C18.6047 24.087 21.259 21.0799 21.5578 17.6429C21.0676 17.7519 20.5518 17.817 20.0652 17.8427C19.0514 17.8963 18.2267 17.8149 17.4021 17.7334C16.5775 17.652 15.7529 17.5706 14.7391 17.6242C11.9926 17.7695 10.3287 19.1072 10.4469 21.107Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3333 0C7.76038 0 0 7.61126 0 17C0 26.3889 7.76038 34 17.3333 34C26.9063 34 34.6667 26.3889 34.6667 17C34.6667 7.61126 26.9063 0 17.3333 0Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9154 16.2546C18.7858 16.3435 19.6562 16.4323 20.7263 16.3739C23.6255 16.2154 25.3818 14.7559 25.2571 12.5744C25.1301 10.3548 22.7936 8.98732 20.4559 9.11518C16.6461 9.32337 13.8445 12.6039 13.529 16.3534C14.0464 16.2345 14.5909 16.1635 15.1045 16.1355C16.1747 16.077 17.045 16.1658 17.9154 16.2546ZM10.4469 21.107C10.5671 23.1416 12.7807 24.3951 14.9955 24.2779C18.6047 24.087 21.259 21.0799 21.5578 17.6429C21.0676 17.7519 20.5518 17.817 20.0652 17.8427C19.0514 17.8963 18.2267 17.8149 17.4021 17.7334C16.5775 17.652 15.7529 17.5706 14.7391 17.6242C11.9926 17.7695 10.3287 19.1072 10.4469 21.107Z" fill="#0E1C36"/>
</svg>
</a>
</li>
</ul>
@ -193,8 +192,7 @@
<ul class="o-list">
<li><a href="https://keycard.status.im/api/" target="_blank" title="Getting started">Getting started</a></li>
<li><a href="https://keycard.status.im/api/sdk_installation.html" title="Java SDK" target="_blank">Java SDK</a></li>
<li><a href="https://keycard.status.im/api/apdu_overview.html" title="APDU Protocol" target="_blank">APDU Protocol</a></li>
<li><a href="https://keycard.status.im/api/resources.html" title="Resources" target="_blank">Resources</a></li>
<li><a href="https://keycard.status.im/api/apdu_overview.html" title="Protocol" target="_blank">Protocol</a></li>
</ul>
</div>
<div class="o-grid__column-1-2 o-grid__column-large-1-4 o-grid__column-xlarge-1-5">

BIN
src/images/andrea.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/images/dmitry.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
src/images/guy.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
src/images/michele.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -7,7 +7,7 @@
<title>Keycard - Secure, Contactless, Open Source, Crypto Hardwallet</title>
<meta name="description" content="Keycard - the secure, crypto hardwallet built with NFC technology for a contactless experience. Compatible with all major cryptocurrencies. The open source API enables developers to easily integrate.">
<meta name="handheldfriendly" content="true">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="style/application.css">
</head>

View File

@ -1,13 +1,22 @@
.o-teaser {
display: flex;
flex-direction: row;
flex-direction: column;
flex-wrap: no-wrap;
@include respond(small) {
flex-direction: row;
}
&__symbol {
width: 48px;
}
&__content {
margin-top: get-stack-spacing(s);
@include respond(small) {
margin-top: 0;
padding-left: get-inline-spacing(l);
}
}
}

View File

@ -4,6 +4,7 @@
text-align: center;
&__avatar {
max-width: 125px;
border-radius: $global-rounded-border-radius;
}

View File

@ -9,6 +9,21 @@
margin-left: get-inline-spacing(l);
margin-top: 0;
}
&.is-active {
position: relative;
&:before {
content: '';
display: block;
bottom: -3px;
height: 3px;
left: 0;
position: absolute;
width: 100%;
background: get-brand(primary);
}
}
}
&__close {

View File

@ -106,8 +106,8 @@ $socialMediaColors: (
/// @group Fonts
$fontSettings: (
color: get-color(gray, darkest),
baseFamily: (-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"),
headingFamily: (Roboto, Helvetica, sans-serif),
baseFamily: (-apple-system, BlinkMacSystemFont, "Segoe UI", 'Roboto', Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"),
headingFamily: ('Roboto', Helvetica, sans-serif),
size: 18px
) !default;