|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<link rel="stylesheet" href="${url_for('static', filename='css/style.css')}" />
|
|
|
|
|
<title>Padliography II</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<form action="add">
|
|
|
|
|
<h2>Add a new pad</h2>
|
|
|
|
|
<label for="link">link</label>
|
|
|
|
|
<input type="text" name="link" />
|
|
|
|
|
<label for="title">title</label>
|
|
|
|
|
<input type="text" name="title" />
|
|
|
|
|
<label for="overview">overview</label>
|
|
|
|
|
<input type="text" name="overview" />
|
|
|
|
|
<label for="categories">categories</label>
|
|
|
|
|
<input type="text" name="categories" />
|
|
|
|
|
<label for="date">date</label>
|
|
|
|
|
<input type="date" name="date" />
|
|
|
|
|
<input type="submit" value="Add" />
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
% if categories:
|
|
|
|
|
|
|
|
|
|
<div class="filters">
|
|
|
|
|
<h3>Filters</h3>
|
|
|
|
|
<ul class="filters-container">
|
|
|
|
|
<button id="active-all" class="tag active">Show All</button>
|
|
|
|
|
% for category in categories:
|
|
|
|
|
<li
|
|
|
|
|
class="tag active all"
|
|
|
|
|
data-tag="${category}"
|
|
|
|
|
aria-expanded="true"
|
|
|
|
|
role="button"
|
|
|
|
|
tabindex="0"
|
|
|
|
|
>
|
|
|
|
|
${category}
|
|
|
|
|
</li>
|
|
|
|
|
% endfor
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
% endif %if pads:
|
|
|
|
|
|
|
|
|
|
<table>
|
|
|
|
|
<tr class="header">
|
|
|
|
|
<th>Date</th>
|
|
|
|
|
<th>Title</th>
|
|
|
|
|
<th>Categories</th>
|
|
|
|
|
<th>Overview</th>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
% for pad in pads:
|
|
|
|
|
<tr class="${ pad['category']}">
|
|
|
|
|
<td class="date">${pad['date']}</td>
|
|
|
|
|
<td class="title">
|
|
|
|
|
<a href="${pad['link']}" target="_blank"> ${pad['title']} </a>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="categories">${pad['category']}</td>
|
|
|
|
|
<td class="overview">${pad['overview']}</td>
|
|
|
|
|
</tr>
|
|
|
|
|
% endfor
|
|
|
|
|
</table>
|
|
|
|
|
% endif
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
