Merge pull request #1539 from SkynetLabs/branding-stuff

fix brand color and image compression artifacts
This commit is contained in:
Karol Wypchło 2022-01-13 11:57:47 +01:00 committed by GitHub
commit f2d0945623
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 42 additions and 15 deletions

View File

@ -93,7 +93,7 @@ module.exports = {
background_color: `#f1f7f2`, background_color: `#f1f7f2`,
theme_color: `#f1f7f2`, theme_color: `#f1f7f2`,
display: `minimal-ui`, display: `minimal-ui`,
icon: `src/images/logo.svg`, // This path is relative to the root of the site. icon: `src/images/logo-sq.svg`, // This path is relative to the root of the site.
icons: [ icons: [
...defaultIcons, ...defaultIcons,
// when we're serving content from the portal on our pathnames that do not have // when we're serving content from the portal on our pathnames that do not have
@ -105,6 +105,8 @@ module.exports = {
type: `image/x-icon`, type: `image/x-icon`,
}, },
], ],
description: `Skynet portal homepage and upload widget`,
skylink: `AQBG8n_sgEM_nlEp3G0w3vLjmdvSZ46ln8ZXHn-eObZNjA`,
}, },
}, },
{ {

View File

@ -57,7 +57,7 @@
"react-svg-loader": "3.0.3", "react-svg-loader": "3.0.3",
"react-syntax-highlighter": "15.4.5", "react-syntax-highlighter": "15.4.5",
"react-use": "17.3.2", "react-use": "17.3.2",
"skynet-js": "4.0.19-beta", "skynet-js": "4.0.22-beta",
"stream-browserify": "3.0.0", "stream-browserify": "3.0.0",
"swr": "1.1.2" "swr": "1.1.2"
}, },

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg enable-background="new 0 0 132.1 132.1" version="1.1" viewBox="0 0 132.1 132.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#00C65E;}
</style>
<path class="st0" d="M88.7,104.1C64.1,114,36.6,99,31.6,72.9L15.1,61.5c-2.6,44.6,44.1,75.3,84.1,55.3c4.7-2.4,9-5.3,12.9-8.8h0.1 c2.7-2.5,2.1-6.9-1.2-8.6L-12.7,34L88.7,104.1z"/>
<path class="st0" d="m123.4 91.2v-0.1c0.7-2.5-0.6-5.1-3-6.1l-83.1-32.8 78.8 42c2.8 1.6 6.4 0.1 7.3-3z"/>
<path class="st0" d="m126 73c0.7-16-1.3-31.5-11.2-44.2-11.7-15-31.2-20.9-46.9-19.6-1.2 0.1-2.4 0.3-3.7 0.4-16.5 1.5-32.1 11-41.4 27.2-0.8 1.4-1.5 2.8-2.2 4.2-0.4 0.6-0.8 1.1-1.2 1.7l14.1 7.5c0.7-1.8 1.4-3.5 2.3-5.1 15.3-28.6 55.9-30 73-2.4 4.9 7.9 7.1 17.1 6.2 26.4l-52.4-14.1 56.4 22.3c3.2 1.2 6.7-0.9 7-4.3z"/>
</svg>

After

Width:  |  Height:  |  Size: 880 B

View File

