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

minimum rebrand

This commit is contained in:
amirhouieh 2022-10-07 19:01:09 +02:00 committed by zah
parent 11c7a38284
commit 68a3931d1c
10 changed files with 50 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
themes/navy/source/img/arrow_orange.svg
View File

@ -1,4 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.12" cx="12" cy="12" r="12" fill="#FF9C00"/>
<circle opacity="0.12" cx="12" cy="12" r="12" fill="#FF6161"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0548 13.0807L11.4957 16.6398C11.1531 16.9824 10.6008 16.9854 10.2567 16.6413C9.91502 16.2996 9.92 15.7406 10.2583 15.4024L13.2129 12.4478L10.2583 9.4932C9.91571 9.15064 9.91264 8.59832 10.2567 8.25423C10.5984 7.91252 11.1574 7.9175 11.4957 8.25576L15.0548 11.8149C15.2529 12.013 15.3375 12.2813 15.307 12.5389C15.2892 12.7374 15.2048 12.9307 15.0548 13.0807Z" fill="#FF9C00"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 596 B

After

Width:  |  Height:  |  Size: 596 B

13
themes/navy/source/img/graphic-friendly-beginnings.svg
View File

@ -1,14 +1,15 @@
<svg width="215" height="192" viewBox="0 0 215 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="100" cy="84" r="66" fill="#FD9A00"/>
<circle opacity="0.1" cx="100" cy="84" r="82" fill="#FD9A00"/>
<circle cx="39" cy="112" r="28" fill="#FF9C00"/>
<circle cx="39" cy="112" r="28" fill="#FF6161"/>
<circle cx="84" cy="157" r="17" fill="#FFE6BF"/>
<circle opacity="0.8" cx="88" cy="119" r="9" fill="#FF9C00"/>
<circle opacity="0.8" cx="133" cy="183" r="9" fill="#FF9C00"/>
<circle opacity="0.8" cx="197" cy="60" r="9" fill="#FF9C00"/>
<circle opacity="0.8" cx="88" cy="119" r="9" fill="#FF6161"/>
<circle opacity="0.8" cx="133" cy="183" r="9" fill="#FF6161"/>
<circle opacity="0.8" cx="197" cy="60" r="9" fill="#FF6161"/>
<circle opacity="0.8" cx="209" cy="154" r="6" fill="#FFE5BB"/>
<circle opacity="0.8" cx="199" cy="138" r="9" fill="#FF9C00"/>
<circle opacity="0.8" cx="199" cy="138" r="9" fill="#FF6161"/>
<circle opacity="0.8" cx="9" cy="9" r="9" fill="#FFE5BB"/>
<circle opacity="0.8" cx="97" cy="23" r="15" fill="#FF9C00"/>
<circle opacity="0.8" cx="97" cy="23" r="15" fill="#FF6161"/>
<circle cx="181.5" cy="98.5" r="12.5" fill="#FFE5BB"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 820 B

After

Width:  |  Height:  |  Size: 821 B

10
themes/navy/source/img/graphic-platform-support.svg
View File

