/about

Note: Due to pivoting to retool for frontend development, this page will no longer being worked on

Screenshot:

About Page Skeleton

When 'about' is clicked on the client, flask triggers a function called about() in app.py, which would then render the HTML code in templates/about.jinja.

  • app.py

    @app.route("/about")
    def about():
        return render_template("about.jinja")
    
  • templates/about.jinja:

    Notice how this page contains the navigation bar and footer due to being an extension of template.jinja

    <link rel="stylesheet" href="{{ url_for('static', filename='css/about.css') }}">
    
    {% extends "layout.jinja" %}
    {% block about %}
    
    <section class="about-body">
      <h1> Empty About Page</h1>
    </section>
    
    {% endblock %}
    
  • The CSS declarations in static/about.css are applied on this route