roojs-all.js

[roojs1] / examples / bootstrap / designagency.bjs

diff --git a/examples/bootstrap/designagency.bjs b/examples/bootstrap/designagency.bjs
index 111ed3c..1043adf 100644 (file)
--- a/examples/bootstrap/designagency.bjs
+++ b/examples/bootstrap/designagency.bjs
@@ -9,17 +9,25 @@
   "209cb9d0164fe6038115b87e0656cfee" : "OUR WORK",
   "0f9263536b9fc61ada745644735bfd8f" : "Work",
   "cc6d906151ac9361a25911478347b961" : "OUR SERVICES",
+  "5787bfc1aa0a5afd858c80b194b4634b" : "<i class=\"fa fa-twitter fa-2x\"></i>",
+  "fa7d0f3e094ac32ae6947791153a4ff7" : "Eius consequatur nihil quibusdam! Laborum, rerum, quis, inventore ipsa autem repellat provident assumenda labore soluta minima alias temporibus facere distinctio quas adipisci nam sunt explicabo officia tenetur at ea quos doloribus dolorum voluptate reprehenderit architecto sint libero illo et hic.",
   "519d8078a6279f149f310c70cbdc296a" : "<strong>100</strong><p>Projects</p>",
   "d57f08db66c4cafaa9d6d747927bda1d" : "Project Title",
+  "2ffd8b578dd61b3769f2455f6c644886" : "<i class=\"fa fa-facebook fa-2x\"></i>",
+  "3cf1ef47ec04254f4a98d9fde7f70581" : "Text widget",
   "bbaff12800505b22a853e8b7f4eb6a22" : "Contact",
   "992a0f0542384f1ee5ef51b7cf4ae6c4" : "Services",
   "c6bd7c609e99aacdff25214ffd3e8fe7" : "<b>100</b><p>Projects</p>",
-  "e8722250d11c9b245deddb2d44d41912" : "Click for details",
+  "514b62dd88b999ce0e9eb276b1d490de" : "<i class=\"fa fa-github fa-2x\"></i>",
   "ae9f975dc3c437397b6882f4e3136e0e" : "<h1>DESIGN AGENCY </h1>\n                    <h2>You Think, We Deliver </h2>\n                    <p class=\"p-cls\">\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                    </p>",
   "6b4dbea0b39fb5927c10ee09ae0df2dc" : " for more about it",
+  "9b66469f3780f4f8f07f19706e45cc7d" : "+234 23 9873237\n<br>\n<a href=\"mailto:#\">some.email@somewhere.com</a>\n<br>\n<br>\n234 Hidden Pond Road, Ashland City, TN 37015\n\t\t\t\t\t\t\t",
+  "4e01ca94bcef3d1d6e1caff7fa42a099" : "Follow me",
+  "874e3c6e389643a7a710ca0ede8127ca" : "<i class=\"fa fa-dribbble fa-2x\"></i>",
   "d9519092bd06a9916f80cdb0a1fd2859" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                         Curabitur nec nisl odio. Mauris vehicula at nunc id posuere.",
   "7215ee9c7d9dc229d2921a40e899ec5f" : " ",
