location: Add the F-Droid logo as they are using the database

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

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

{% block head %}
	<meta name="description" content="{{ _("A powerful location database to find people on the Internet") }}" />
{% end block %}

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

{% block container %}
	<section class="hero is-medium is-primary">
		<div class="hero-body">
			<div class="container">
				<h1 class="title">{{ _("IPFire Location") }}</h1>

				<h6 class="subtitle mb-6">
					{{ _("Discover the Internet, One Location at a Time") }}
				</h6>

				<div class="columns is-multiline my-6">
					<div class="column is-half">
						<div class="columns is-mobile is-vcentered">
							<div class="column is-3 has-text-centered">
								<span class="fas fa-biohazard fa-5x"></span>
							</div>

							<div class="column">
								<p class="title is-5">{{ _("Threat Detection") }}</p>

								<div class="content">
									<p>
										By accurately identifying the geographical location of IP addresses,
										users can implement targeted security measures to mitigate risks
										associated with specific regions or countries.
									</p>
								</div>
							</div>
						</div>
					</div>

					<div class="column is-half">
						<div class="columns is-mobile is-vcentered">
							<div class="column is-3 has-text-centered">
								<span class="fas fa-location-dot fa-5x"></span>
							</div>

							<div class="column">
								<p class="title is-5">{{ _("Localization") }}</p>

								<div class="content">
									<p>
										Businesses can use geolocation data to tailor content and services based
										on the location of their users, enhancing user experience and engagement.
									</p>
								</div>
							</div>
						</div>
					</div>

					<div class="column is-half">
						<div class="columns is-mobile is-vcentered">
							<div class="column is-3 has-text-centered">
								<span class="fas fa-lock fa-5x"></span>
							</div>

							<div class="column">
								<p class="title is-5">{{ _("Access Control") }}</p>

								<div class="content">
									<p>
										The Location database enables users to enforce access controls based on
										geographic criteria, allowing them to restrict or grant access to
										resources based on location.
									</p>
								</div>
							</div>
						</div>
					</div>

					<div class="column is-half">
						<div class="columns is-mobile is-vcentered">
							<div class="column is-3 has-text-centered">
								<span class="fas fa-ethernet fa-5x"></span>
							</div>

							<div class="column">
								<p class="title is-5">{{ _("Network Optimization") }}</p>

								<div class="content">
									<p>
										Geolocation data can be used to optimize network performance by directing
										traffic through the most efficient routes based on geographic proximity.
									</p>
								</div>
							</div>
						</div>
					</div>

					<div class="column is-half">
						<div class="columns is-mobile is-vcentered">
							<div class="column is-3 has-text-centered">
								<span class="fas fa-gavel fa-5x"></span>
							</div>

							<div class="column">
								<p class="title is-5">{{ _("Compliance") }}</p>

								<div class="content">
									<p>
										Many regulatory requirements necessitate geolocation data for compliance
										purposes.
										The IPFire Location database helps users meet these requirements by providing
										accurate location information.
									</p>
								</div>
							</div>
						</div>
					</div>

					<div class="column is-half">
						<div class="columns is-mobile is-vcentered">
							<div class="column is-3 has-text-centered">
								<span class="fab fa-osi fa-5x"></span>
							</div>

							<div class="column">
								<p class="title is-5">{{ _("Open Source & Free Forever") }}</p>

								<div class="content">
									<p>
										IPFire Location is open source, ensuring transparency, flexibility, and
										community-driven development for users who value open and collaborative solutions.
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="hero">
		<div class="hero-body">
			<div class="container">
				<h5 class="title is-5">{{ _("Why Use IPFire Location?") }}</h5>

				<div class="columns">
					<div class="column is-half">
						<div class="block">
							<p class="title is-5">{{ _("Accuracy") }}</p>

							<div class="content">
								<p>
									{{ _("IPFire Location aims to be the most accurate database on the market.") }}
									{{ _("By gathering data from many sources, we achieve highest accuracy.") }}
								</p>
							</div>
						</div>

						<div class="block">
							<p class="title is-5">{{ _("A Multitude Of Information") }}</p>

							<div class="content">
								<p>
									{{ _("Unlike other Geolocation databases, IPFire Location does not only hold country information. Instead we have:") }}
								</p>

								<ul>
									<li>{{ _("Country Codes") }}</li>
									<li>{{ _("Network Prefixes") }}</li>
									<li>{{ _("AS Number & Names") }}</li>
									<li>
										{{ _("Flags for") }}
										<ul>
											<li>{{ _("Anycast Networks") }}</li>
											<li>{{ _("Satellite Networks") }}</li>
											<li>{{ _("Anonymous Proxies") }}</li>
											<li>{{ _("Hostile Networks") }}</li>
										</ul>
									</li>
									<li>
										{{ _("A full list of bogons") }}
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="column is-half">
						<div class="block">
							<p class="title is-5">{{ _("Performance") }}</p>

							<div class="content">
								<p>
									{{ _("For some applications, performance is key.") }}
									{{ _("IPFire Location is designed to organise all data for the fastest lookups enabling applications that were not possible before.") }}
								</p>
							</div>
						</div>

						<div class="block">
							<p class="title is-5">{{ _("Easy Integration") }}</p>

							<div class="content">
								<p>
									{{ _("IPFire Location uses a proprietary database format that is read and written by our own software.") }}
									{{ _("A lightweight C library is the core of this application and there are bindings available for Python, Perl and Lua, too.") }}
								</p>
							</div>
						</div>

						<div class="block">
							<p class="title is-5">{{ _("Secure And Instant Updates") }}</p>

							<div class="content">
								<p>
									{{ _("The database is small to download and cryptographically signed which is a necessity to be deployed in security applications.") }}
								</p>
							</div>
						</div>
					</div>
				</div>

				<a class="button is-medium is-primary is-fullwidth" href="/location/how-to-use">
					{{ _("Learn How To Use IPFire Location") }}
				</a>
			</div>
		</div>
	</section>

	<section class="hero">
		<div class="hero-body">
			<div class="container">
				<h5 class="title is-5">{{ _("Who Is Using IPFire Location?") }}</h5>

				<div class="level">
					<div class="level-item">
						<h1 class="title is-1">
							{% module IPFireLogo() %}
						</h1>
					</div>

					<div class="level-item">
						<a href="https://www.torproject.org/" rel="noopener">
							<figure class="image is-128x128 is-flex is-align-items-center">
								<img src="{{ static_url("img/tor.svg") }}" alt="{{ _("The Tor Project") }}">
							</figure>
						</a>
					</div>

					<div class="level-item">
						<a href="https://f-droid.org/" rel="noopener">
							<figure class="image is-128x128 is-flex is-align-items-center">
								<img src="{{ static_url("img/fdroid-logo.svg") }}" alt="{{ _("F-Droid") }}">
							</figure>
						</a>
					</div>
				</div>
			</div>
		</div>
	</section>
{% end block %}