Usando boostrap

Boostrap es un 'responsive framework' para facilitar el css de nuestras páginas, que además se adaptan al tamaño de pantalla que se use en el navegador (móvil, tablet, y distintos anchos de escritorio).

En Quick start, tenenemos una plantilla básica. También podemos usar los snippets de atom-bootstrap4 para ir más rápido.



Pantalla de login y menú

En esta tarea haremos dos pantallas, una como esta: sign in, que de paso a otra con un menú arriba, como esta: starter template, que tenga opciones de menú para los enlaces de la tarea anterior, y en el que aparezca el nombre usado en el login, y una última opción de logout. De momento no comprobamos ni el username ni el password.

Flask usa las plantillas de Jinja2. Para tener en esta segunda pantalla una salida uniforme en todas opciones de los menús, usamos la herencia de plantillas, tal como plantea An Introduction to Python’s Flask Framework