fix span

static/index.html

@@ -8,8 +8,18 @@
     h1 { margin: 0 0 30px 0; background: url(logo.png) no-repeat center; height: 165px; }
     h1 span, p.tagline { display: none; }
   </style>
-
-
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+<script type="text/javascript" src="/client.js"></script>
+<script>
+  $(document).ready(function() {
+    if ($.client.os == 'Mac') {
+      $('.' + $.client.os).css('display', 'block');
+      $('.default').css('display', 'none');
+    };
+  });
+  // $('#os').html("<b>" + $.client.os + "</b>");
+  // $('#browser').html("<b>" + $.client.browser + "</b>");
+ </script>
 <div class=box>
 
 
@@ -57,13 +67,18 @@
 <span class=ig># Merge unpublished branch into current branch, then remove it.</span>
 
 <span class=ig>$ </span>git branches
-<span class=ig># Nice &amp; pretty list of branches + publication status.</span>
-
-</pre>
+<span class=ig># Nice &amp; pretty list of branches + publication status.</span></pre>
 
 <h2>Installing Legit</h2>
 <p>To install the <code>legit</code> command:</p>
-<pre><span class=ig>$ </span>brew install legit</pre>
+
+<div class="install default">
+  <pre><span class=ig>$ </span>pip install legit</pre>
+</div>
+
+<div class="install Mac">
+  <pre><span class=ig>$ </span>brew install legit</pre>
+</div>
 
 <p>To enable the <code>git</code> aliases:</p>
 <pre><span class=ig>$ </span>legit install</pre>

static/style.css

@@ -222,3 +222,11 @@ input.openid            { background: url(openid.png) no-repeat 4px center;
 .vg { color: #000000 } /* Name.Variable.Global */
 .vi { color: #000000 } /* Name.Variable.Instance */
 .il { color: #990000 } /* Literal.Number.Integer.Long */
+
+.install {
+  display: none;
+}
+
+.install.default {
+  display: block;
+}