@ -1,15 +1,15 @@
<svg width="280" height="260" viewBox="0 0 280 260" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="74" cy="168" r="32" fill="#FFF5E5"/>
<circle cx="42" cy="228" r="21" fill="#FF9C00"/>
<circle cx="42" cy="228" r="21" fill="#FF6161"/>
<path d="M280 157C280 200.63 244.63 236 201 236C157.37 236 122 200.63 122 157C122 113.37 157.37 78 201 78C244.63 78 280 113.37 280 157Z" fill="#FFF5E5"/>
<circle cx="232.5" cy="236.5" r="13.5" fill="#FF9C00"/>
<circle cx="232.5" cy="236.5" r="13.5" fill="#FF6161"/>
<circle cx="229" cy="178" r="9" fill="#FFC05C"/>
<circle cx="154" cy="57" r="10" fill="#FFCD80"/>
<circle cx="178" cy="40" r="6" fill="#FF9C00"/>
<circle cx="58" cy="196" r="6" fill="#FF9C00"/>
<circle cx="178" cy="40" r="6" fill="#FF6161"/>
<circle cx="58" cy="196" r="6" fill="#FF6161"/>
<circle cx="36" cy="178" r="6" fill="#FFE5BB"/>
<circle cx="58" cy="62" r="54" fill="#FFF5E5"/>
<circle cx="131" cy="145" r="70" fill="#FF9C00"/>
<circle cx="131" cy="145" r="70" fill="#FF6161"/>
<path opacity="0.4" d="M131.351 120C131.351 120 128.371 122.386 125.303 124.773C122.148 124.685 116.013 125.392 112.683 126.629C109.616 124.596 106.899 122.475 106.899 122.475C106.899 122.475 104.62 126.452 103.13 128.839C100.939 129.988 98.836 131.314 96.9079 132.993C94.6292 132.109 92.0876 131.048 92 130.96C94.9798 136.97 96.9955 142.981 102.342 146.605C111.018 132.905 151.07 134.142 159.834 146.516C165.53 143.511 167.721 137.059 170 131.137C169.737 131.225 166.67 132.286 164.742 132.993C163.602 131.667 160.798 129.723 159.22 128.75C157.73 126.01 155.539 122.21 155.539 122.21C155.539 122.21 152.998 124.154 149.93 126.276C145.899 125.48 140.991 124.596 136.872 124.861C134.155 122.563 131.351 120 131.351 120Z" fill="white"/>
<path opacity="0.7" d="M95.0674 143.776C95.0674 143.776 99.2742 154.029 102.166 161.189C114.524 177.629 146.074 178.778 159.834 161.542C163.076 154.118 167.458 143.776 167.458 143.776C163.953 149.079 158.169 152.703 154.663 154.648C152.121 156.062 146.337 156.858 146.337 156.858L131.088 148.903L115.751 156.681C115.751 156.681 110.054 155.797 107.425 154.56C102.254 151.643 98.7483 148.284 95.0674 143.776Z" fill="white"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

22
themes/navy/source/img/graphic-research.svg
View File

