Skip to content
Gatsby theme scarlet is a personal portfolio which features 3 slides, several beautiful shades of purple, and our star Scarlet.
JavaScript
Branch: master
Clone or download
Pull request Compare This branch is 68 commits ahead, 1 commit behind jlengstorf:master.
Latest commit fe1ec26 Aug 11, 2019

README.md

Gatsby Theme Scarlet

Netlify Status npm version PRs Welcome GitHub issues GitHub pull requests Twitter Follow

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

See the live demo

ScarletPreview

🛠 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 😅

You can’t perform that action at this time.