status-im
/
universal-links-handler
mirror of https://github.com/status-im/universal-links-handler.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #6 from noman-land/mobile-responsive 

Update styling and assets for handler pages
This commit is contained in:
Andrea Maria Piana 2018-07-04 09:19:08 +02:00 committed by GitHub
parent 8656ed75ae 0f4db0ba7b
commit 2dc5ec2425
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 46 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/fonts/PostGrotesk-Book.eot Normal file
View File

Binary file not shown.

3
public/fonts/PostGrotesk-Book.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 327 KiB

BIN
public/fonts/PostGrotesk-Book.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/PostGrotesk-Medium.eot Normal file
View File

Binary file not shown.

3
public/fonts/PostGrotesk-Medium.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 322 KiB

BIN
public/fonts/PostGrotesk-Medium.woff Normal file
View File

Binary file not shown.

BIN
public/images/status-logo-blue-w-text.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
public/images/status-logo-blue.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

1
public/images/status-logo-symbol.svg Normal file
View File

@ -0,0 +1 @@
<svg width="124" height="124" xmlns="http://www.w3.org/2000/svg"><path d="M72.458 61.429c-7.431.427-12.088-1.299-19.52-.871a31.245 31.245 0 0 0-5.47.796C48.565 47.65 58.292 35.662 71.519 34.9c8.117-.467 16.23 4.53 16.67 12.642.433 7.973-5.664 13.307-15.73 13.886M52.503 89.46c-7.776.438-15.547-4.24-15.969-11.831-.415-7.462 5.427-12.454 15.07-12.996 7.118-.4 11.58 1.216 18.698.815a30.589 30.589 0 0 0 5.24-.745C74.493 77.528 65.175 88.748 52.503 89.46M62 .181C27.758.18 0 27.857 0 62s27.758 61.82 62 61.82c34.242 0 62-27.678 62-61.82C124 27.858 96.242.18 62 .18" fill="#4360DF" fill-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 606 B

1
public/images/status-logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

40
public/stylesheets/style.css
View File

@ -1,15 +1,45 @@
@font-face {
font-family: PostGrotesk-Medium;
src: url(../fonts/PostGrotesk-Medium.eot);
src: url(../fonts/PostGrotesk-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/PostGrotesk-Medium.woff) format("woff"), url(../fonts/PostGrotesk-Medium.svg#PostGrotesk-Medium) format("svg");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: PostGrotesk-Book;
src: url(../fonts/PostGrotesk-Book.eot);
src: url(../fonts/PostGrotesk-Book.eot?#iefix) format("embedded-opentype"), url(../fonts/PostGrotesk-Book.woff) format("woff"), url(../fonts/PostGrotesk-Book.svg#PostGrotesk-Book) format("svg");
font-weight: 400;
font-style: normal;
}
* {
box-sizing: border-box;
}
html,
body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div {
font-family: "PostGrotesk-Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
body {
font: 14px "Verdana", Helvetica, Arial, sans-serif;
background-color: white;
font-size: 14px;
margin: 0;
padding: 0;
}
a {
color: #00B7FF;
color: #4360DF;
}
h1 {
@ -38,7 +68,7 @@ h2 {
.try-it-now {
align-items: center;
background: #4957B8;
background: #4360DF;
display: flex;
flex-direction: column;
font-size: 1rem;
@ -69,9 +99,9 @@ h2 {
}
.content .button {
background-color: #00B7FF;
background-color: rgba(67, 96, 223, 0.1);
border-radius: 100px;
color: white;
color: #4360df;
font-size: 1.2rem;
font-weight: 400;
margin-top: 3rem;

5
views/index.ejs
View File

@ -2,6 +2,7 @@
<html>
<head>
<title><%= title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="al:ios:url" content="status-im:/<%= path %>" />
<meta property="al:ios:app_store_id" content="1178893006" />
@ -17,7 +18,7 @@
<body>
<header class="header">
<a class="logo" href="https://status.im">
<img src="/images/status-logo-blue-w-text.png" />
<img src="/images/status-logo.svg" />
</a>
</header>
<div class="try-it-now">
@ -26,7 +27,7 @@
</a>
</div>
<div class="content">
<img src="/images/status-logo-blue.png">
<img src="/images/status-logo-symbol.svg">
<h2><%= title %></h2>
<a class="open-link button" href="status-im:/<%= path %>">
Open in Status