Fix layout of planet pages.

[people/shoehn/ipfire.org.git] / templates / planet / index.html

{% extends "base.html" %}

{% block title %}{{ _("IPFire Planet") }}{% end block %}

{% block body %}
	<p class="lead ac">
		The <strong>IPFire Planet</strong> is a place for the people
		who are involved in the project to tell the community about
		new progress in the development or make some minor announcements.
	</p>
	<br>

	<div class="row">
		<div class="col-lg-6 col-md-6 col-lg-offset-3 ac">
			<form class="form-inline" action="/search" method="GET">
				<div class="form-group">
					<label class="sr-only" for="searchBox">{{ _("Search") }}</label>
					<input type="text" class="form-control planet-search-autocomplete" name="q" id="searchBox"
						placeholder="{{ _("Search") }}" autocomplete="off">
					<button type="submit" class="btn btn-default">
						<i class="glyphicon glyphicon-search"></i>
					</button>

					<div class="btn-group">
						<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
							{{ _("All posts from") }}
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">
							{% for y in years %}
								<li><a href="/year/{{ y }}">{{ y }}</a></li>
							{% end %}
						</ul>
					</div>
				</div>
			</form>
		</div>
	</div>

	<hr class="separator">

	{% for entry in entries %}
		{% module PlanetEntry(entry) %}
	{% end %}

	<ul class="pager">
		<li class="previous">
			<a href="?offset={{ offset }}">&larr; {{ _("Older posts") }}</a>
		</li>
		{% if offset - limit %}
			<li class="next">
				<a href="?offset={{ offset - (2 * limit) }}">{{ _("Newer posts") }} &rarr;</a>
			</li>
		{% end %}
	</ul>
{% end block %}