location: Create page for the new DNS feature

[ipfire.org.git] / src / templates / location / how-to-use / index.html

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

{% block title %}{{ _("How To Use?") }}{% 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">{{ _("How To Use?") }}</a>
						</li>
					</ul>
				</nav>

				<h1 class="title">{{ _("How To Use?") }}</h1>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<p>
				The heart of the IPFire Location project is a small, lightweight library
				called <code>libloc</code>.

				It sources the data, builds and reads the database.
			</p>
		</div>
	</section>

	<section class="section">
		<div class="container">
			<div class="buttons are-medium">
				<a class="button is-light is-fullwidth" href="/location/how-to-use/cli">
					<span class="icon">
						<i class="fa-solid fa-terminal"></i>
					</span>
					<span>{{ _("Command Line") }}</span>
				</a>

				<a class="button is-light is-fullwidth" href="/location/how-to-use/c" disabled>
					{{ _("C/C++") }}
				</a>

				<a class="button is-light is-fullwidth" href="/location/how-to-use/python">
					<span class="icon">
						<i class="fa-brands fa-python"></i>
					</span>
					<span>{{ _("Python") }}</span>
				</a>

				<a class="button is-light is-fullwidth" href="/location/how-to-use/lua" disabled>
					{{ _("Lua") }}
				</a>

				<a class="button is-light is-fullwidth" href="/location/how-to-use/dns">
					{{ _("DNS") }}
				</a>
			</div>
		</div>
	</section>
{% end block %}