|
1 | 1 | # My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱
|
2 | 2 |
|
3 |
| -A small drag and drop code-meditation. With a little HTML, JS and CSS, you can build a web interface, style it, and add an interaction. |
| 3 | +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. |
4 | 4 |
|
5 | 5 | 
|
6 | 6 |
|
7 | 7 | # Lessons
|
8 | 8 |
|
9 |
| -1. [Intro to HTML](./1-intro-to-html/README.md) |
10 |
| -2. [Intro to CSS](./2-intro-to-css/README.md) |
11 |
| -3. [Intro to DOM and JS Closures](./3-intro-to-DOM-and-closures/README.md) |
| 9 | +1. [Introduction to HTML](./1-intro-to-html/README.md) |
| 10 | +2. [Introduction to CSS](./2-intro-to-css/README.md) |
| 11 | +3. [Introduction to DOM and JS Closures](./3-intro-to-DOM-and-closures/README.md) |
12 | 12 |
|
13 | 13 | ## Credits
|
14 | 14 |
|
15 | 15 | Written with ♥️ by [Jen Looper](https://www.twitter.com/jenlooper)
|
16 | 16 |
|
17 | 17 | The terrarium created via CSS was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
|
18 | 18 |
|
19 |
| -The artwork was hand drawn by [Jen Looper](http://jenlooper.com) using Procreate. |
| 19 | +The artwork is hand drawn by [Jen Looper](http://jenlooper.com) with the help of Procreate. |
20 | 20 |
|
21 | 21 | ## Deploy your Terrarium
|
22 | 22 |
|
23 |
| -You can deploy, or publish your terrarium to the web using Azure Static Web Apps. |
| 23 | +You can deploy, or publish your terrarium on the web using Azure Static Web Apps. |
24 | 24 |
|
25 | 25 | 1. Fork this repo
|
26 | 26 |
|
27 | 27 | 2. Press this button
|
28 | 28 |
|
29 | 29 | [](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
|
30 | 30 |
|
31 |
| -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 repo that will help Azure Static Web Apps' build service build and publish your app to a new URL. |
| 31 | +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. |
32 | 32 |
|
33 | 33 |
|
34 | 34 |
|
0 commit comments