Project 4: Movie Watchlist: Adding a footer to the movie watchlist project (+11, -0)

main.css (+6, -0)

From: curriculum/section14/lectures/03_adding_a_footer/start/movie_library/static/css/main.css

To: curriculum/section14/lectures/03_adding_a_footer/end/movie_library/static/css/main.css

            
            index be82915..4f3974b 100644
--- a/curriculum/section14/lectures/03_adding_a_footer/start/movie_library/static/css/main.css
+++ b/curriculum/section14/lectures/03_adding_a_footer/end/movie_library/static/css/main.css
@@ -140,6 +140,12 @@ body {
   height: 1em;
 }
 
+.footer {
+  padding: 1rem 0;
+  color: var(--text-muted);
+  text-align: center;
+}
+
 /* Button styles that we'll share across our site */
 .button {
   /* In order to easily position our buttons, we're making them block level elements */
        

footer.html (+5, -0)

From: curriculum/section14/lectures/03_adding_a_footer/end/movie_library/templates/macros/footer.html

To: curriculum/section14/lectures/03_adding_a_footer/end/movie_library/templates/macros/footer.html

            
            new file mode 100644
index 0000000..94943dd
--- /dev/null
+++ b/curriculum/section14/lectures/03_adding_a_footer/end/movie_library/templates/macros/footer.html
@@ -0,0 +1,5 @@
+{% macro footer() %}
+<footer class="footer">
+    <small>Copyright &copy;2022. Movies Watchlist. All rights reserved.</small>
+</footer>
+{% endmacro %}