Add diff-store links for all lectures in section 14.

jslvtr · jslvtr · commit 0de7a217d7f3 · 2022-03-30T15:42:31.000+01:00
diff --git a/curriculum/section14/lectures/02_adding_a_nav_bar/README.md b/curriculum/section14/lectures/02_adding_a_nav_bar/README.md
@@ -11,11 +11,12 @@ excerpt: Add a styled navigation bar to the project, including an icon.
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
-
 # Adding a nav bar to the movie library
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/422036bb6641424b84c1011675eac445](https://diff-store.com/diff/422036bb6641424b84c1011675eac445)
+:::
+
 Let's take a look at the nav bar that we'll be adding to our app.
 
 NAVBAR IMAGE
diff --git a/curriculum/section14/lectures/03_adding_a_footer/README.md b/curriculum/section14/lectures/03_adding_a_footer/README.md
@@ -11,16 +11,13 @@ excerpt: Learn how to add a footer that is stuck to the bottom of the screen, or
 draft: true
 ---
 
-- [x] Set metadata above
-- [x] Start writing!
-- [x] Create `start` folder
-- [x] Create `end` folder
-- [x] Write TL;DR
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Adding a footer to the movie watchlist project
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/08856f2be5b2491eb502b68c82214654](https://diff-store.com/diff/08856f2be5b2491eb502b68c82214654)
+:::
+
 Let's start by creating `templates/macros/footer.html`. Inside it, we'll place another Jinja macro that renders the footer HTML code:
 
 ```html
diff --git a/curriculum/section14/lectures/04_putting_page_layout_together/README.md b/curriculum/section14/lectures/04_putting_page_layout_together/README.md
@@ -11,16 +11,13 @@ excerpt: Put together the page layout, including the navigation, main content, a
 draft: true
 ---
 
-- [ ] Set metadata above
-- [ ] Start writing!
-- [ ] Create `start` folder
-- [ ] Create `end` folder
-- [ ] Write TL;DR
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Putting the page layout together
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/f3d05e2353764824a91003cbfd8aecd9](https://diff-store.com/diff/f3d05e2353764824a91003cbfd8aecd9)
+:::
+
 Now that we've got our header navigation and our footer, it's time to add them to `layout.html`.
 
 We will also need to add some styling so that the footer is pushed up against the bottom of the page, even if the page content is small.
diff --git a/curriculum/section14/lectures/05_toggle_dark_mode_css_variables/README.md b/curriculum/section14/lectures/05_toggle_dark_mode_css_variables/README.md
@@ -11,15 +11,13 @@ excerpt: Learn how to toggle between light and dark mode in a Flask app using se
 draft: true
 ---
 
-- [x] Set metadata above
-- [x] Start writing!
-- [x] Create `start` folder
-- [x] Create `end` folder
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Toggling dark mode in the movie watchlist project
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/dd9e6043ca734167b4fd06de3d1b05cd](https://diff-store.com/diff/dd9e6043ca734167b4fd06de3d1b05cd)
+:::
+
 To toggle dark mode all we have to do is change the CSS variables under `:root`. At the moment, all the variables are set up to support light mode. If we change them to support dark mode, the site will become dark.
 
 Before we do any "toggling", let's just try to change the variables into dark mode.
diff --git a/curriculum/section14/lectures/06_create_form_with_wtforms/README.md b/curriculum/section14/lectures/06_create_form_with_wtforms/README.md
@@ -12,11 +12,14 @@ draft: true
 ---
 
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
+# Creating a form with WTForms
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/23ce5362567a4858aa1cb217082e2cd9](https://diff-store.com/diff/23ce5362567a4858aa1cb217082e2cd9)
+:::
 
-# Creating a form with WTForms
 ## Dependencies
+
 To use WTForms in a Flask application, the easiest thing to do is install two dependencies: `wtforms` and `flask-wtf`.
 
 WTForms will help us define the forms, and Flask-WTF will add extra functionality such as that to deal with CSRF tokens.
diff --git a/curriculum/section14/lectures/07_render_wtform_with_jinja_macros/README.md b/curriculum/section14/lectures/07_render_wtform_with_jinja_macros/README.md
@@ -11,11 +11,14 @@ excerpt: Learn how to take a WTForms form and display it in your Jinja or HTML t
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
 
 
 # Render a WTForms form with Jinja and HTML
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com//diff/b134a41dc9ac4e4a99128d94cf21a886](https://diff-store.com/diff/b134a41dc9ac4e4a99128d94cf21a886)
+:::
+
 ## Create a new Flask route for adding movies
 
 We want to allow users to create new movies using our form, so the first thing to do is create a Flask route that will display our form, so our users can access it.
diff --git a/curriculum/section14/lectures/08_receive_validate_wtform/README.md b/curriculum/section14/lectures/08_receive_validate_wtform/README.md
@@ -11,9 +11,13 @@ excerpt: Learn to receive data from an HTML form and validate it using WTForms.
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
 
 # Receive and validate data using WTForms
+
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/37b94bc3a3344c27b45a6a4e93da36eb](https://diff-store.com/diff/37b94bc3a3344c27b45a6a4e93da36eb)
+:::
+
 ## Validate form data
 Now that we've got our form and our endpoint, it's time to connect them and receive the form data in Flask!
 
diff --git a/curriculum/section14/lectures/09_display_table_of_all_movies/README.md b/curriculum/section14/lectures/09_display_table_of_all_movies/README.md
@@ -11,10 +11,13 @@ excerpt: Learn how to load all movie data and display a table of all movies.
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Displaying a table of all movies
+
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/b93744ff420c414aadb2023677d752f4](https://diff-store.com/diff/b93744ff420c414aadb2023677d752f4)
+:::
+
 ## Load the data from MongoDB
 Let's start with getting data from MongoDB and into our template! Let's go to our `index` route:
 
diff --git a/curriculum/section14/lectures/10_create_page_movie_details/README.md b/curriculum/section14/lectures/10_create_page_movie_details/README.md
@@ -12,10 +12,13 @@ draft: true
 ---
 
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Create the movie details page
+
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/ee701882aede4ba4a4e644b1df665825](https://diff-store.com/diff/ee701882aede4ba4a4e644b1df665825)
+:::
+
 ## Add an endpoint for the movie details page
 Let's start by adding an endpoint that will:
 
diff --git a/curriculum/section14/lectures/11_setting_movie_rating/README.md b/curriculum/section14/lectures/11_setting_movie_rating/README.md
@@ -12,11 +12,13 @@ draft: true
 ---
 
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Setting movie ratings
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/79d93fd986564b0ebebbf65f0f5b5033](https://diff-store.com/diff/79d93fd986564b0ebebbf65f0f5b5033)
+:::
+
 At the moment we're showing the movie's rating as a number beside the movie name. We want to show 5 stars instead, with a visual indication as to what the rating of the movie is, out of five.
 
 When we click on one of the stars beside the movie name, we want the app to set the movie's rating to that star rating. So if we click on the middle star, we should set the rating to 3 (out of 5).
diff --git a/curriculum/section14/lectures/12_setting_movie_watched_date/README.md b/curriculum/section14/lectures/12_setting_movie_watched_date/README.md
@@ -11,16 +11,13 @@ excerpt: "Learn how to easily set the last watched date for a movie, using today
 draft: true
 ---
 
-- [ ] Set metadata above
-- [ ] Start writing!
-- [ ] Create `start` folder
-- [ ] Create `end` folder
-- [ ] Write TL;DR
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Setting the last watched date
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/44ccd7a46e9848ebae94d350f32aec48](https://diff-store.com/diff/44ccd7a46e9848ebae94d350f32aec48)
+:::
+
 At the moment we're showing "Not watched yet" on every movie. If the have a date in the database for when the movie was last watched, we're using it, formatted with `%d %b %Y`.
 
 In this lecture we will make both of those pieces of data clickable, and we will update the movie's last watched date using today's date as a value.
diff --git a/curriculum/section14/lectures/13_create_custom_wtform_widget_multiline_input/README.md b/curriculum/section14/lectures/13_create_custom_wtform_widget_multiline_input/README.md
@@ -11,11 +11,13 @@ excerpt: Create a custom WTForm Widget to support multiline values in a textarea
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Create a custom WTForm widget
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/95d7b638140145b5a9f1307f621da941](https://diff-store.com/diff/95d7b638140145b5a9f1307f621da941)
+:::
+
 We're now going to begin working on movie editing. To do this, we'll be creating a longer form where users can change all of the form data.
 
 There are many ways to allow users to change list-style data (the genre, cast, and series info). These range from super simple to extremely complicated.
diff --git a/curriculum/section14/lectures/14_edit_movies_pre_populate_wtform/README.md b/curriculum/section14/lectures/14_edit_movies_pre_populate_wtform/README.md
@@ -11,10 +11,13 @@ excerpt: Learn about pre-populating WTForm forms while adding movie editing func
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
 
 # Editing movies and pre-populating a form
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/f1ab983f36ca49088c491b771d9580aa](https://diff-store.com/diff/f1ab983f36ca49088c491b771d9580aa)
+:::
+
 Now that we've create the `ExtendedMovieForm` for movie editing, let's add a Flask endpoint to serve it to our users and handle form submissions, as well as a template to display the form.
 
 ## The Flask endpoint for editing movies
diff --git a/curriculum/section14/lectures/15_user_signup_in_flask_app/README.md b/curriculum/section14/lectures/15_user_signup_in_flask_app/README.md
@@ -11,11 +11,14 @@ excerpt: Learn how to allow user signups to a Flask app by adding them to the mo
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
 
 
 # Adding user signups to the movie watchlist
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/2c2610d4766c41e099e677cde029e696](https://diff-store.com/diff/2c2610d4766c41e099e677cde029e696)
+:::
+
 In Section 13, we learned about user authentication in Flask apps, and now we're going to follow exactly what we did in that section to add user signups to our app. In the next lecture, we'll add user logins.
 
 We will do one thing that we didn't cover in Section 13, which is to create a WTForms form for user signups. That's so validation is a bit easier, and we can add a "Confirm password" field in our form without much hassle.
diff --git a/curriculum/section14/lectures/16_user_login_in_flask_app/README.md b/curriculum/section14/lectures/16_user_login_in_flask_app/README.md
@@ -11,16 +11,13 @@ excerpt: Learn how to allow users to log in by adding it to the movie watchlist
 draft: true
 ---
 
-- [ ] Set metadata above
-- [ ] Start writing!
-- [ ] Create `start` folder
-- [ ] Create `end` folder
-- [ ] Write TL;DR
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Adding user logins to the movie watchlist
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/de666ee57fea4e4ead460380608dfc2f](https://diff-store.com/diff/de666ee57fea4e4ead460380608dfc2f)
+:::
+
 ## Creating the login form
 
 Let's start by creating a WTForms form for user logins. Similar to the registration form, but we don't need the password confirmation field or as much validation. In `forms.py`:
diff --git a/curriculum/section14/lectures/17_showing_only_user_movies/README.md b/curriculum/section14/lectures/17_showing_only_user_movies/README.md
@@ -11,16 +11,13 @@ excerpt: "Learn how to add personalization to our app by showing only the curren
 draft: true
 ---
 
-- [ ] Set metadata above
-- [ ] Start writing!
-- [ ] Create `start` folder
-- [ ] Create `end` folder
-- [ ] Write TL;DR
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Showing only the logged in user's movies
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/532c113cec1d48909a2f1fd0aec5d27e](https://diff-store.com/diff/532c113cec1d48909a2f1fd0aec5d27e)
+:::
+
 ## Adding the `login_required` decorator
 
 In the lecture on Adding a `login_required` decorator, in section 13, I said that the decorator code would come in handy in many future projects. This is one such project, so let's bring the decorator in to `routes.py`:
diff --git a/curriculum/section14/lectures/18_user_logout_in_flask_app/README.md b/curriculum/section14/lectures/18_user_logout_in_flask_app/README.md
@@ -11,11 +11,13 @@ excerpt: Learn how to add a logout endpoint and what to do when users log out.
 draft: true
 ---
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Add user logouts to the portfolio project
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/aa0bfb9ce7bf4db782c9cc225b030215](https://diff-store.com/diff/aa0bfb9ce7bf4db782c9cc225b030215)
+:::
+
 Handling user logouts is very straightforward: clear the session, and the user will be logged out!
 
 The `session` variable has a `.clear()` method you can call which will do this for you!
diff --git a/curriculum/section14/lectures/19_deploying_to_heroku/README.md b/curriculum/section14/lectures/19_deploying_to_heroku/README.md
@@ -12,11 +12,13 @@ draft: true
 ---
 
 
-- [ ] Create per-file diff between `end` and `start` (use "Compare Folders")
-
 
 # Deploy the movie watchlist project to Heroku
 
+::: tip
+List of all code changes made in this lecture: [https://diff-store.com/diff/ea65a956d06b4969a85d73ecafc2218b](https://diff-store.com/diff/ea65a956d06b4969a85d73ecafc2218b)
+:::
+
 ## Files we need to add for Heroku deployment
 
 There are three files we may need to change or add to our project:
