diff --git a/docs/src/content/docs/guides/checkout-answer.md b/docs/src/content/docs/guides/checkout-answer.md index 31341c7..d703ba7 100644 --- a/docs/src/content/docs/guides/checkout-answer.md +++ b/docs/src/content/docs/guides/checkout-answer.md @@ -40,3 +40,5 @@ If you don't remember the command, click on the Code button on the right side of ![PR code modal](../../../assets/PR-code-btn-modal.png) 🔥 You can now navigate through the solution locally and serve it to test it. 🔥 + + diff --git a/docs/src/content/docs/guides/create-challenge.md b/docs/src/content/docs/guides/create-challenge.md new file mode 100644 index 0000000..c400972 --- /dev/null +++ b/docs/src/content/docs/guides/create-challenge.md @@ -0,0 +1,6 @@ +--- +title: Create a challenge +description: Guide to create your own challenge +sidebar: + order: 5 +--- diff --git a/docs/src/content/docs/guides/getting-started.md b/docs/src/content/docs/guides/getting-started.md index 4feb338..01c0285 100644 --- a/docs/src/content/docs/guides/getting-started.md +++ b/docs/src/content/docs/guides/getting-started.md @@ -5,34 +5,37 @@ sidebar: order: 1 --- -To get started with **Angular Challenges**, follow the step: +To get started with Angular Challenges, follow these steps: -## Create a Github account +## Create a Github Account -If you want to submit an answer, you will need your own Github account. Moreover it's always good to have one and it's free. +If you wish to submit an answer, you will need to have your own GitHub account. Additionally, having a GitHub account is always beneficial, and it's free. ## Folk the github project -Go to [Angular Challenges Repository](https://github.com/tomalaforge/angular-challenges) and click on the **Fork** button in the header. This will create a copy of this repository inside your own Github page. +Navigate to the [Angular Challenges Repository](https://github.com/tomalaforge/angular-challenges) and click on the Fork button in the header. This will create a copy of this repository on your own GitHub page. -## Clone the repository on your own machine +## Clone the repository to your local machine -Find a directory on your local computer, and clone this repository. Open a terminal, go to the choosen directory and tape this: +Select a directory on your local computer and clone this repository. + +Open a terminal, navigate to the chosen directory, and type the following command: ```bash git clone https://github.com/[YOUR_GITHUB_NAME]/angular-challenges.git ``` :::note -Your can find the url to clone on the button labeled <> Code on your **OWN INSTANCE** of the Angular Challenge repository. +You can find the clone URL by clicking on the <> Code button in your own instance of the Angular Challenges repository. ![Header of github workpspace](../../../assets/header-github.png) ::: -## Open the project inside your favourite IDE +## Open the project in your favourite IDE -Open your project inside any IDE of your choice. +Open the project in any IDE of your choice. ## Install all dependancies @@ -42,13 +45,13 @@ npm install ## Choose a challenge -Your project is now up and running. The only thing left to do is to choose a challenge 🚀 +Your project is now up and running. The only remaining step is to choose a challenge 🚀 -Each challenge is composed by: +Each challenge consists of: -- **NAME**: indicating what the challenge is about -- **NUMBER**: order of creation. The number doesn't have any particular meaning but helps to reference it inside Github Pull Request Section. -- **BADGE**: helps to visualize the degree of difficulty. It's totally subjectif 😅 +- Name: indicating what the challenge is about. +- Number: order of creation. The number doesn't have any particular meaning but helps for reference in Github Pull Request section. +- Badge: helps visualize the degree of difficulty. It's entirely subjective 😅 - 🟢 easy - 🟠 medium - 🔴 difficult diff --git a/docs/src/styles/custom-css.css b/docs/src/styles/custom-css.css index 4444a87..4ff83c1 100644 --- a/docs/src/styles/custom-css.css +++ b/docs/src/styles/custom-css.css @@ -19,6 +19,19 @@ color: white; } +.github-neutral-btn { + border: 1px solid rgba(240, 246, 252, 0.1); + border-radius: 6px; + padding: 2px 8px; + background-color: rgb(33, 38, 45); + color: rgb(201, 209, 217); + fill: rgb(201, 209, 217); + display: inline-flex; + width: fit-content; + gap: 6px; + margin: 0px 2px; +} + a.primary { color: #fff !important; }