New templates!

This commit is contained in:
Slatian
2023-02-23 21:24:35 +01:00
parent bb872bef3c
commit 67b2103f5a
8 changed files with 173 additions and 97 deletions

View File

@ -1,68 +1,29 @@
{% extends "ip.html" %}
{% import "helpers.html" as helper %}
<!DOCTYPE html>
<html>
<head>
<title>Your IP: {{ data.query.ip }}</title>
</head>
<body>
{% set r = data.result %}
<header>
<nav>
<a href="/" class="site-name">{{extra.site_name|default(val="echoip")}}</a>
</nav>
</header>
<h1>Your IP-Address is: {{ data.query.ip }}</h1>
<section>
<h2>Network Information</h2>
<dl>
{% if r.hostname %}
<dh>Hostname</dh>
<dd><a href="/dig?name={{r.hostname}}">{{r.hostname}}</a></dd>
{% endif %}
{% if r.asn %}
<dh><abbr="Autonomous System Number">ASN</abbr></dh>
<dd>AS{{r.asn.asn}}</dd>
<dh>AS Name</dh>
<dd>{{ r.asn.name }}</dd>
</dl>
{% endif %}
</section>
{% if r.location %}
<section>
<h2>Geolocation</h2>
<dl>
{{ helper::place_dl(place=r.location.continent, label="Continent") }}
{{ helper::place_dl(place=r.location.country, label="Country") }}
{{ helper::place_dl(place=r.location.registered_country, label="Registred in") }}
{{ helper::place_dl(place=r.location.represented_country, label="Represents") }}
{% if r.location.subdivisions %}
{% for sd in r.location.subdivisions %}
{{ helper::place_dl(place=sd, label="Subdivision", iso_code_prefix=r.location.country.iso_code|default(value="")) }}
{% endfor %}
{% endif %}
{{ helper::place_dl(place=r.location.city, label="City") }}
{% if r.location.postal_code %}
<dh>Postal Code</dh>
<dd>{{r.location.postal_code}}</dd>
{% endif %}
{% if r.location.time_zone %}
<dh>Timezone</dh>
<dd>{{r.location.time_zone}}</dd>
{% endif %}
</dl>
<!--We have to put that there to comply with maxminds licensing-->
<p><small>
The GeopIP and ASN information is provided by the GeoLite2 database created by
<a target="_blank" href="https://www.maxmind.com">MaxMind</a>.
</small></p>
</section>
{% endif %}
{% if data.user_agent %}
<section>
<h2>User Agent</h2>
<p>Independent of your IP-Address your browser sends a <a href="https://en.wikipedia.org/wiki/User_agent">User Agent</a> header with each http request.</p>
<p>Your browser sent: <code>{{data.user_agent}}</code></p>
</section>
{% endif %}
</body>
</html>
{% block title %}Your IP: {{ data.result.address }}{% endblock %}
{% block og_title %}What is my IP-Address?{% endblock %}
{% block h1 %}Your IPv{% if data.result.ip_info.is_v6_address %}6{% else %}4{% endif %}: <code>{{ data.result.address }}</code>{% endblock %}
{% block description %}
Look up Your and others public IP-Adresses. - {{ data.result.address }}
{% endblock %}
{% block og_path %}/{% endblock %}
{% block other_ip_button %}
<!-- TODO -->
{% endblock %}
{% block extra_content %}
<section>
<h2>Your User Agent</h2>
<p>The program you were using to download this page <a href="https://en.wikipedia.org/wiki/User_agent">identified itself</a> as <code>{{ data.user_agent }}</code></p>
<p>While this doesn't have to do anything with your public IP-Adress this might be useful information.</p>
<p>You can use the <code><a href="{{ extra.base_url}}/ua">/ua</a></code> endpoint to fetch this information with any client</p>
</section>
<section>
<h2>Did you know?</h2>
<p>If you share this site and the Link gets a preview. The IP-Address after the dash is the one of the machine that generated that preview</p>
</section>
{% endblock %}