Implementing branding (pre-testing)

This commit is contained in:
James Barnsley
2017-08-27 21:08:59 +12:00
parent 32ca8c464b
commit 31b24d8623
4 changed files with 32 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 19 KiB

23
src/assets/logo.svg Executable file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 141 69.5" style="enable-background:new 0 0 141 69.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M4.3,66.4V4.2H15v62.2H4.3z"/>
<path class="st0" d="M20.8,66.4V21h10.4v4.7c1.8-3.8,4.9-5.8,9.3-5.8c3.2,0,6,1,8.4,3.1l-1.5,9.5c-2.3-1.6-4.8-2.4-7.7-2.4
c-2.4,0-4.4,0.8-6,2.5c-1.7,1.7-2.5,4.4-2.5,8.4v25.4H20.8z"/>
<path class="st0" d="M62.7,12.9c-1.2,1.2-2.6,1.8-4.4,1.8c-1.7,0-3.2-0.6-4.4-1.8c-1.2-1.2-1.8-2.7-1.8-4.4c0-1.7,0.6-3.2,1.8-4.4
c1.2-1.2,2.7-1.8,4.4-1.8c1.7,0,3.2,0.6,4.4,1.8c1.2,1.2,1.8,2.6,1.8,4.4C64.5,10.3,63.9,11.7,62.7,12.9z M53.1,66.4V21h10.4v45.4
H53.1z"/>
<path class="st0" d="M84.4,67.4c-3.7,0-7.1-0.7-10.4-2.1c-3.2-1.4-5.7-3.3-7.3-5.7l7.1-6c3.2,3.2,6.7,4.8,10.6,4.8
c4.9,0,7.4-1.5,7.4-4.4c0-1-0.4-1.9-1.3-2.8c-0.9-0.8-1.8-1.5-2.8-1.9c-1-0.4-2.6-1.1-4.8-2c-5.2-1.7-9-3.7-11.4-5.9
c-2.4-2.2-3.6-5.2-3.6-8.8c0-4,1.5-7.1,4.6-9.3c3-2.2,6.9-3.3,11.6-3.3c6.9,0,12.3,2.3,16.3,7l-7.2,5.9c-2.7-2.5-5.7-3.8-9.1-3.8
C80,29,78,30.2,78,32.7c0,1.2,0.8,2.3,2.3,3.2c1.5,0.9,3.7,1.8,6.6,2.8c4.9,1.7,8.6,3.6,11.2,5.9c2.5,2.3,3.8,5.4,3.8,9.4
c0,4.3-1.6,7.7-4.7,10C93.9,66.3,89.7,67.4,84.4,67.4z"/>
</g>
<polygon class="st0" points="120.1,38.4 109.8,28.5 109.8,60.6 120.1,50.7 "/>
<polygon class="st0" points="120.1,28.5 120.1,33.3 131.8,44.5 120.1,55.8 120.1,60.6 136.8,44.5 "/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -3,13 +3,13 @@
"name": "Iris",
"icons": [
{
"src": "/iris/assets/logo.png",
"type": "image/png",
"src": "/iris/assets/logo.svg",
"type": "image/svg",
"sizes": "256x265"
}
],
"start_url": "/iris/index.html",
"background_color": "#08d58f",
"theme_color": "#222222",
"theme_color": "#181818",
"display": "standalone"
}

View File

@ -25,7 +25,7 @@
.select-zone {
&::after {
background: $blue;
border-color: $blue;
border-color: $blue !important;
}
}
}
@ -231,7 +231,7 @@
.fa {
position: absolute;
top: 20px;
top: 27px;
left: 19px;
pointer-events: none;
color: $white;
@ -246,7 +246,7 @@
width: 14px;
height: 14px;
position: absolute;
top: 16px;
top: 23px;
left: 16px;
}
}
@ -263,7 +263,7 @@
.fa {
position: absolute;
top: 17px;
top: 24px;
left: 8px;
pointer-events: none;
}
@ -292,7 +292,7 @@
.fa {
position: absolute;
top: 20px;
top: 27px;
left: 19px;
pointer-events: none;
color: $white;
@ -324,7 +324,7 @@
.fa {
position: absolute;
top: 17px;
top: 24px;
left: 8px;
pointer-events: none;
}