<!DOCTYPE html5> <html> <head> {% import "header.html" as header %} <title>Albums</title> <meta charset="UTF-8"> <link rel="stylesheet" href="/static/common.css"> <script src="/static/common.js"></script> <style> #content_body { flex-direction: column; } </style> </head> <body> {{header.make_header(session=session)}} <div id="content_body"> <h2>Albums</h2> <ul> {% for album in albums %} <li><a href="/album/{{album.id}}">{{album.display_name}}</a></li> {% endfor %} <li><button class="green_button" onclick="create_album_and_follow();">Create album</button></li> </ul> </div> </body> <script type="text/javascript"> </script> </html>