Minimal changes in kitchensink.app

examples/kitchen-sink/app/app.js

@@ -3,7 +3,7 @@ var App = (function(lng, undefined) {
     var _getEnvironmentFromQuoJS = (function() {
         var environment = lng.Core.environment();
         if (environment.isMobile) {
-            alert('Your phone is ' + environment.os.name + ' (' + environment.os.version + ')');
+            alert('Your Device is ' + environment.os.name + ' (' + environment.os.version + ')');
         }
     })();
 

examples/kitchen-sink/index.html

@@ -18,7 +18,7 @@
     <link rel="apple-touch-startup-image" href="http://lungo.tapquo.com/resources/default.png">
 
     <!-- Main Stylesheet -->
-    <!--
+
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.base.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.nav.css">
@@ -36,13 +36,13 @@
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.loading.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.notification.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.default.css">
-    -->
 
+        <!--
     <link rel="stylesheet" href="../../release/lungo.css">
     <link rel="stylesheet" href="../../release/lungo.icon.css">
     <link rel="stylesheet" href="../../release/lungo.icon.brand.css">
     <link rel="stylesheet" href="../../release/lungo.theme.default.css">
-
+    -->
     <!-- App Stylesheet -->
     <link rel="stylesheet" href="stylesheets/app.css">
 </head>
@@ -54,7 +54,7 @@
                 <a href="#features" data-target="aside" data-icon="menu"></a>
             </nav>
             <nav class="right button">
-                <a href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flungo.tapquo.com%2F&text=@lungojs a framework for developers who want to design, build and share cross device apps" data-icon="share" data-label="Share" target="_blank" ></a>
+                <a href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Flungo.tapquo.com%2F&text=@lungojs a framework for developers who want to design, build and share cross device apps" data-icon="share" target="_blank" ></a>
             </nav>
             <div class="left">
                 <span class="title">Lungo Framework</span>
@@ -90,10 +90,9 @@
 
     <!-- Lungo dependencies -->
     <script src="../../src/lib/quo.debug.js"></script>
-
-    <script src="../../release/lungo.js"></script>
-
     <!--
+    <script src="../../release/lungo.js"></script>
+    -->
     <script src="../../src/Lungo.js"></script>
     <script src="../../src/Lungo.init.js"></script>
     <script src="../../src/Lungo.Core.js"></script>
@@ -124,7 +123,6 @@
     <script src="../../src/boot/Lungo.Boot.Data.js"></script>
     <script src="../../src/boot/Lungo.Boot.Section.js"></script>
     <script src="../../src/boot/Lungo.Boot.Article.js"></script>
-    -->
 
     <!-- LungoJS - Sandbox App -->
     <script>
@@ -138,6 +136,10 @@
                 asides: ['features.html', 'left.html', 'right.html']
             }
         });
+
+        Lungo.ready(function() {
+            Lungo.View.Aside.show('#features');
+        });
     </script>
     <script src="app/app.js"></script>
         <script src="app/events.notification.js"></script>

examples/kitchen-sink/stylesheets/app.css

@@ -32,5 +32,16 @@
     text-indent: 10px;
 }
 
-#scroll .anchor img { width: 100%; }
-#scroll .horizontal img { height: 100%; }
+#scroll img {
+    min-width: 256px;
+    min-height: 128px;
+    background: #333;
+}
+#scroll .anchor img {
+    width: 100%;
+    margin-bottom: 4px;
+}
+#scroll .horizontal img {
+    height: 100%;
+    margin-right: 4px;
+}