Trying to bump up code example font sizes

digitalBush · May 8, 2012 · 249840e · 249840e
1 parent 5a33aaa
commit 249840e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 18 deletions.
diff --git a/css/presentation.css b/css/presentation.css
@@ -67,9 +67,9 @@ header{
 pre.prettyprint{
 	position:relative;
 	width:900px;
-	padding:36px;
-	font-size:24px;
-	line-height:40px;
+	padding:36px 16px 8px 16px;
+	font-size:22px;
+	line-height:32px;
 	margin:0;
 }
 
@@ -79,10 +79,8 @@ pre.prettyprint{
 
 .demo pre{
 	float:left;
-	width:550px;
+	width:600px;
 	margin-bottom:10px;
-	font-size:18px;
-	line-height:24px;
 }
 
 .demo .desc{

diff --git a/index.html b/index.html
@@ -338,18 +338,18 @@ <h1>Knockout.js</h1>
     <div id="no-suck" class="step demo" data-x="5000" data-y="5000" data-z="2000" data-rotate-x="90" data-scale=1>
         <header>Don't let them hate</header>
         <pre class="prettyprint code">
-var viewModel={
+var vm={
     Balance:ko.observable(20.00)
 };
 
-viewModel.IsLowBalance=ko.computed(function(){
+vm.IsLowBalance=ko.computed(function(){
     return this.Balance() >= 0 && 
            this.Balance() < 20;
-},viewModel);
+},vm);
 
-viewModel.IsOverdrawn=ko.computed(function(){
+vm.IsOverdrawn=ko.computed(function(){
     return this.Balance() < 0;
-},viewModel);
+},vm);
         </pre>
         <pre class="prettyprint markup">
 &lt;label>Current Balance:&lt;/label>
@@ -417,23 +417,23 @@ <h1>Knockout.js</h1>
         <pre class="prettyprint">
 ko.bindingHandlers.mask = {
     init: function(elm, valueAccessor, allBindingsAccessor) {
-        var value = ko.utils.unwrapObservable(valueAccessor());
+        var val = ko.utils.unwrapObservable(valueAccessor());
         var allBindings = allBindingsAccessor();
         var mask = allBindings.maskValue; 
-        $(elm).val(value).mask(mask)
+        $(elm).val(val).mask(mask)
         .change(function(val){
             valueAccessor()($(this).mask());
         });
     },
     update: function(elm, valueAccessor, allBindingsAccessor) {
-        var value = ko.utils.unwrapObservable(valueAccessor());
-        $(elm).val(value).trigger("remask");
+        var val = ko.utils.unwrapObservable(valueAccessor());
+        $(elm).val(val).trigger("remask");
     }
 };</pre>
     </div>
 
     <div id="data-bind-custom-example" class="step demo" data-x="-2000" data-y="10000" data-scale=5>
-        <header>Custom Binding</header>
+        <header>Custom Binding Usage</header>
         <pre class="prettyprint code">
 var viewModel={
     Phone:ko.observable("6158675309"),
@@ -442,8 +442,6 @@ <h1>Knockout.js</h1>
     }
 };
 
-ko.applyBindings(viewModel,document.getElementById("data-bind-custom-example"));
-
 viewModel.Phone.subscribe(function(val){
     alert(val);
 });