echoip/index.html

75 lines
2.5 KiB
HTML
Raw Normal View History

2012-11-19 19:50:32 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
2014-01-26 21:58:16 +01:00
<title>What is my IP address? &mdash; ifconfig.co</title>
2012-11-19 19:50:32 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2014-01-26 21:58:16 +01:00
<meta name="description" content="What is my IP address?">
2012-11-27 10:59:01 +01:00
<link href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
2014-01-26 21:58:16 +01:00
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.3.0/pure-min.css">
2012-11-21 14:04:43 +01:00
<style>
2012-11-25 13:30:39 +01:00
body {
font-family: "Oswald", sans-serif;
2014-01-26 21:58:16 +01:00
font-size: 12px;
2012-11-21 14:04:43 +01:00
}
2012-11-25 13:30:39 +01:00
.response {
font-family: "Monaco", "Menlo", "Consolas", "Courier New", monospace;
2014-01-26 21:58:16 +01:00
}
.content {
margin-left: auto;
margin-right: auto;
max-width: 1024px;
2012-11-21 14:04:43 +01:00
}
#wrapper {
2014-01-26 21:58:16 +01:00
margin-bottom: 10px;
2012-11-21 14:04:43 +01:00
text-align: center;
}
2014-01-26 21:58:16 +01:00
.ip {
border: 1px solid #cbcbcb;
background: #f2f2f2;
font-size: 36px;
}
2012-11-21 14:04:43 +01:00
</style>
2012-11-19 19:50:32 +01:00
</head>
<body>
2014-01-26 21:58:16 +01:00
<div class="content">
<div id="wrapper">
<h1>What is my IP address?</h1>
<h2>Your IP:</h2>
<p><code class="ip">{{ .IP }}</code></p>
<select id="select-command">
<option value="curl">curl</option>
<option value="wget -qO -">wget</option>
<option value="fetch -qo -">fetch</option>
</select>
2012-11-25 13:30:39 +01:00
</div>
2014-01-26 21:58:16 +01:00
<table class="pure-table pure-table-bordered pure-table-striped">
<thead>
<tr>
<th style="width: 160px">Command</th>
<th>Response</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><span class="command">curl</span> ifconfig.co</code></td>
<td class="response">{{ .IP }}</td>
</tr>
{{ if $self := . }}
{{ range $key, $value := .Header }}
<tr>
<td><code><span class="command">curl</span> ifconfig.co/{{ ToLower $key }}</code></td>
<td class="response">{{ index $self.Header $key 0 }}</td>
</tr>
{{end}}
{{end}}
<td><code><span class="command">curl</span> ifconfig.co/all.json</code></td>
<td><pre class="response">{{ .JSON }}</pre></td>
</tbody>
</table>
2012-11-21 14:04:43 +01:00
</div>
2012-11-25 14:15:35 +01:00
<a href="https://github.com/martinp/ifconfig"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
2014-01-26 21:57:59 +01:00
<script src="/assets/js/app.js"></script>
2012-11-19 19:50:32 +01:00
</body>
</html>