Merge pull request #154 from palewire/aida

text tweaks

tutorial/cards.md

@@ -20,7 +20,7 @@ This is how Bootstrap cards work. Each card is a container which has additional
 
 Like other HTML tags, divisions can have `class` attributes that help identify their function and link them to cosmetic styles. Bootstrap provides us with a standard layout of boxes that, if structured and labeled properly, will instantly snap together to look like cards.
 
-Let's give it a try. We will start by creating a container for each victim. We'll add just the name of the first and last name of each victim first.
+Let's give it a try. We will start by creating a container for each victim. We'll add just the first and last name of each victim.
 
 ```{code-block} jinja
 :emphasize-lines: 3-7

tutorial/embeds.md

@@ -2,7 +2,7 @@
 
 You won't have to code up every element yourself. Visual stories often include assets hosted elsewhere, like videos from YouTube or maps from Mapbox. In those cases, you may be given ready-to-serve components that you only need to embed in the page.
 
-In HTML this is typically done with an HTML [frame](https://en.wikipedia.org/wiki/Frame_(World_Wide_Web)) Using a special tag called an [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) you can nest a separate HTML document within the current page. It essentially creates a window through which another webpage can be viewed. The page being embedded is specified by the `src` attribute of the `iframe` element. For instance, this snippet will create a frame of https://example.com that is 500 pixels wide and 300 pixels high. 
+In HTML this is typically done with an HTML [frame](https://en.wikipedia.org/wiki/Frame_(World_Wide_Web)). Using a special tag called an [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe), you can nest a separate HTML document within the current page. It essentially creates a window through which another webpage can be viewed. The page being embedded is specified by the `src` attribute of the `iframe` element. For instance, this snippet will create a frame of https://example.com that is 500 pixels wide and 300 pixels high. 
 
 ```html
 <iframe src="https://example.com" width="500" height="300"></iframe>

tutorial/github.md

@@ -56,7 +56,7 @@ Visit [GitHub](http://www.github.com) and find the homepage for `baker-example-p
 
 [![new repo button](_static/template-page.png)](https://github.com/datadesk/baker-example-page-template)
 
-This is a special kind of repository known as a template. It’s designed to serve as a starting point for new projects. Click the [green "use this template" button](https://github.com/datadesk/baker-example-page-template/generate) near the middle of the page to get started. Select the "create a new repository" option.
+This is a special kind of repository known as a template. It’s designed to serve as a starting point for new projects. Click the [green "use this template" button](https://github.com/datadesk/baker-example-page-template/generate) in the upper right-hand corner of the page to get started. Select the "create a new repository" option.
 
 [![click it](_static/template-button.png)](https://github.com/datadesk/baker-example-page-template/generate)
 

tutorial/internet.md

@@ -1,6 +1,6 @@
 # Publishing
 
-In in our last chapter, all the work we've done will finally be published online.
+In our last chapter, all the work we've done will finally be published online.
 
 ## The importance of being static
 
@@ -123,7 +123,7 @@ In the “Source” section select the `main` branch and the `/docs` folder. Hit
 
 This will result in any files pushed to the `./docs` directory of your repository being published on the web. For free.
 
-Wait a few minutes and then visit [\<your_username>.github.com/first-visual-story/](https://palewire.github.io/first-visual-story/). You should see your app published live on the World Wide Web.
+Wait a few minutes and then visit [\<your_username>.github.io/first-visual-story/](https://palewire.github.io/first-visual-story/). You should see your app published live on the World Wide Web.
 
 [![The finished app](_static/preview.png)](https://palewire.github.io/first-visual-story/)
 

tutorial/scripts.md

@@ -12,7 +12,7 @@ To draw our map we will rely on [Leaflet](http://leafletjs.com), a JavaScript li
 
 Most of today's frameworks offer a file that is the starting point for the JavaScript code execution. Commonly known as the entrypoint, it is booted up when the page loads. In the case of baker, that file is called `app.js` and it is found in the `scripts` directory. You can put whatever JavaScript code you'd like in the folder, but it's the `app.js` file that will be the first to run.
 
-Let's test it out by opening up `app.js` and insert a single, simple line of JavaScript.
+Let's test it out by opening up `app.js` and inserting a single, simple line of JavaScript.
 
 ```{code-block} javascript
 alert("Hello World");

tutorial/styles.md

@@ -10,7 +10,7 @@ Customizing design is typically done by writing [CSS](https://en.wikipedia.org/w
 We don't have time to fully cover how CSS works in this class. If you want to learn more, there are dozens of free tutorials available elsewhere online, including [an excellent one offered by Mozilla](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction).
 ```
 
-Every decent framework offers some method for managing CSS. In baker's case, CSS files are stored in the `styles` folder. There you can find an `app.scss` file that acts a starting point for whatever styles you'd like to include.
+Every decent framework offers some method for managing CSS. In baker's case, CSS files are stored in the `styles` folder. There you can find an `app.scss` file that acts as a starting point for whatever styles you'd like to include.
 
 There we can get both charts on the same line by using the [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) layout system. To start, lets target the `div` that contains the parent graphics container.
 

tutorial/template.md

@@ -23,7 +23,7 @@ Return to the web browser and reload the page. You should see the change appear
 
 Now, look closely at the `index.html` file. If you have experience with HTML, you will notice that it doesn't include much of what you might expect from a web page.
 
-For instance, you won't see the class `<html>` or `<body>` tags. Nor do you find the stylesheets that typically dicatate how a page looks.
+For instance, you won't see the class `<html>` or `<body>` tags. Nor do you find the stylesheets that typically dictate how a page looks.
 
 That’s because that boilerplate has been moved back into a parent template "extended" by the index file with a line of Nunjucks code at the top of the page.