Thank you to everyone for contributing and helping to make this Hacktoberfest 2021 project possible!

This project is now closed and will no longer be accepting new pull requests. Please stay-tuned, I will be creating more beginner-friendly projects to help build your open-source contribution skills.

Ruby's Cupcakes

Website design for a fictional bakery: Ruby's Cupcakes.

This is a great place to practice CSS, HTML, and contributing to open source and #Hacktoberfest! Please read through the documentation carefully before contributing.

Design

The design system is created to be both flexible... and strict.

You must:

• Follow the color palette
• Only use the provided font families

You should feel free to:

• Add in fun animations or special effects
• Suggest UI improvements through issues

Prototypes - Here's the Design!

Interactive XD Prototype: https://xd.adobe.com/view/a8dd4f8b-bb8f-4d89-b7a9-9db06f175b0e-fd8e/

In the right-hand-panel you will find a 'code' tab. This will let you inspect different parts of the design to see things like their size, color, font, etc. Sort of like dev tools for design.

Color Scheme

• Background gradient: linear-gradient(#FBEFFF, #F9E2F4)
• Light Pink: #FBEFFF
• Bright Pink: #DA4167
• Blue: #004E89
• General font: #002E52
• Placholder font: #A3B4C1

Fonts

• Bitter: https://fonts.google.com/specimen/Bitter
• Roboto: https://fonts.google.com/specimen/Roboto

Assets

In the Interactive XD Prototype (see above), when you open the 'code' tab in the right-hand-panel you will find an option to download assets.

• All images are from https://unsplash.com/
• Icons are from Font Awesome: https://fontawesome.com/

Contributing Guidelines

Please follow these rules:

• Open or claim an Issue before contributing. It helps keep track of the work and prevents many people working on the same thing.
• Add comments where necessary
• KISS - Keep It Simple, Supporter! Fancy code is fun, but simple code is easy to read and easy to maintain. Always favour simplicity.
• DRY - Don't Repeat Yourself! Why do in many lines of code... what you could do with a few well placed CSS classes.

How to contribute:

• Open or claim an Issue
• Fork the repository
• Clone to your local (git clone https://github.com/yourUserName/Rubys-Cupcakes.git)
• Create a new branch (git checkout -b branchName)
• Make code changes
• Get ready for commit (git add .)
• Commit your changes with a concise, descriptive message (git commit -m "Very concise message")
• Push your changes (git push)
• Create a Pull Request, make sure you reference the Issue # and describe your work