@ -2,7 +2,7 @@
<defs> <defs>
<style>.cls-1,.cls-2{fill:#0071bc;}.cls-1{fill-rule:evenodd;}.cls-2{font-size:87px;font-family:Karbon-Light, Karbon;font-weight:300;letter-spacing:-0.05em;}.cls-3{letter-spacing:-0.05em;}.cls-4{letter-spacing:-0.05em;}</style> <style>.cls-1,.cls-2{fill:#0071bc;}.cls-1{fill-rule:evenodd;}.cls-2{font-size:87px;font-family:Karbon-Light, Karbon;font-weight:300;letter-spacing:-0.05em;}.cls-3{letter-spacing:-0.05em;}.cls-4{letter-spacing:-0.05em;}</style>
</defs> </defs>
<path class="cls-1" d="M 116.388 139.371 C 92.969 148.816 66.759 134.5 62.048 109.691 L 46.308 98.821 C 43.843 141.32 88.308 170.55 126.346 151.435 C 130.805 149.195 134.94 146.361 138.638 143.011 L 138.698 143.011 C 141.248 140.637 140.685 136.456 137.598 134.841 L 19.888 72.671 Z" style="fill: rgb(88, 181, 96);"></path> <path class="cls-1" d="M 116.388 139.371 C 92.969 148.816 66.759 134.5 62.048 109.691 L 46.308 98.821 C 43.843 141.32 88.308 170.55 126.346 151.435 C 130.805 149.195 134.94 146.361 138.638 143.011 L 138.698 143.011 C 141.248 140.637 140.685 136.456 137.598 134.841 L 19.888 72.671 Z" style="fill: rgb(0, 198, 94);"></path>
<path class="cls-1" d="M 149.398 127.121 L 149.398 127.021 C 150.067 124.651 148.83 122.161 146.538 121.261 L 67.478 90.011 L 142.478 130.011 C 145.178 131.489 148.552 130.08 149.398 127.121 Z" style="fill: rgb(88, 181, 96);"></path> <path class="cls-1" d="M 149.398 127.121 L 149.398 127.021 C 150.067 124.651 148.83 122.161 146.538 121.261 L 67.478 90.011 L 142.478 130.011 C 145.178 131.489 148.552 130.08 149.398 127.121 Z" style="fill: rgb(0, 198, 94);"></path>
<path class="cls-1" d="M 151.848 109.801 C 152.508 94.561 150.578 79.801 141.228 67.721 C 130.128 53.411 111.498 47.801 96.588 49.081 C 95.428 49.181 94.268 49.351 93.108 49.451 C 77.448 50.901 62.598 59.941 53.728 75.301 C 52.968 76.621 52.278 77.971 51.638 79.301 C 51.238 79.841 50.838 80.371 50.458 80.931 L 63.838 88.061 C 64.463 86.395 65.194 84.772 66.028 83.201 C 80.584 55.935 119.197 54.651 135.532 80.889 C 140.199 88.386 142.264 97.212 141.408 106.001 L 91.518 92.621 L 145.258 113.861 C 148.274 115.053 151.585 112.994 151.848 109.761 Z" style="fill: rgb(88, 181, 96);"></path> <path class="cls-1" d="M 151.848 109.801 C 152.508 94.561 150.578 79.801 141.228 67.721 C 130.128 53.411 111.498 47.801 96.588 49.081 C 95.428 49.181 94.268 49.351 93.108 49.451 C 77.448 50.901 62.598 59.941 53.728 75.301 C 52.968 76.621 52.278 77.971 51.638 79.301 C 51.238 79.841 50.838 80.371 50.458 80.931 L 63.838 88.061 C 64.463 86.395 65.194 84.772 66.028 83.201 C 80.584 55.935 119.197 54.651 135.532 80.889 C 140.199 88.386 142.264 97.212 141.408 106.001 L 91.518 92.621 L 145.258 113.861 C 148.274 115.053 151.585 112.994 151.848 109.761 Z" style="fill: rgb(0, 198, 94);"></path>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -24,12 +24,12 @@ const NewsCard = ({ frontmatter, fields }) => {
</div> </div>
)} )}
<Link {...link} className="text-xl mt-6"> <Link {...link} className="mt-6 text-xl">
{title} {title}
</Link> </Link>
{description && ( {description && (
<Link {...link} className="font-content text-palette-400 mt-4"> <Link {...link} className="mt-4 font-content text-palette-400">
{description} {description}
</Link> </Link>
)} )}
@ -49,7 +49,7 @@ const NewsPage = ({ data }) => {
<Section className="bg-white" first={true}> <Section className="bg-white" first={true}>
{/* this is the gray box in the top left corner, 400px height is totally arbitrary but it works */} {/* this is the gray box in the top left corner, 400px height is totally arbitrary but it works */}
<div <div
className="hidden desktop:block bg-white bg-column absolute top-0 left-0 right-0" className="absolute top-0 left-0 right-0 hidden bg-white desktop:block bg-column"
style={{ height: "400px" }} style={{ height: "400px" }}
/> />
@ -81,12 +81,23 @@ export const query = graphql`
external external
thumbnail { thumbnail {
childImageSharp { childImageSharp {
gatsbyImageData(width: 320, height: 170, placeholder: BLURRED, transformOptions: { cropFocus: CENTER }) gatsbyImageData(
width: 320
height: 170
placeholder: BLURRED
formats: [AUTO, AVIF, WEBP]
transformOptions: { fit: COVER, cropFocus: CENTER }
)
} }
} }
avatar { avatar {
childImageSharp { childImageSharp {
gatsbyImageData(width: 40, placeholder: BLURRED, transformOptions: { cropFocus: CENTER }) gatsbyImageData(
width: 40
placeholder: BLURRED
formats: [AUTO, AVIF, WEBP]
transformOptions: { fit: COVER, cropFocus: CENTER }
)
} }
} }
} }

View File

@ -9143,6 +9143,11 @@ mime@^2.4.4, mime@^2.5.2:
resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367" resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg== integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
mime@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/mime/-/mime-3.0.0.tgz#b374550dca3a0c18443b0c950a6a58f1931cf7a7"
integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
mimic-fn@^2.1.0: mimic-fn@^2.1.0:
version "2.1.0" version "2.1.0"
resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b" resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@ -11884,10 +11889,10 @@ sjcl@^1.0.8:
resolved "https://registry.yarnpkg.com/sjcl/-/sjcl-1.0.8.tgz#f2ec8d7dc1f0f21b069b8914a41a8f236b0e252a" resolved "https://registry.yarnpkg.com/sjcl/-/sjcl-1.0.8.tgz#f2ec8d7dc1f0f21b069b8914a41a8f236b0e252a"
integrity sha512-LzIjEQ0S0DpIgnxMEayM1rq9aGwGRG4OnZhCdjx7glTaJtf4zRfpg87ImfjSJjoW9vKpagd82McDOwbRT5kQKQ== integrity sha512-LzIjEQ0S0DpIgnxMEayM1rq9aGwGRG4OnZhCdjx7glTaJtf4zRfpg87ImfjSJjoW9vKpagd82McDOwbRT5kQKQ==
skynet-js@4.0.19-beta: skynet-js@4.0.22-beta:
version "4.0.19-beta" version "4.0.22-beta"
resolved "https://registry.yarnpkg.com/skynet-js/-/skynet-js-4.0.19-beta.tgz#d4c640898c79cf69e45aa1c3c1ed5c80aa1aeced" resolved "https://registry.yarnpkg.com/skynet-js/-/skynet-js-4.0.22-beta.tgz#d4b199cdb6ac00f3859f2ac477d2668425546029"
integrity sha512-d8/q3E3OjUxgCCAW28gNFvbahj0ks8ym122XTopbRyvAZKk9+/Z4ians9v8Tov36Z4k/un+Ilw/0i6DtM8c8Dw== integrity sha512-DpTCuMIT5JSBTwJX3nb/qkHVAFyCeEA8fanBGzZPj4QviYK3Mmk+lZKLETd5RzxavkBtgW7VlSogmxdTDjjbyg==
dependencies: dependencies:
axios "^0.24.0" axios "^0.24.0"
base32-decode "^1.0.0" base32-decode "^1.0.0"
@ -11895,7 +11900,7 @@ skynet-js@4.0.19-beta:
base64-js "^1.3.1" base64-js "^1.3.1"
blakejs "^1.1.0" blakejs "^1.1.0"
buffer "^6.0.1" buffer "^6.0.1"
mime "^2.5.2" mime "^3.0.0"
path-browserify "^1.0.1" path-browserify "^1.0.1"
post-me "^0.4.5" post-me "^0.4.5"
randombytes "^2.1.0" randombytes "^2.1.0"