src/templates/location/index.html

   1 {% extends "../base.html" %}
   2
   3 {% block head %}
   4         <meta name="description" content="{{ _("A powerful location database to find people on the Internet") }}" />
   5 {% end block %}
   6
   7 {% block title %}{{ _("Welcome to IPFire Location") }}{% end block %}
   8
   9 {% block container %}
  10         <section class="hero is-primary">
  11                 <div class="hero-body">
  12                         <div class="container">
  13                                 <nav class="breadcrumb" aria-label="breadcrumbs">
  14                                         <ul>
  15                                                 <li>
  16                                                         <a href="/">
  17                                                                 {{ _("Home") }}
  18                                                         </a>
  19                                                 </li>
  20                                                 <li class="is-active">
  21                                                         <a href="#" aria-current="page">{{ _("Location") }}</a>
  22                                                 </li>
  23                                         </ul>
  24                                 </nav>
  25
  26                                 <h1 class="title">{{ _("IPFire Location") }}</h1>
  27                                 <h6 class="subtitle">
  28                                         {{ _("A powerful, free IP address location database") }}
  29                                 </h6>
  30                         </div>
  31                 </div>
  32         </section>
  33
  34         {% if address.country_code %}
  35                 <section class="has-background-light">
  36                         <div class="container">
  37                                 <p class="has-text-centered px-2 py-1">
  38                                         {{ _("We have detected you visiting us from %s.") % format_country_name(address.country_code) }}
  39                                         <a href="/location/lookup/{{ address }}">{{ _("Learn More") }}</a>
  40                                 </p>
  41                         </div>
  42                 </section>
  43         {% end %}
  44
  45         <section class="section">
  46                 <div class="container">
  47                         <div class="block">
  48                                 <p class="is-size-4">
  49                                         IPFire<span class="has-text-primary">_</span> Location is being used in
  50                                         firewalls or other threat detection software, load-balancers, online shops,
  51                                         websites, analytics &amp; reporting tools and more to detect the
  52                                         originating country by IP address.
  53                                         We are proud that our software is faster than others
  54                                         by maintaining a smaller memory footprint which puts it
  55                                         first in performance.
  56                                 </p>
  57                         </div>
  58
  59                         <div class="block">
  60                                 <p>
  61                                         Our daily updated database does not only have information
  62                                         about the originating country of all IPv6 and IPv4 addresses.
  63                                         It identifies the Autonomous System (AS) these IP
  64                                         addresses belong to, as well and more...
  65                                         <code>libloc</code> is the C/C++ library that fires our
  66                                         location services and runs on *nix, Mac OS X and more.
  67                                         Integration into existing software is very easy and
  68                                         bindings for languages like Python and Perl are available.
  69                                 </p>
  70                         </div>
  71
  72                         <div class="buttons">
  73                                 <a class="button is-light" href="/location/how-to-use">
  74                                         {{ _("How To Use") }}
  75                                 </a>
  76
  77                                 <a class="button is-primary" href="/donate">
  78                                         {{ _("Donate") }}
  79                                 </a>
  80                         </div>
  81                 </section>
  82         </div>
  83
  84         <section class="hero is-light">
  85                 <div class="hero-body">
  86                         <div class="container">
  87                                 <div class="columns is-multiline">
  88                                         <div class="column is-half">
  89                                                 <div class="columns is-mobile is-vcentered">
  90                                                         <div class="column is-3 has-text-centered">
  91                                                                 <span class="fas fa-biohazard fa-5x"></span>
  92                                                         </div>
  93
  94                                                         <div class="column">
  95                                                                 <p class="title is-5">{{ _("Threat Detection") }}</p>
  96
  97                                                                 <p>
  98                                                                         {{ _("Location information is crucial to identify where an attacker is coming from.") }}
  99                                                                         <br>
 100                                                                         {{ _("Analyze your traffic for malicious autonomous systems and block the straight away with IPFire.") }}
 101                                                                 </p>
 102                                                         </div>
 103                                                 </div>
 104                                         </div>
 105
 106                                         <div class="column is-half">
 107                                                 <div class="columns is-mobile is-vcentered">
 108                                                         <div class="column is-3 has-text-centered">
 109                                                                 <span class="fas fa-balance-scale fa-5x"></span>
 110                                                         </div>
 111
 112                                                         <div class="column">
 113                                                                 <p class="title is-5">{{ _("Load-Balancing") }}</p>
 114
 115                                                                 <p>
 116                                                                         {{ _("Redirect your users to the nearest data center to given them a better user experience with faster websites and faster downloads.") }}
 117                                                                 </p>
 118                                                         </div>
 119                                                 </div>
 120                                         </div>
 121
 122                                         <div class="column is-half">
 123                                                 <div class="columns is-mobile is-vcentered">
 124                                                         <div class="column is-3 has-text-centered">
 125                                                                 <span class="fas fa-route fa-5x"></span>
 126                                                         </div>
 127
 128                                                         <div class="column">
 129                                                                 <p class="title is-5">{{ _("Online Visitors") }}</p>
 130
 131                                                                 <p>
 132                                                                         {{ _("Comply with legal requirements and show visitors the correct information depending on the country they are visiting from.") }}
 133                                                                 </p>
 134                                                         </div>
 135                                                 </div>
 136                                         </div>
 137
 138                                         <div class="column is-half">
 139                                                 <div class="columns is-mobile is-vcentered">
 140                                                         <div class="column is-3 has-text-centered">
 141                                                                 <span class="fab fa-osi fa-5x"></span>
 142                                                         </div>
 143
 144                                                         <div class="column">
 145                                                                 <p class="title is-5">{{ _("Open Source") }}</p>
 146
 147                                                                 <p>
 148                                                                         {{ _("libloc is free software and relies on support from the community.") }}
 149                                                                         {{ _("You can support us by helping to improve our database or with your donation.") }}
 150                                                                 </p>
 151                                                         </div>
 152                                                 </div>
 153                                         </div>
 154                                 </div>
 155                         </div>
 156                 </div>
 157         </section>
 158
 159         <section class="hero">
 160                 <div class="hero-body">
 161                         <div class="container">
 162                                 <p class="title">{{ _("Who Is Using IPFire Location?") }}</p>
 163
 164                                 <div class="level">
 165                                         <div class="level-item">
 166                                                 <h1 class="title is-1">
 167                                                         {% module IPFireLogo() %}
 168                                                 </h1>
 169                                         </div>
 170
 171                                         <div class="level-item">
 172                                                 <a href="https://www.torproject.org/" rel="noopener">
 173                                                         <figure class="image is-128x128">
 174                                                                 <img src="{{ static_url("img/tor.svg") }}" alt="{{ _("The Tor Project") }}">
 175                                                         </figure>
 176                                                 </a>
 177                                         </div>
 178                                 </div>
 179                         </div>
 180                 </div>
 181         </section>
 182 {% end block %}