Project 3: Portfolio: Adding an about page to our Flask app (+32, -1)
styles.css (+10, -0)
From:
curriculum/section12/lectures/04_adding_about_page_to_flask_app/start/portfolio/static/css/styles.css
To:
curriculum/section12/lectures/04_adding_about_page_to_flask_app/end/portfolio/static/css/styles.css
index be3d6a7..6415dda 100644
--- a/curriculum/section12/lectures/04_adding_about_page_to_flask_app/start/portfolio/static/css/styles.css
+++ b/curriculum/section12/lectures/04_adding_about_page_to_flask_app/end/portfolio/static/css/styles.css
@@ -34,3 +34,13 @@ body {
.nav__link:hover {
font-weight: bold;
}
+
+.main {
+ margin: 0 auto;
+}
+
+.main--about {
+ max-width: 500px;
+ padding: 0 1rem;
+ line-height: 150%;
+}
about.html (+20, -0)
From:
curriculum/section12/lectures/04_adding_about_page_to_flask_app/start/portfolio/templates/about.html
To:
curriculum/section12/lectures/04_adding_about_page_to_flask_app/end/portfolio/templates/about.html
index e69de29..21019a1 100644
--- a/curriculum/section12/lectures/04_adding_about_page_to_flask_app/start/portfolio/templates/about.html
+++ b/curriculum/section12/lectures/04_adding_about_page_to_flask_app/end/portfolio/templates/about.html
@@ -0,0 +1,20 @@
+{% extends 'base.html' %}
+{% block content %}
+ <main class="main main--about">
+ <p>
+ Hi, I'm Bob! I love helping students learn to code and master software development.
+ I've been teaching online for over 6 years, and I founded Teclado to bring software development to
+ everyone—my objective is for you to truly understand everything that goes on behind the scenes.
+ </p>
+ <p>
+ Coding is extremely rewarding. As you learn, things start to click and make sense.
+ You can join the dots of all the things that weren't quite clear before.
+ I'm here to make that journey quick and painless!
+ </p>
+ <p>
+ I can help you with Python and JavaScript issues, particularly in web and backend development.
+ I'm experienced with programming libraries and frameworks like Flask, React, React Native, and AngularJS.
+ I've worked extensively with UNIX systems, MongoDB, PostgreSQL, and advanced system architecture design.
+ </p>
+ </main>
+{% endblock %}
requirements.txt (+2, -1)
From:
curriculum/section12/lectures/04_adding_about_page_to_flask_app/start/requirements.txt
To:
curriculum/section12/lectures/04_adding_about_page_to_flask_app/end/requirements.txt
index 8ab6294..5a4a2b9 100644
--- a/curriculum/section12/lectures/04_adding_about_page_to_flask_app/start/requirements.txt
+++ b/curriculum/section12/lectures/04_adding_about_page_to_flask_app/end/requirements.txt
@@ -1 +1,2 @@
-flask
+flask
+python-dotenv