ba33efd772
There are several reasons for this, but one important one is that people expect to be able to share search links.
42 lines
1.9 KiB
HTML
42 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
<title>Converse Index</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="navbar navbar-light bg-light justify-content-between mb-3">
|
|
<a class="navbar-brand" href="/">
|
|
<h2>Converse</h2>
|
|
</a>
|
|
<form class="form-inline" method="get" action="/search">
|
|
<input class="form-control mr-sm-2" type="search" placeholder="Search" name="query" aria-label="Search">
|
|
<button class="btn btn-outline-success my-2 my-sm-0 mr-1" type="submit">Search</button>
|
|
<a class="btn btn-outline-secondary my-2" href="/thread/new">New thread</a>
|
|
</form>
|
|
</nav>
|
|
</header>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="list-group">
|
|
{% for thread in threads -%}
|
|
<a href="/thread/{{ thread.id }}" class="list-group-item list-group-item-action flex-column align-items-start {% if thread.sticky %} bg-secondary text-white {% endif %}">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h5 class="mb-1">{% if thread.sticky %}<span class="badge badge-light">Sticky</span> {% endif %}{{ thread.title }}</h5>
|
|
<small class="{%if thread.sticky %}text-white{% else %}text-muted{% endif %}">{{ thread.posted }}</small>
|
|
</div>
|
|
<p class="mb-1">Created by {{ thread.author_name }}</p>
|
|
</a>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|