ifconfig.io/templates/index.html

111 lines
4.9 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css" />
<style>li.list-group-item{overflow:auto;padding-top:6px;padding-bottom:6px;}header.page-header{margin-top:20px;}a.h1{color:inherit;text-decoration:none;}@media(max-width: 750px){div.col-sm-3{font-weight:700;}}</style>
<title>ifconfig.io</title>
</head>
<body>
<header class="page-header container">
<a href="/" class="h1">
What is my ip address? - <small>ifconfig.io</small>
</a>
</header>
<nav class="container"></nav>
<main class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h4>Your Connection</h4>
</div>
<ul class="list-group">
<li class="list-group-item">
<div class="col-sm-3">IP Address</div><div class="col-sm-9">{{ .ip }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Remote Host</div><div class="col-sm-9">{{ .host }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Country Code</div><div class="col-sm-9">{{ .country_code }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">User Agent</div><div class="col-sm-9">{{ .ua }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Port</div><div class="col-sm-9">{{ .port }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Language</div><div class="col-sm-9">{{ .lang }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Referer</div><div class="col-sm-9">{{ .referer }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Method</div><div class="col-sm-9">{{ .method }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">Encoding</div><div class="col-sm-9">{{ .encoding }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">MIME Type</div><div class="col-sm-9">{{ .mime }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-3">X-Forwarded-For</div><div class="col-sm-9">{{ .forwarded }}</div>
</li>
</ul>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4>Simple cURL API! </h4>
</div>
<ul class="list-group">
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io</div><div class="col-sm-8">{{ .ip }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/ip</div><div class="col-sm-8">{{ .ip }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/host</div><div class="col-sm-8">{{ .host }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/country_code</div><div class="col-sm-8">{{ .country_code }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/ua</div><div class="col-sm-8">{{ .ua }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/port</div><div class="col-sm-8">{{ .port }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/lang</div><div class="col-sm-8">{{ .lang }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/encoding</div><div class="col-sm-8">{{ .encoding }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/mime</div><div class="col-sm-8">{{ .mime }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/forwarded</div><div class="col-sm-8">{{ .forwarded }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/all</div><div class="col-sm-8">{{ .hash_as_yaml }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/all.xml</div><div class="col-sm-8">{{ .hash_as_xml }}</div>
</li>
<li class="list-group-item">
<div class="col-sm-4">$ curl ifconfig.io/all.json</div><div class="col-sm-8">{{ .hash_as_json }}</div>
</li>
</ul>
</div>
</main>
<footer class="container text-center">
<p>&copy; 2014 ifconfig.io</p>
</footer>
<!-- Hello World -->
</body>
</html>