docs(README): fix broken Azure deploy link and improve instructions

- Updated Azure deploy button link
- Added clearer setup steps and better accessibility text
pull/1589/head^2
Nihal Singh 1 month ago committed by GitHub
parent 7ddf291967
commit a1a9344604
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -1,34 +1,14 @@
# My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱
A small drag and drop code-meditation. With a little HTML, JS and CSS, you will be able to build a web interface, style it, and even add multiple interactions of your choice.
![my terrarium](images/screenshot_gray.png)
# Lessons
1. [Introduction to HTML](./1-intro-to-html/README.md)
2. [Introduction to CSS](./2-intro-to-css/README.md)
3. [Introduction to DOM and JS Closures](./3-intro-to-DOM-and-closures/README.md)
## Credits
Written with ♥️ by [Jen Looper](https://www.twitter.com/jenlooper)
The terrarium created via CSS was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
The artwork is hand drawn by [Jen Looper](http://jenlooper.com) with the help of Procreate.
## Deploy your Terrarium
You can deploy, or publish your terrarium on the web using Azure Static Web Apps.
You can deploy, or publish your Terrarium on the web using **Azure Static Web Apps**.
1. Fork this repo
2. Press this button
[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
3. Walk through the wizard creating your app. Make sure you set the app root to either be `/solution` or the root of your codebase. There's no API in this app, so don't worry about adding that. A github folder will be created in your forked repository that will help Azure Static Web Apps' build services, build and publish your app to a new URL.
2. Press this button 👇
[![Deploy to Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/#create/Microsoft.StaticApp)
3. Follow the setup wizard to create your app.
- Set the **App root** to either `/solution` or the root of your codebase.
- Theres no API in this app, so you can skip the API configuration.
- A `.github` folder will be created automatically to help Azure Static Web Apps build and publish your app.

Loading…
Cancel
Save