location: Update layout to Bulma

[ipfire.org.git] / src / templates / location / download.html

{% extends "../base.html" %}

{% block title %}{{ _("Download") }}{% end block %}

{% block container %}
	<section class="hero is-primary">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="/">
								{{ _("Home") }}
							</a>
						</li>
						<li>
							<a href="#">
								{{ _("Projects") }}
							</a>
						</li>
						<li>
							<a href="/projects/location">
								{{ _("Location") }}
							</a>
						</li>
						<li class="is-active">
							<a href="#" aria-current="page">{{ _("Download") }}</a>
						</li>
					</ul>
				</nav>

				<h1 class="title is-1">{{ _("Download IPFire Location") }}</h1>
				<h6 class="subtitle is-6">
					Learn how to download and install <code>libloc</code>
				</h6>
			</div>
		</div>
	</section>

	<section class="hero">
		<div class="hero-body">
			<div class="container">
				<div class="columns is-vcentered">
					<div class="column">
						<h2 class="title is-2">{{ _("Source") }}</h2>

						<div class="block">
							<p>
								Build <code>libloc</code>, the software that powers IPFire Location
								from source.
							</p>
						</div>

						<div class="buttons">
							<a class="button is-light" href="https://source.ipfire.org/releases/libloc/">
								{{ _("Download Source") }}
							</a>

							<a class="button is-light" href="https://git.ipfire.org/?p=location/libloc.git;a=summary">
								{{ _("Browse Source") }}
							</a>
						</div>
					</div>

					<div class="column is-narrow">
						<i class="fas fa-download fa-10x"></i>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="hero">
		<div class="hero-body">
			<div class="container">
				<div class="block">
					<p>
						We provide pre-compiled packages for various distributions to get you
						started with <code>libloc</code> quicker
					</p>
				</div>

				<div class="columns is-vcentered">
					<div class="column">
						<h2 class="title is-2">{{ _("IPFire") }}</h2>

						<p>
							IPFire Location comes pre-installed with every IPFire system
							and powers firewall rules based on source/destination country
							as well as geographic reports.
						</p>
					</div>

					<div class="column is-narrow">
						<figure class="image is-256by256">
							<img src="{{ static_url("img/ipfire-tux.png") }}"
								alt="{{ _("IPFire") }}">
						</figure>
					</div>
				</div>

				<div class="columns is-vcentered">
					<div class="column">
						<h2 class="title is-2">{{ _("Debian") }}</h2>

						<p>
							The supported architectures are amd64, arm64, i386 and armhf.
						</p>
					</div>

					<div class="column is-narrow">
						<figure class="image is-256by256">
							<img src="{{ static_url("img/debian-logo.svg") }}"
								alt="{{ _("Debian") }}">
						</figure>
					</div>
				</div>

				{% for release in ("buster", "bullseye", "sid") %}
					<h4 class="title is-4">{{ _("Debian %s") % release }}</h4>

					<div class="block">
						<p>
							Create a new file <code>/etc/apt/sources.list.d/location.list</code>
						</p>
					</div>

					<div class="block">
						<pre><code>deb&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;https://packages.ipfire.org/location {{ release }}/
deb-src&nbsp;https://packages.ipfire.org/location {{ release }}/</code></pre>
					</div>
				{% end %}

				<div class="block">
					<p>
						All packages are cryptographically signed.
						To install the key, run this command:
					</p>
				</div>

				<div class="block">
					<pre><code>curl https://packages.ipfire.org/79842AA7CDBA7AE3-pub.asc | apt-key add -</code></pre>
				</div>

				<div class="block">
					<p>
						Finally download the package lists and install <code>libloc</code>
					</p>
				</div>

				<div class="block">
					<pre class="pre-light mb-4"><code>apt-get update
apt-get install location</code></pre>
				</div>
			</div>
		</div>
	</section>
{% end block %}