-  "714341d9339756588d1dc724991c2b9a" : "Click Here"
+  "714341d9339756588d1dc724991c2b9a" : "Click Here",
+  "2a2f84bd9854960f2c63eeb3af60fb70" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, dolores, quibusdam architecto voluptatem amet fugiat nesciunt placeat provident cumque accusamus itaque voluptate modi quidem dolore optio velit hic iusto vero praesentium repellat commodi ad id expedita cupiditate repellendus possimus unde?"
  },
  "items" : [
   {
@@ -28,11 +36,12 @@
    "items" : [
     {
      "Boolean autohide" : true,
+     "String position" : "fixed-top",
      "String cls" : "navbar-default",
      "xtype" : "NavHeaderbar",
-     "Boolean inverse" : true,
      "$ xns" : "Roo.bootstrap",
      "String brand" : "Brand here",
+     "Boolean main" : true,
      "items" : [
       {
        "xtype" : "NavGroup",
@@ -207,30 +216,37 @@
        "$ xns" : "Roo.bootstrap",
        "items" : [
         {
-         "String cls" : "text-center ",
-         "xtype" : "Row",
+         "xtype" : "Container",
          "$ xns" : "Roo.bootstrap",
          "items" : [
           {
-           "Number md" : 4,
-           "xtype" : "Column",
-           "$ xns" : "Roo.bootstrap",
-           "String html" : "<b>100</b><p>Projects</p>",
-           "Number sm" : 4
-          },
-          {
-           "Number md" : 4,
-           "xtype" : "Column",
-           "$ xns" : "Roo.bootstrap",
-           "String html" : "<strong>100</strong><p>Projects</p>",
-           "Number sm" : 4
-          },
-          {
-           "Number md" : 4,
-           "xtype" : "Column",
+           "String cls" : " ",
+           "xtype" : "Row",
            "$ xns" : "Roo.bootstrap",
-           "String html" : "<strong>100</strong><p>Projects</p>",
-           "Number sm" : 4
+           "items" : [
+            {
+             "Number md" : 4,
+             "String cls" : " ",
+             "xtype" : "Column",
+             "$ xns" : "Roo.bootstrap",
+             "String html" : "<b>100</b><p>Projects</p>",
+             "Number sm" : 4
+            },
+            {
+             "Number md" : 4,
+             "xtype" : "Column",
+             "$ xns" : "Roo.bootstrap",
+             "String html" : "<strong>100</strong><p>Projects</p>",
+             "Number sm" : 4
+            },
+            {
+             "Number md" : 4,
+             "xtype" : "Column",
+             "$ xns" : "Roo.bootstrap",
+             "String html" : "<strong>100</strong><p>Projects</p>",
+             "Number sm" : 4
+            }
+           ]
           }
          ]
         }
@@ -282,39 +298,91 @@
          "items" : [
           {
            "Number md" : 4,
-           "String alert" : "info",
            "xtype" : "Column",
            "$ xns" : "Roo.bootstrap",
            "Number sm" : 4,
            "items" : [
             {
-             "String cls" : "img-responsive",
-             "xtype" : "Img",
-             "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
-             "$ xns" : "Roo.bootstrap"
-            },
-            {
-             "xtype" : "Header",
-             "Number level" : 3,
+             "String alert" : "info",
+             "xtype" : "Container",
              "$ xns" : "Roo.bootstrap",
-             "String html" : "Project Title"
-            },
+             "items" : [
+              {
+               "String cls" : "img-responsive",
+               "xtype" : "Img",
+               "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
+               "$ xns" : "Roo.bootstrap"
+              },
+              {
+               "xtype" : "Header",
+               "Number level" : 3,
+               "$ xns" : "Roo.bootstrap",
+               "String html" : "Project Title"
+              },
+              {
+               "xtype" : "Header",
+               "Number level" : 5,
+               "$ xns" : "Roo.bootstrap",
+               "String html" : " ",
+               "items" : [
+                {
+                 "xtype" : "Link",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "Click Here"
+                },
+                {
+                 "String tag" : "span",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : " for more about it"
+                }
+               ]
+              }
+             ]
+            }
+           ]
+          },
+          {
+           "Number md" : 4,
+           "xtype" : "Column",
+           "$ xns" : "Roo.bootstrap",
+           "Number sm" : 4,
+           "items" : [
             {
-             "xtype" : "Header",
-             "Number level" : 5,
+             "String alert" : "info",
+             "xtype" : "Container",
              "$ xns" : "Roo.bootstrap",
-             "String html" : " ",
              "items" : [
               {
-               "xtype" : "Link",
+               "String cls" : "img-responsive",
+               "xtype" : "Img",
+               "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
+               "$ xns" : "Roo.bootstrap"
+              },
+              {
+               "xtype" : "Header",
                "$ xns" : "Roo.bootstrap",
-               "String html" : "Click Here"
+               "Number level" : 3,
+               "String html" : "Project Title"
               },
               {
-               "String tag" : "span",
-               "xtype" : "Element",
+               "xtype" : "Header",
                "$ xns" : "Roo.bootstrap",
-               "String html" : " for more about it"
+               "Number level" : 5,
+               "String html" : " ",
+               "items" : [
+                {
+                 "xtype" : "Link",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "Click Here"
+                },
+                {
+                 "String tag" : "span",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : " for more about it"
+                }
+               ]
               }
              ]
             }
@@ -327,33 +395,179 @@
            "Number sm" : 4,
            "items" : [
             {
-             "String cls" : "img-responsive",
-             "xtype" : "Img",
-             "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
-             "$ xns" : "Roo.bootstrap"
+             "String alert" : "info",
+             "xtype" : "Container",
+             "$ xns" : "Roo.bootstrap",
+             "items" : [
+              {
+               "String cls" : "img-responsive",
+               "xtype" : "Img",
+               "String src" : "http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/1.jpg",
+               "$ xns" : "Roo.bootstrap"
+              },
+              {
+               "xtype" : "Header",
+               "$ xns" : "Roo.bootstrap",
+               "Number level" : 3,
+               "String html" : "Project Title"
+              },
+              {
+               "xtype" : "Header",
+               "$ xns" : "Roo.bootstrap",
+               "Number level" : 5,
+               "String html" : " ",
+               "items" : [
+                {
+                 "xtype" : "Link",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "Click Here"
+                },
+                {
+                 "String tag" : "span",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : " for more about it"
+                }
+               ]
+              }
+             ]
+            }
+           ]
+          }
+         ]
+        }
+       ]
+      }
+     ]
+    },
+    {
+     "String tag" : "footer",
+     "String cls" : "top-space",
+     "xtype" : "Container",
+     "$ xns" : "Roo.bootstrap",
+     "items" : [
+      {
+       "xtype" : "Container",
+       "$ xns" : "Roo.bootstrap",
+       "items" : [
+        {
+         "xtype" : "Container",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "xtype" : "Row",
+           "$ xns" : "Roo.bootstrap",
+           "items" : [
+            {
+             "String cls" : "col-md-3 widget",
+             "xtype" : "Element",
+             "$ xns" : "Roo.bootstrap",
+             "items" : [
+              {
+               "String cls" : "widget-title",
+               "xtype" : "Header",
+               "Number level" : 3,
+               "$ xns" : "Roo.bootstrap",
+               "String html" : "Contact"
+              },
+              {
+               "String cls" : "widget-body",
+               "xtype" : "Element",
+               "$ xns" : "Roo.bootstrap",
+               "items" : [
+                {
+                 "String tag" : "p",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "+234 23 9873237\n<br>\n<a href=\"mailto:#\">some.email@somewhere.com</a>\n<br>\n<br>\n234 Hidden Pond Road, Ashland City, TN 37015\n\t\t\t\t\t\t\t"
+                }
+               ]
+              }
+             ]
             },
             {
-             "xtype" : "Header",
-             "Number level" : 3,
+             "String cls" : "col-md-3 widget",
+             "xtype" : "Element",
              "$ xns" : "Roo.bootstrap",
-             "String html" : "Project Title"
+             "items" : [
+              {
+               "String cls" : "widget-title",
+               "xtype" : "Header",
+               "Number level" : 3,
+               "$ xns" : "Roo.bootstrap",
+               "String html" : "Follow me"
+              },
+              {
+               "String cls" : "widget-body",
+               "xtype" : "Element",
+               "$ xns" : "Roo.bootstrap",
+               "items" : [
+                {
+                 "String tag" : "p",
+                 "String cls" : "follow-me-icons",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "items" : [
+                  {
+                   "String tag" : "a",
+                   "xtype" : "Element",
+                   "$ xns" : "Roo.bootstrap",
+                   "String html" : "<i class=\"fa fa-twitter fa-2x\"></i>"
+                  },
+                  {
+                   "String tag" : "a",
+                   "xtype" : "Element",
+                   "$ xns" : "Roo.bootstrap",
+                   "String html" : "<i class=\"fa fa-dribbble fa-2x\"></i>"
+                  },
+                  {
+                   "String tag" : "a",
+                   "xtype" : "Element",
+                   "$ xns" : "Roo.bootstrap",
+                   "String html" : "<i class=\"fa fa-github fa-2x\"></i>"
+                  },
+                  {
+                   "String tag" : "a",
+                   "xtype" : "Element",
+                   "$ xns" : "Roo.bootstrap",
+                   "String html" : "<i class=\"fa fa-facebook fa-2x\"></i>"
+                  }
+                 ]
+                }
+               ]
+              }
+             ]
             },
             {
-             "xtype" : "Header",
-             "Number level" : 5,
+             "String cls" : "col-md-6 widget",
+             "xtype" : "Element",
              "$ xns" : "Roo.bootstrap",
-             "String html" : " ",
              "items" : [
               {
-               "xtype" : "Link",
+               "String cls" : "widget-title",
+               "xtype" : "Header",
+               "Number level" : 3,
                "$ xns" : "Roo.bootstrap",
-               "String html" : "Click for details"
+               "String html" : "Text widget"
               },
               {
-               "String tag" : "span",
+               "String cls" : "widget-body",
                "xtype" : "Element",
                "$ xns" : "Roo.bootstrap",
-               "String html" : " for more about it"
+               "items" : [
+                {
+                 "String tag" : "p",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, dolores, quibusdam architecto voluptatem amet fugiat nesciunt placeat provident cumque accusamus itaque voluptate modi quidem dolore optio velit hic iusto vero praesentium repellat commodi ad id expedita cupiditate repellendus possimus unde?"
+                },
+                {
+                 "String tag" : "p",
+                 "xtype" : "Element",
+                 "$ xns" : "Roo.bootstrap",
+                 "String html" : "Eius consequatur nihil quibusdam! Laborum, rerum, quis, inventore ipsa autem repellat provident assumenda labore soluta minima alias temporibus facere distinctio quas adipisci nam sunt explicabo officia tenetur at ea quos doloribus dolorum voluptate reprehenderit architecto sint libero illo et hic."
+                }
+               ]
               }
              ]
             }