<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Stock</title> <style> body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(to right, #2b2b2b, #3d1844); color: #fff; } .table_item:nth-child(2n){ background: #a7a7a7; } .table_item:nth-child(2n+1){ background: #fff; } .table_item:hover{ background: #8d8d8d; } .container{ display: grid; grid-template-rows: 24px auto; background: #f0f0f0; color: black; box-shadow: 0px 0px 5px 0px white; text-decoration: none; grid-template-columns: repeat({{ 5 }}, 1fr); } .container a:link, a:visited{ text-decoration: none; color: black; } .data_header{ border-bottom: 1px solid #a7a7a7; } </style> </head> <body> <div style="margin: auto; max-width: 750px;"> <h1>{{title}} Stock List</h1> <section class="description"> {{collected.description}} </section> <section class="container"> {% for day in days|reverse %} <div class="data_header">{{ day }}</div> {% endfor %} {% for day in days|reverse %} {% set corplist = collected.corpListByDate[day] %} <div>{% for item in corplist %} <div class="table_item"><a href="https://stockplus.com/m/stocks/KOREA-A{{ item.Code }}">{{ item.Name }}({{item.Code}})</a></div>{% endfor %} </div> {% endfor %} </section> </div> </body> </html>