<h2>What do we know about this IP address?</h2>

<tableclass="info-table">

<thscope="row">IPaddress</th>

<thscope="row">IP&nbsp;address</th>

<td>{{ .IP }}</td>

<thscope="row">IPaddress (decimal)</th>

<thscope="row">IP&nbsp;address (decimal)</th>

<td>{{ .IPDecimal }}</td>

{{ if .Country }}

{{ end }} {{ if .RegionCode }}

<thscope="row">Regioncode</th>

<thscope="row">Region&nbsp;code</th>

<td>{{ .RegionCode }}</td>

{{ end }} {{ if .MetroCode }}

{{ end }} {{ if .PostalCode }}

<thscope="row">Postalcode</th>

<thscope="row">Postal&nbsp;code</th>

<td>{{ .PostalCode }}</td>

{{ end }} {{ if .City }}

{{ end }} {{ if .UserAgent }} {{ if .UserAgent.Comment }}

<thscope="row">Useragent</th>

<thscope="row">User&nbsp;agent</th>

<td>{{ .UserAgent.Product }}/{{ .UserAgent.Version }}</td>

{{ end }} {{ if .UserAgent.Comment }}

<thscope="row">Useragent: Comment</th>

<thscope="row">User&nbsp;agent: Comment</th>

<td>{{ .UserAgent.Comment }}</td>

{{ end }} {{ if .UserAgent.RawValue }}

<thscope="row">Useragent: Raw</th>

<thscope="row">User&nbsp;agent: Raw</th>

<td>{{ .UserAgent.RawValue }}</td>

{{ end }} {{ end }}

.info-tableth {

padding:5px;

border:2px solid#ababab;

word-wrap: break-word;

}

.info-tableth[scope="row"] {

background-color:#d5d5d5;

text-align: left;

white-space: nowrap;

}

.widgetbox {

a {

background-color:#161719;

color:#d8d9da;

}

.ip {

border:1px solid#313233;

background-color:#2e2e2e;

color:rgb(220,220,220);

text-align: left;

white-space: nowrap;

}

button {

.pure-button {

background-color:#2e2e2e;

color:rgb(220,220,220);

}

button.selected {

.pure-button.selected {

background-color:rgb(125125125);

}