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 ©2022. Movies Watchlist. All rights reserved.</small>
+</footer>
+{% endmacro %}