Gatsby Theme Scarlet

Gatsby theme scarlet is a personal portfolio which features 3 slides, several beautiful shades of purple, and our star Scarlet.

See the live demo

🛠 Installing Gatsby Theme Scarlet

To use this theme in your Gatsby sites, follow these instructions:

1. Install the theme via npm or yarn

   npm

   npm install --save gatsby-theme-scarlet

   Yarn

   yarn add gatsby-theme-scarlet
   

2. Add the theme to your gatsby-config.js:

   module.exports = {
     plugins: ["gatsby-theme-scarlet"]
   };

3. Start your site

   gatsby develop

🎨 Customizations

Checkout theme folder, you will be able to extend any files you wish. There will be a config/site.js file in the demo which can be edited.

Out of the box you will have all gatsby scarlet assets. You will have to replace them in your own project. These images will live inside src/images.

There is a homepage.json data file that contains the homepage data.

👨‍🍳 Using this repo

This repo contains the a theme folder and demo using the theme. After cloning down this repo, run yarn and yarn start to start up the server.

🚚 Future Roadmap

There's a bunch of things I did not get a chance to do, but i will add them eventually, when I have spare time.

Future Roadmap Features:

• Add Blog Listing section and Single template
• Improve projects section so we can either have a modal or get taken to a single project page layout.
• Improve about section, with more details.
• Add more animations ideas to make the layout more epic
• Allow for more customizations without having to shadow files.
• Add options to move towards headless CMS.
• Add a real single page template layout

💪 How to contribute

Feel free to open a PR! Currently its still early days for scarlet! so i'm sure there will be plenty of things to improve 😅