@ -1,22 +1,22 @@
<svg width="280" height="260" viewBox="0 0 280 260" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="27" cy="191" r="9" fill="#FF9C00"/>
<circle opacity="0.8" cx="27" cy="191" r="9" fill="#FF6161"/>
<circle cx="138" cy="251" r="9" fill="#FFE5BB"/>
<circle opacity="0.8" cx="254" cy="67" r="9" fill="#FF9C00"/>
<circle opacity="0.8" cx="254" cy="67" r="9" fill="#FF6161"/>
<circle cx="245" cy="198" r="6" fill="#FFE5BB"/>
<circle cx="268" cy="128" r="9" fill="#FFE5BB"/>
<circle opacity="0.8" cx="152" cy="23" r="9" fill="#FFE5BB"/>
<circle cx="235.5" cy="107.5" r="12.5" fill="#FFF5E5"/>
<circle cx="13.5" cy="155.5" r="12.5" fill="#FFE5BB"/>
<circle cx="86.5" cy="92.5" r="52.5" fill="#FFF5E5"/>
<path opacity="0.3" d="M223 143C223 174.48 197.48 200 166 200C134.52 200 109 174.48 109 143C109 111.52 134.52 86 166 86C197.48 86 223 111.52 223 143Z" stroke="#FFA000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 10"/>
<path opacity="0.5" d="M166 210C128.997 210 99 180.003 99 143C99 105.997 128.997 76 166 76" stroke="#FFA000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 10"/>
<path d="M149.679 187.089C154.763 188.972 160.261 190 166 190C191.957 190 213 168.957 213 143C213 122.751 200.195 105.493 182.241 98.8816L179.301 107.393C193.728 112.784 204 126.692 204 143C204 163.987 186.987 181 166 181C161.423 181 157.035 180.191 152.972 178.708L149.679 187.089Z" fill="#FFA000"/>
<path opacity="0.3" d="M223 143C223 174.48 197.48 200 166 200C134.52 200 109 174.48 109 143C109 111.52 134.52 86 166 86C197.48 86 223 111.52 223 143Z" stroke="#FF6161" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 10"/>
<path opacity="0.5" d="M166 210C128.997 210 99 180.003 99 143C99 105.997 128.997 76 166 76" stroke="#FF6161" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 10"/>
<path d="M149.679 187.089C154.763 188.972 160.261 190 166 190C191.957 190 213 168.957 213 143C213 122.751 200.195 105.493 182.241 98.8816L179.301 107.393C193.728 112.784 204 126.692 204 143C204 163.987 186.987 181 166 181C161.423 181 157.035 180.191 152.972 178.708L149.679 187.089Z" fill="#FF6161"/>
<path d="M198 143C198 160.673 183.673 175 166 175C164.963 175 163.938 174.951 162.926 174.854L163.791 165.895C164.518 165.965 165.255 166 166 166C178.703 166 189 155.703 189 143C189 130.297 178.703 120 166 120C153.297 120 143 130.297 143 143H134C134 125.327 148.327 111 166 111C183.673 111 198 125.327 198 143Z" fill="#FFF3E0"/>
<circle opacity="0.2" cx="166" cy="143" r="10" stroke="#FFA000" stroke-width="4"/>
<circle cx="166" cy="143" r="4" fill="#FFA000"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166 195C137.281 195 114 171.719 114 143C114 114.281 137.281 91.0001 166 91.0001C168.272 91.0001 170.511 91.1458 172.706 91.4285L173.889 82.5056C171.307 82.172 168.673 82.0001 166 82.0001C132.311 82.0001 105 109.311 105 143C105 176.689 132.311 204 166 204V195Z" fill="#FFEED0"/>
<path opacity="0.3" d="M98 181C98 194.255 87.2548 205 74 205C60.7452 205 50 194.255 50 181C50 167.745 60.7452 157 74 157C87.2548 157 98 167.745 98 181Z" stroke="#FFA000" stroke-width="2" stroke-linecap="round" stroke-dasharray="6 6"/>
<path d="M74 195C81.732 195 88 188.732 88 181C88 173.268 81.732 167 74 167V181L62.6069 189.138C65.1465 192.687 69.3031 195 74 195Z" fill="#FFA000"/>
<circle opacity="0.2" cx="166" cy="143" r="10" stroke="#FF6161" stroke-width="4"/>
<circle cx="166" cy="143" r="4" fill="#FF6161"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M166 195C137.281 195 114 171.719 114 143C114 114.281 137.281 91.0001 166 91.0001C168.272 91.0001 170.511 91.1458 172.706 91.4285L173.889 82.5056C171.307 82.172 168.673 82.0001 166 82.0001C132.311 82.0001 105 109.311 105 143C105 176.689 132.311 204 166 204V195Z" fill="#FF6161"/>
<path opacity="0.3" d="M98 181C98 194.255 87.2548 205 74 205C60.7452 205 50 194.255 50 181C50 167.745 60.7452 157 74 157C87.2548 157 98 167.745 98 181Z" stroke="#FF6161" stroke-width="2" stroke-linecap="round" stroke-dasharray="6 6"/>
<path d="M74 195C81.732 195 88 188.732 88 181C88 173.268 81.732 167 74 167V181L62.6069 189.138C65.1465 192.687 69.3031 195 74 195Z" fill="#FF6161"/>
<circle cx="193.5" cy="62.5" r="9.5" stroke="#FFECCC" stroke-width="2" stroke-linecap="round" stroke-dasharray="3 6"/>
<circle cx="193.5" cy="62.5" r="4.5" fill="#FFA000"/>
<circle cx="193.5" cy="62.5" r="4.5" fill="#FF6161"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

