@mnemonicorg/gatsby-theme-archive-site

@mnemonicorg/gatsby-theme-archive-site

An extendable gatsby theme to be used as a foundation in creating Mnemonic archive sites

Getting started

For a new archive site

1. Copy the contents of gatsby-theme-archive-site-example/
2. Run yarn install to install core dependencies.
3. Run yarn develop to start the development server (locahost:8000)
4. Set configuration options (see below)
5. Add custom content and pages

For an existing site

1. Install the theme

yarn install @mnemonic/gatsby-theme-archive-site

1. Add the configuration to your gatsby-config.js file

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: "@mnemonicorg/gatsby-theme-archive-site",
      options: {
        contentPath: `${__dirname}/content/`,
        dataPath: `${__dirname}/data/`,
        // ... additional config options
      },
    },
  ],
}

Usage

Theme options

Key	Type	Default value	Description
actionButtonLink	string	null	A url for the primary action button in the header and footer of the archive site
colors	object	{ primary: "#ff5400", primary_transparent: "#ff54009c",light: "#ffffff", dark: "#000000", bg: "#f5f5f5" }	Theme colors for the site
contentPath*	string	null	Content directory path (required)
customHeaderNavItems	[{ name: string, to: string }]	null	Additional dropdown items for the "About" section in the header nav bar
dataPath*	string	null	Data directory path (required)
mailchimpEndpoint	string	https://mnemonic.us7.list-manage.com/subscribe/post?u=dad7fb9f6b148644ffbf4a5da&id=443f12971c	Mailchimp url for "Subscribe now" button
socialMediaLinks	[{ type: string, link: string }]	null	Links for footer social media icons
translations	{ [locale_key]: { key: value }, ... }	null	Additional translation strings