Skip to content

docs(README): fix broken Azure deploy link and improve instructions ...Docs/readme badge fix #1589

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

docs(README): fix broken Azure deploy link and improve instructions ...Docs/readme badge fix #1589

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a1a9344
docs(README): fix broken Azure deploy link and improve instructions
nihalsingh373 Oct 30, 2025
60078fa
Merge pull request #1 from nihalsingh373/nihalsingh373-patch-1
nihalsingh373 Oct 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 7 additions & 27 deletions 3-terrarium/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.
- There’s 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.