3
themes/navy/source/img/nimbus-logo-2022.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="240" height="120" viewBox="0 0 240 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180 60V119.999C147.008 119.999 130 117 110 90C90 63 77.0789 59.9993 60 59.9993V119.999H0V59.9993H60V2.36465e-08C90.7834 -4.91455e-08 110 4 130 30C150 56 160.546 60 180 60V0H240V60H180Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 318 B

6
themes/navy/source/scss/colors.scss
View File

@ -5,11 +5,11 @@ $colorBlack: rgba(0, 0, 0, 1);
$colorBlue: rgba(67, 96, 223, 1);
$colorGray: rgba(147, 155, 161, 1);
$colorDarkBlue: rgba(38, 42, 57, 1);
$colorDarkBlue: #17232D;
$colorIncubate: rgba(0,139,173,1);
$colorEmbark: rgba(54, 55, 99, 1);
$colorStudio: rgba(94, 193, 47, 1);
$colorNimbus: rgba(255, 156, 0, 1);
$colorStudio: #FF6161;
$colorNimbus: #FF6161;
$colorHardwallet: rgba(127, 68, 223, 1);

4
themes/navy/source/scss/footer.scss
View File

@ -2,7 +2,7 @@
width: 100%;
display: flex;
justify-content: center;
background-color: #262A39;
background-color: #17232D;
position: relative;
margin: 0 0 0 0;
}
@ -321,4 +321,4 @@ a.footer-logo:hover {
text-align: center;
}
}
}

6
themes/navy/source/scss/header.scss
View File

@ -30,10 +30,10 @@ html {
.logo {
display: block;
width: 146px;
width: 50px;
height: 56px;
background-image: url(../img/Nimbus_logo_white.png);
background-size: 146px;
background-image: url(../img/nimbus-logo-2022.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}

27
themes/navy/source/scss/main.scss
View File

@ -227,7 +227,7 @@ h5 {
}
.section-header a {
color: #ff9c00;
color: #000000;
text-decoration: none;
display: inline-flex;
align-items: center;
@ -348,7 +348,7 @@ h5 {
font-family: $InterUI;
padding: 0 0 8px 0;
text-align: left;
font-weight: bold;
font-weight: bold;
}
.inner-header p {
@ -535,7 +535,7 @@ h5 {
.contribute a {
line-height: 24px;
font-size: 16px;
color: #FF9C00;
color: #FF6161;
text-decoration: none;
margin-top: auto;
}
@ -569,7 +569,7 @@ h5 {
footer {
color: #7D7F88;
background: #262A39;
background: #17232D;
padding: 60px 0;
position: relative;
z-index: 9;
@ -600,7 +600,7 @@ footer {
}
footer {
footer {
.blog-logo {
height: auto;
display: flex;
@ -784,7 +784,7 @@ footer input[type="email"] {
}
.home-cover {
position: fixed;
position: fixed;
left: 0;
top: 0;
right: 0;
@ -792,8 +792,8 @@ footer input[type="email"] {
display: flex;
align-items: center;
justify-content: center;
background-color: #ff9c00;
background-image: url("../img/head_bg.png");
background-color: #FF6161;
//background-image: url("../img/head_bg.png");
height: 550px;
flex-direction: column;
}
@ -805,12 +805,13 @@ footer input[type="email"] {
justify-content: flex-start;
}
// .logo {
// background-image: url(../img/nimbus-logo.svg);
// }
.logo {
background-image: url(../img/nimbus-logo-2022.svg);
background-size: contain;
}
.mobile-nav-inner .logo {
background-image: url(../img/status-logo.svg);
background-image: url(../img/nimbus-logo.svg);
}
.intro {
@ -1035,4 +1036,4 @@ span.social-link.social-link--github a {
max-width: 100%;
}
}
}
}

2
themes/navy/source/scss/page.scss
View File

@ -20,7 +20,7 @@ $color-link-hover: lighten($color-link, 10%);
.page-intro {
padding: 98px 20px 0;
background-image: url(../img/head_bg.png);
//background-image: url(../img/head_bg.png);
}
.wrapper:before, .wrapper:after {