70 lines
1.2 KiB
Plaintext
70 lines
1.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta charset="utf-8" />
|
|
<title>seensite</title>
|
|
<style>
|
|
table {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
col.timestamp {
|
|
width: 1px;
|
|
}
|
|
td {
|
|
white-space: nowrap;
|
|
padding: 0.5em;
|
|
}
|
|
td.title {
|
|
padding-right: 2em;
|
|
}
|
|
td.title,
|
|
td.url {
|
|
white-space: unset;
|
|
}
|
|
td.title div,
|
|
td.url div {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
line-clamp: 1;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Welcome</h1>
|
|
<p>Displaying {{ pages | length }} of {{ total }} pages.</p>
|
|
<table>
|
|
<colgroup>
|
|
<col class="timestamp"/>
|
|
<col class="title"/>
|
|
<col class="url" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Date</th>
|
|
<th scope="col">Title</th>
|
|
<th scope="col">URL</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for page in pages -%}
|
|
<tr>
|
|
<td class="timestamp"><a
|
|
href="/page/{{ page.id }}"
|
|
>{{ page.datetime | date(format="%x %X") }}</a
|
|
></td>
|
|
<td class="title"><div>{{ page.title }}</div></td>
|
|
<td class="url"><div><a
|
|
href="{{ page.url }}">{{ page.url }}</a
|
|
></div></td>
|
|
</tr>
|
|
{%- endfor %}
|
|
</tbody>
|
|
</body>
|
|
|
|
</html>
|