wberube
/
echoip
mirror of https://github.com/mpolden/echoip
1
0
Fork 0
Code Issues Releases Wiki Activity

Replace Bootstrap with Pure

This commit is contained in:
Martin Polden 2014-01-26 21:58:16 +01:00
parent 9455df2635
commit e7356dba8f
1 changed files with 49 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
index.html
View File

@ -2,45 +2,51 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>What is my IP address &mdash; ifconfig.co</title> <title>What is my IP address? &mdash; 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>
<p>Your IP address is:</p> <h2>Your IP:</h2>
<h2>{{ .IP }}</h2> <p><code class="ip">{{ .IP }}</code></p>
<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> <table class="pure-table pure-table-bordered pure-table-striped">
<div class="row">
<div class="span12">
<table class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
<th class="span4">Command</th> <th style="width: 160px">Command</th>
<th>Response</th> <th>Response</th>
</tr> </tr>
</thead> </thead>
@ -62,8 +68,6 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</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>
</body> </body>