diff --git a/gatsby-config.js b/gatsby-config.js index 727b5e1..e93bffd 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -14,7 +14,7 @@ module.exports = { description: `Crowdfuelled archaeological research - how can you get involved?.`, twitterHandle: '@micropasts', author: 'The MicroPasts Collective', - image: `/img.png`, + image: `/logo_social.jpg`, og: { siteName: 'MicroPasts - Crowd fuelled archaeology', twitterCreator: '@micropasts', diff --git a/src/components/seo.js b/src/components/seo.js deleted file mode 100644 index 292271b..0000000 --- a/src/components/seo.js +++ /dev/null @@ -1,45 +0,0 @@ -/** - * SEO component that queries for data with - * Gatsby's useStaticQuery React hook - * - * See: https://www.gatsbyjs.com/docs/how-to/querying-data/use-static-query/ - */ - -import * as React from "react" -import { useStaticQuery, graphql } from "gatsby" - -function Seo({ description, title, children }) { - const { site } = useStaticQuery( - graphql` - query { - site { - siteMetadata { - title - description - author - } - } - } - ` - ) - - const metaDescription = description || site.siteMetadata.description - const defaultTitle = site.siteMetadata?.title - - return ( - <> - {defaultTitle ? `${title} | ${defaultTitle}` : title} - - - - - - - - - {children} - - ) -} - -export default Seo diff --git a/src/components/structure/collaborators.js b/src/components/structure/collaborators.js index ced26e3..21e55fe 100644 --- a/src/components/structure/collaborators.js +++ b/src/components/structure/collaborators.js @@ -34,17 +34,17 @@ const Collaborators = () => { - - - @@ -62,27 +62,27 @@ const Collaborators = () => { - - - - - @@ -90,17 +90,17 @@ const Collaborators = () => { - - - @@ -109,6 +109,11 @@ const Collaborators = () => { className="img-fluid mx-auto mb-3" height={70} transformOptions={{ grayscale: true }} placeholder={"NONE"} quality={90} /> + + + diff --git a/src/components/structure/SEO.js b/src/components/structure/seo.js similarity index 76% rename from src/components/structure/SEO.js rename to src/components/structure/seo.js index 97c17cb..8af4e35 100644 --- a/src/components/structure/SEO.js +++ b/src/components/structure/seo.js @@ -1,26 +1,16 @@ import React from "react"; import { useSiteMetadata } from "../../hooks/use-site-metadata"; -function createSeoImage(featured, image) { - if (featured) { - return featured?.childImageSharp.gatsbyImageData.images.fallback.src; - } - return image; -} - -const Seo = ({ title, description, pathname, children, featured }) => { +const Seo = ({ title, description, pathname, children }) => { const { title: defaultTitle, description: defaultDescription, image, siteUrl, twitterHandle } = useSiteMetadata(); - console.log(featured); - const featuredImage = createSeoImage(featured, image); const seo = { title: title || defaultTitle, description: description || defaultDescription, - image: `${siteUrl}${featuredImage}`, + image: `${siteUrl}${image}`, url: `${siteUrl}${pathname || ``}`, twitterHandle }; - return ( <> {seo.title} @@ -28,9 +18,9 @@ const Seo = ({ title, description, pathname, children, featured }) => { - + - + diff --git a/src/hooks/use-site-metadata.js b/src/hooks/use-site-metadata.js index 7ecd4d8..a8e91b3 100644 --- a/src/hooks/use-site-metadata.js +++ b/src/hooks/use-site-metadata.js @@ -8,7 +8,7 @@ export const useSiteMetadata = () => { title description twitterHandle - image + image siteUrl } } diff --git a/src/images/logos/spalogocmykpaths-290x300.png b/src/images/logos/spalogocmykpaths-290x300.png new file mode 100644 index 0000000..b4a7981 Binary files /dev/null and b/src/images/logos/spalogocmykpaths-290x300.png differ diff --git a/src/pages/404.js b/src/pages/404.js index bd7de99..ced5bf1 100644 --- a/src/pages/404.js +++ b/src/pages/404.js @@ -1,7 +1,7 @@ import * as React from "react" import Layout from "../components/layout" -import Seo from "../components/seo" +import Seo from "../components/structure/seo" const NotFoundPage = () => ( diff --git a/src/pages/index.js b/src/pages/index.js index 7b7cacb..2e28e1a 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -1,6 +1,6 @@ import * as React from "react" import Layout from "../components/layout" -import Seo from "../components/seo" +import Seo from "../components/structure/seo" import CtaInvolved from "../components/structure/cta-involved"; import WhyUs from "../components/structure/why-us"; import OurTeam from "../components/structure/our-team"; @@ -23,6 +23,6 @@ const IndexPage = () => ( * * See: https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/ */ -export const Head = () => +export const Head = () => export default IndexPage \ No newline at end of file diff --git a/static/logo_social.jpg b/static/logo_social.jpg new file mode 100644 index 0000000..7f0673d Binary files /dev/null and b/static/logo_social.jpg differ