From e7c3e3dfd677d5792a67bc43a2c7d4805d867546 Mon Sep 17 00:00:00 2001
From: Martin Polden <martin.polden@gmail.com>
Date: Sun, 25 Nov 2012 21:13:06 +0100
Subject: [PATCH] Add command switcher

---
 assets/js/cmd.coffee |  3 +++
 assets/js/cmd.min.js |  1 +
 index.html           | 15 +++++++++++----
 3 files changed, 15 insertions(+), 4 deletions(-)
 create mode 100644 assets/js/cmd.coffee
 create mode 100644 assets/js/cmd.min.js

diff --git a/assets/js/cmd.coffee b/assets/js/cmd.coffee
new file mode 100644
index 0000000..0b0174a
--- /dev/null
+++ b/assets/js/cmd.coffee
@@ -0,0 +1,3 @@
+$(document).ready ->
+  $('#select-command').bind 'change', ->
+    $('.command').text $(this).val()
diff --git a/assets/js/cmd.min.js b/assets/js/cmd.min.js
new file mode 100644
index 0000000..6a05133
--- /dev/null
+++ b/assets/js/cmd.min.js
@@ -0,0 +1 @@
+(function(){$(document).ready(function(){return $("#select-command").bind("change",function(){return $(".command").text($(this).val())})})}).call(this);
\ No newline at end of file
diff --git a/index.html b/index.html
index c2179fb..848047c 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <title>What is my IP address &mdash; ifconfig.co</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Lookup my IP address">
-    <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
+    <link href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
     <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
     <link href="/assets/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
     <style>
@@ -29,6 +29,11 @@
           <h1>What is my IP address?</h1>
           <p>Your IP address is:</p>
           <h2>{{ .IP }}</h2>
+          <select id="select-command">
+            <option value="curl">curl</option>
+            <option value="wget -qO -">wget</option>
+            <option value="fetch -qo -">fetch</option>
+          </select>
         </div>
       </div>
       <div class="row">
@@ -42,17 +47,17 @@
             </thead>
             <tbody>
               <tr>
-                <td><code>curl ifconfig.co</code></td>
+                <td><code><span class="command">curl</span> ifconfig.co</code></td>
                 <td class="response">{{ .IP }}</td>
               </tr>
               <tr>
-                <td><code>curl ifconfig.co/port</code></td>
+                <td><code><span class="command">curl</span> ifconfig.co/port</code></td>
                 <td class="response">{{ .Port }}</td>
               </tr>
               {{ if $self := . }}
               {{ range $key, $value := .Header }}
               <tr>
-                <td><code>curl ifconfig.co/{{ ToLower $key }}</code></td>
+                <td><code><span class="command">curl</span> ifconfig.co/{{ ToLower $key }}</code></td>
                 <td class="response">{{ index $self.Header $key }}</td>
               </tr>
               {{end}}
@@ -63,5 +68,7 @@
       </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>
+    <script src="/assets/js/zepto.min.js"></script>
+    <script src="/assets/js/cmd.min.js"></script>
   </body>
 </html>