add homescreen stuff, crop icon and avif avatars

This commit is contained in:
Daniel Helm 2022-01-12 10:20:09 -06:00
parent 0c5e42d8c3
commit 4276673c71
No known key found for this signature in database
GPG Key ID: 5C3D26DA012EFA1B
3 changed files with 18 additions and 2 deletions

View File

@ -93,7 +93,7 @@ module.exports = {
background_color: `#f1f7f2`,
theme_color: `#f1f7f2`,
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: [
...defaultIcons,
// 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`,
},
],
description: `Skynet portal homepage and upload widget`,
skylink: `AQBG8n_sgEM_nlEp3G0w3vLjmdvSZ46ln8ZXHn-eObZNjA`,
},
},
{

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

@ -92,7 +92,12 @@ export const query = graphql`
}
avatar {
childImageSharp {
gatsbyImageData(width: 40, placeholder: BLURRED, transformOptions: { fit: COVER, cropFocus: CENTER })
gatsbyImageData(
width: 40
placeholder: BLURRED
formats: [AUTO, AVIF, WEBP]
transformOptions: { fit: COVER, cropFocus: CENTER }
)
}
}
}