]> git.ipfire.org Git - ipfire.org.git/blobdiff - src/templates/location/index.html
backend: show checksum on thank-you page
[ipfire.org.git] / src / templates / location / index.html
index e154c8f405fe03f07153079fa035611d6e534412..4eb4a9c3208f4e14169d7baf7c7948bb2746044b 100644 (file)
@@ -7,98 +7,71 @@
 {% block title %}{{ _("Welcome to IPFire Location") }}{% end block %}
 
 {% block container %}
-       <section class="hero is-primary">
+       <section class="hero is-medium is-primary">
                <div class="hero-body">
                        <div class="container">
-                               <nav class="breadcrumb" aria-label="breadcrumbs">
-                                       <ul>
-                                               <li>
-                                                       <a href="/">
-                                                               {{ _("Home") }}
-                                                       </a>
-                                               </li>
-                                               <li class="is-active">
-                                                       <a href="#" aria-current="page">{{ _("Location") }}</a>
-                                               </li>
-                                       </ul>
-                               </nav>
-
                                <h1 class="title">{{ _("IPFire Location") }}</h1>
-                               <h6 class="subtitle">
-                                       {{ _("A powerful, free IP address location database") }}
+
+                               <h6 class="subtitle mb-6">
+                                       {{ _("Discover the Internet, One Location at a Time") }}
                                </h6>
-                       </div>
-               </div>
-       </section>
 
-       {% if address.country_code %}
-               <section class="has-background-light">
-                       <div class="container">
-                               <p class="has-text-centered px-2 py-1">
-                                       {{ _("We have detected you visiting us from %s.") % format_country_name(address.country_code) }}
-                                       <a href="/location/lookup/{{ address }}">{{ _("Learn More") }}</a>
-                               </p>
-                       </div>
-               </section>
-       {% end %}
-
-       <section class="section">
-               <div class="container">
-                       <div class="block">
-                               <p class="is-size-4">
-                                       IPFire<span class="has-text-primary">_</span> Location is being used in
-                                       firewalls or other threat detection software, load-balancers, online shops,
-                                       websites, analytics &amp; reporting tools and more to detect the
-                                       originating country by IP address.
-                                       We are proud that our software is faster than others
-                                       by maintaining a smaller memory footprint which puts it
-                                       first in performance.
-                               </p>
-                       </div>
+                               <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="block">
-                               <p>
-                                       Our daily updated database does not only have information
-                                       about the originating country of all IPv6 and IPv4 addresses.
-                                       It identifies the Autonomous System (AS) these IP
-                                       addresses belong to, as well and more...
-                                       <code>libloc</code> is the C/C++ library that fires our
-                                       location services and runs on *nix, Mac OS X and more.
-                                       Integration into existing software is very easy and
-                                       bindings for languages like Python and Perl are available.
-                               </p>
-                       </div>
+                                                       <div class="column">
+                                                               <p class="title is-5">{{ _("Threat Detection") }}</p>
 
-                       <div class="buttons">
-                               <a class="button is-light" href="/location/how-to-use">
-                                       {{ _("How To Use") }}
-                               </a>
+                                                               <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>
 
-                               <a class="button is-primary" href="/donate">
-                                       {{ _("Donate") }}
-                               </a>
-                       </div>
-               </section>
-       </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>
 
-       <section class="hero is-light">
-               <div class="hero-body">
-                       <div class="container">
-                               <div class="columns is-multiline">
                                        <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>
+                                                               <span class="fas fa-lock fa-5x"></span>
                                                        </div>
 
                                                        <div class="column">
-                                                               <p class="title is-5">{{ _("Threat Detection") }}</p>
+                                                               <p class="title is-5">{{ _("Access Control") }}</p>
 
-                                                               <p>
-                                                                       {{ _("Location information is crucial to identify where an attacker is coming from.") }}
-                                                                       <br>
-                                                                       {{ _("Analyze your traffic for malicious autonomous systems and block the straight away with IPFire.") }}
-                                                               </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-balance-scale fa-5x"></span>
+                                                               <span class="fas fa-ethernet fa-5x"></span>
                                                        </div>
 
                                                        <div class="column">
-                                                               <p class="title is-5">{{ _("Load-Balancing") }}</p>
+                                                               <p class="title is-5">{{ _("Network Optimization") }}</p>
 
-                                                               <p>
-                                                                       {{ _("Redirect your users to the nearest data center to given them a better user experience with faster websites and faster downloads.") }}
-                                                               </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-route fa-5x"></span>
+                                                               <span class="fas fa-gavel fa-5x"></span>
                                                        </div>
 
                                                        <div class="column">
-                                                               <p class="title is-5">{{ _("Online Visitors") }}</p>
+                                                               <p class="title is-5">{{ _("Compliance") }}</p>
 
-                                                               <p>
-                                                                       {{ _("Comply with legal requirements and show visitors the correct information depending on the country they are visiting from.") }}
-                                                               </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>
 
                                                        <div class="column">
-                                                               <p class="title is-5">{{ _("Open Source") }}</p>
+                                                               <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>
-                                                                       {{ _("libloc is free software and relies on support from the community.") }}
-                                                                       {{ _("You can support us by helping to improve our database or with your donation.") }}
+                                                                       {{ _("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">
-                               <p class="title">{{ _("Who Is Using IPFire Location?") }}</p>
+                               <h5 class="title is-5">{{ _("Who Is Using IPFire Location?") }}</h5>
 
                                <div class="level">
                                        <div class="level-item">
-                                               <a href="/" rel="noopener">
-                                                       <figure class="image is-128x128">
-                                                               <img src="{{ static_url("img/ipfire-tux.png") }}" alt="{{ _("IPFire") }}">
-                                                       </figure>
-                                               </a>
+                                               <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">
+                                                       <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>