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