10k-viewer/templates/index.html

49 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>10-K Viewer</title>
<style>
body { font-family: Georgia, serif; font-size: 18px; max-width: 600px; margin: 0 auto; padding: 20px; }
h1 { font-size: 1.4em; }
form { margin: 10px 0 20px; }
input[type="text"] {
font-family: Georgia, serif;
font-size: 16px;
padding: 8px;
width: 80%;
border: 1px solid #000;
}
input[type="submit"] {
font-family: Georgia, serif;
font-size: 16px;
padding: 8px 16px;
background: #000;
color: #fff;
border: none;
cursor: pointer;
}
ul { list-style: none; padding: 0; }
li { padding: 8px 0; border-bottom: 1px solid #ccc; }
a { color: #000; }
small { color: #555; }
.count { color: #555; font-size: 0.85em; }
</style>
</head>
<body>
<h1>10-K Annual Reports</h1>
<form method="get" action="/">
<input type="text" name="q" value="{{ query }}" placeholder="Search ticker or company name...">
<input type="submit" value="Search">
</form>
{% if query %}
<p class="count">{{ total }} result{{ 's' if total != 1 else '' }} for "{{ query }}"</p>
{% endif %}
<ul>
{% for t, c in companies.items() %}
<li><a href="/{{ t }}">{{ t }}</a> &mdash; {{ c.name }}</li>
{% endfor %}
</ul>
</body>
</html>