mirror of https://github.com/mpolden/echoip
Replace Bootstrap with Pure
This commit is contained in:
Martin Polden
parent
9455df2635
commit
e7356dba8f
94
index.html
94
index.html
|
|
@ -2,67 +2,71 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>What is my IP address — ifconfig.co</title>
|
<title>What is my IP address? — ifconfig.co</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Lookup my IP address">
|
<meta name="description" content="What is my IP address?">
|
||||||
<link href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
<link href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
||||||
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.3.0/pure-min.css">
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
font-family: "Oswald", sans-serif;
|
font-family: "Oswald", sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
.response {
|
.response {
|
||||||
font-family: "Monaco", "Menlo", "Consolas", "Courier New", monospace;
|
font-family: "Monaco", "Menlo", "Consolas", "Courier New", monospace;
|
||||||
font-size: 12px;
|
}
|
||||||
|
.content {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 1024px;
|
||||||
}
|
}
|
||||||
#wrapper {
|
#wrapper {
|
||||||
margin: 0 auto;
|
margin-bottom: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
.ip {
|
||||||
|
border: 1px solid #cbcbcb;
|
||||||
|
background: #f2f2f2;
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="content">
|
||||||
<div class="row">
|
<div id="wrapper">
|
||||||
<div id="wrapper">
|
<h1>What is my IP address?</h1>
|
||||||
<h1>What is my IP address?</h1>
|
<h2>Your IP:</h2>
|
||||||
<p>Your IP address is:</p>
|
<p><code class="ip">{{ .IP }}</code></p>
|
||||||
<h2>{{ .IP }}</h2>
|
<select id="select-command">
|
||||||
<select id="select-command">
|
<option value="curl">curl</option>
|
||||||
<option value="curl">curl</option>
|
<option value="wget -qO -">wget</option>
|
||||||
<option value="wget -qO -">wget</option>
|
<option value="fetch -qo -">fetch</option>
|
||||||
<option value="fetch -qo -">fetch</option>
|
</select>
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="span12">
|
|
||||||
<table class="table table-bordered table-striped">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="span4">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>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
<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>
|
<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>
|
||||||
<script src="/assets/js/app.js"></script>
|
<script src="/assets/js/app.js"></script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue