Nessa aula vamos integrar código Python utilizando um Dicionário em uma página HTML utilizando o Jinja template
Pensando vamos criar o arquivo app.py

from flask import Flask, render_template

app = Flask(__name__)

# localhost:5000/
@app.route('/')
def principal():
    conteudos = [
        'Manipulação de Dados',
        'Herança e Templates',
        'Integração de APIs',
        'Banco de Dados',
        'Deploy da App'
    ]
    return render_template(
        "index.html",
        conteudos=conteudos
    )

@app.route('/diario')
def diario():
    diario = {
        "Fulano":5.0,
        "Beltrano":6.0,
        "Teste":7.0,
        "Sicrano":8.5,
        "Rodrigo": 9.0,
        "Fernanda":10.0
    }
    return render_template(
        "sobre.html",
        diario=diario  
    )

Vamos criar também o arquivo sobre.html:

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>Notas da Turma</title>
</head>
<body>
    <h2 style="text-align: center;">Notas dos Alunos</h2>
    <hr/>
        {% for aluno, nota in diario.items() %}
        <details>
            <summary>{{aluno}}</summary>
            <p>{{nota}}</p>
        </details>
        {% endfor %}
</body>
</html>