[Calf] Removes app name from header.

diff --git a/examples/calf/index.html b/examples/calf/index.html
index 0948d69..28f8a97 100644 (file)
--- a/examples/calf/index.html
+++ b/examples/calf/index.html
@@ -21,6 +21,18 @@
 
       <div class="well">
         <button id="night-mode-toggle" class="btn btn-primary" data-toggle="ch-button">Night mode</button>
+
+        <div class="pull-right">
+          <form class="form-inline" id="font-size-test">
+            <div class="control-group">
+              <div class="input-append">
+                <input type="text"
+                       id="button-font-size" placeholder="Button font size"/>
+                <span class="add-on">px</span>
+                <button class="btn" type="button">Apply</button>
+              </div>
+            </div>
+        </div>
       </div>
 
       <h2>Calf Music Player<small>A Cowhide example application.</small></h2>
@@ -31,7 +43,6 @@
     <script type="text/x-handlebars" data-template-name="application">
       <div class="navbar navbar-inverse">
         <div class="navbar-inner">
-          <a class="brand" href="#">Calf</a>
           <ul class="nav">
             <li><a {{action showArtists href=true}}>Artists</a></li>
             <li><a {{action showAlbums href=true}}>Albums</a></li>

diff --git a/examples/calf/javascripts/calf.js b/examples/calf/javascripts/calf.js
index 6dd68d4..81e0a38 100644 (file)
--- a/examples/calf/javascripts/calf.js
+++ b/examples/calf/javascripts/calf.js
@@ -2,4 +2,12 @@ $(function() {
     $('#night-mode-toggle').click(function() {
         $.cowhide.toggleNightMode();
     });
+
+    $('form#font-size-test button').click(function() {
+        var $form = $(this).closest('form');
+        var $input = $form.find('input');
+        var val = $input.val();
+
+        $('.btn').css('font-size', val + 'px');
+    })
 });