Objective

Have free form in the beginning and then have autoplay

Architecture

Each Slide should contain the following parts:

• Background

• Transcript

• SlideNumber

• Footnote

• Main Components

  • Presentation: Wrapper for all logic
  • Background: Controls view that corresponds to stepper and slide
  • Stepper: Controls state of which slide we are currently on
  • Sprite: Sprite entity for movements and visual cues
  • Slide: Slide entity with text, images, and text
  • SlideNumber: Slide number is overlayed atop of the presentation for reference
  • Sandbox: Allow user to familiarize with sprite controls
  • Transcript: Display presentation notes if there are any

• Miscellaneous

  • Reference-Card: for annotated bibliography

Gatsby Starter Tailwind

A Gatsby starter styled using Tailwind CSS, a utility-first CSS framework.
Uses Tailwind CSS' built-in purge option to remove unused CSS.
Illustrations by unDraw.

View demo here.

What is Tailwind CSS?

"Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces." –Tailwind CSS

What is Gatsby?

"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -Gatsby

Get started

Install the Gatsby CLI:

npm install --global gatsby-cli

Create a new Gatsby project using this starter:

gatsby new my-new-website https://github.com/taylorbryant/gatsby-starter-tailwind

Build a stylesheet from your Tailwind CSS config and run the project in development mode:

cd my-new-website
npm run develop

Format and lint

• npm run analyze - See what ESLint and Prettier can fix
• npm run fix - Run Prettier and ESLint with the --fix option

Build your site

Use npm run build to build your site for production.

Deployment

Netlify

Vercel

Resources

• Gatsby documentation
• Tailwind documentation
• Prettier documentation
• ESLint documentation

License

MIT

How you can help

Enjoying Gatsby Starter Tailwind and want to help? You can:

• Create an issue with some constructive criticism
• Submit a pull request with some improvements to the project

Contributors

Thanks goes to these wonderful people (emoji key):

impulse 💻

Georgios Andreadis 💻

Chris 💻

Dhaifallah Alwadani 💻

Nigel Ball 🤔 💻

Monte Hayward 💻

Luke Bennett 💻

This project follows the all-contributors specification. Contributions of any kind welcome!