location: Explain more basic information

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

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

{% block title %}{{ _("Install IPFire Location") }}{% end block %}

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

				<h1 class="title">{{ _("Install IPFire Location") }}</h1>

				<div class="columns is-centered is-multiline py-5">
					<div class="column is-one-third">
						<a class="button is-large is-fullwidth is-light" href="/">
							{% module IPFireLogo() %}
						</a>
					</div>

					<div class="column is-one-third">
						<a class="button is-large is-fullwidth is-light" href="https://archlinux.org/packages/extra/x86_64/libloc/">
							<span class="icon">
								<i class="fa-brands fa-linux"></i>
							</span>
							<span>Archlinux (AUR)</span>
						</a>
					</div>

					<div class="column is-one-third">
						<a class="button is-large is-fullwidth is-light" href="https://packages.debian.org/source/stable/libloc">
							<span class="icon">
								<i class="fa-brands fa-debian"></i>
							</span>
							<span>Debian</span>
						</a>
					</div>

					<div class="column is-one-third">
						<a class="button is-large is-fullwidth is-light" href="https://packages.fedoraproject.org/pkgs/libloc/">
							<span class="icon">
								<i class="fa-brands fa-fedora"></i>
							</span>
							<span>Fedora</span>
						</a>
					</div>

					<div class="column is-one-third">
						<a class="button is-large is-fullwidth is-light" href="https://packages.ubuntu.com/source/stable/libloc">
							<span class="icon">
								<i class="fa-brands fa-ubuntu"></i>
							</span>
							<span>Ubuntu</span>
						</a>
					</div>
				</div>

				<h4 class="subtitle">
					IPFire Location supports a variety of distributions.
					Select your favorite one, install the packages and be ready
					to use IPFire Location in seconds.
				</h4>
			</div>
		</div>
	</section>

	<section class="hero">
		<div class="hero-body">
			<div class="container">
				<h4 class="title is-4">{{ _("Source") }}</h4>

				<div class="content">
					<p>
						If you want to review the source or if you want to compile
						IPFire Location on your own, you can download the source here.
					</p>
				</div>

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

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