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