git.roojs.org Git - roojs1/blob - examples/bootstrap/homepage.bjs

   1 {
   2     "name" : "homepage",
   3     "parent" : "",
   4     "title" : "",
   5     "path" : "/home/michael/gitlive/roojs1/examples/bootstrap/homepage.bjs",
   6     "permname" : "",
   7     "modOrder" : "001",
   8     "items" : [
   9         {
  10             "String cls" : "home",
  11             "xtype" : "Body",
  12             "$ xns" : "Roo.bootstrap",
  13             "items" : [
  14                 {
  15                     "String cls" : "headroom animated",
  16                     "String position" : "fixed-top",
  17                     "xtype" : "NavHeaderbar",
  18                     "Boolean inverse" : true,
  19                     "String brand" : "Hydra",
  20                     "$ xns" : "Roo.bootstrap",
  21                     "items" : [
  22                         {
  23                             "String type" : "nav",
  24                             "xtype" : "NavGroup",
  25                             "String align" : "right",
  26                             "$ xns" : "Roo.bootstrap",
  27                             "items" : [
  28                                 {
  29                                     "xtype" : "NavItem",
  30                                     "$ xns" : "Roo.bootstrap",
  31                                     "String html" : "Home"
  32                                 },
  33                                 {
  34                                     "xtype" : "NavItem",
  35                                     "$ xns" : "Roo.bootstrap",
  36                                     "String html" : "About"
  37                                 },
  38                                 {
  39                                     "xtype" : "NavItem",
  40                                     "$ xns" : "Roo.bootstrap",
  41                                     "String html" : "More Pages"
  42                                 },
  43                                 {
  44                                     "xtype" : "NavItem",
  45                                     "$ xns" : "Roo.bootstrap",
  46                                     "String html" : "Contact"
  47                                 },
  48                                 {
  49                                     "String cls" : "btn",
  50                                     "xtype" : "NavItem",
  51                                     "$ xns" : "Roo.bootstrap",
  52                                     "String html" : "Sign in / Sign up"
  53                                 }
  54                             ]
  55                         }
  56                     ]
  57                 },
  58                 {
  59                     "String tag" : "header",
  60                     "String cls" : "pr-head",
  61                     "xtype" : "Element",
  62                     "$ xns" : "Roo.bootstrap",
  63                     "items" : [
  64                         {
  65                             "xtype" : "Container",
  66                             "$ xns" : "Roo.bootstrap",
  67                             "items" : [
  68                                 {
  69                                     "xtype" : "Row",
  70                                     "$ xns" : "Roo.bootstrap",
  71                                     "items" : [
  72                                         {
  73                                             "String cls" : "lead",
  74                                             "xtype" : "Header",
  75                                             "$ xns" : "Roo.bootstrap",
  76                                             "String html" : "The HR Platform"
  77                                         },
  78                                         {
  79                                             "String tag" : "p",
  80                                             "String cls" : "tagline",
  81                                             "xtype" : "Element",
  82                                             "$ xns" : "Roo.bootstrap",
  83                                             "String html" : "some tag line"
  84                                         },
  85                                         {
  86                                             "String tag" : "p",
  87                                             "xtype" : "Element",
  88                                             "$ xns" : "Roo.bootstrap",
  89                                             "items" : [
  90                                                 {
  91                                                     "String tag" : "a",
  92                                                     "String size" : "lg",
  93                                                     "String href" : "#",
  94                                                     "xtype" : "Button",
  95                                                     "$ xns" : "Roo.bootstrap",
  96                                                     "String html" : "a button"
  97                                                 },
  98                                                 {
  99                                                     "String tag" : "a",
 100                                                     "String size" : "lg",
 101                                                     "String href" : "#",
 102                                                     "xtype" : "Button",
 103                                                     "$ xns" : "Roo.bootstrap",
 104                                                     "String html" : "a button"
 105                                                 }
 106                                             ]
 107                                         }
 108                                     ]
 109                                 }
 110                             ]
 111                         }
 112                     ]
 113                 },
 114                 {
 115                     "String cls" : "container text-center",
 116                     "xtype" : "Element",
 117                     "$ xns" : "Roo.bootstrap",
 118                     "items" : [
 119                         {
 120                             "String cls" : "thin",
 121                             "xtype" : "Header",
 122                             "$ xns" : "Roo.bootstrap",
 123                             "String html" : "The best place to tell people why they are here"
 124                         },
 125                         {
 126                             "String tag" : "p",
 127                             "String cls" : "text-muted",
 128                             "xtype" : "Element",
 129                             "$ xns" : "Roo.bootstrap",
 130                             "String html" : "\tThe difference between involvement and commitment is like an eggs-and-ham breakfast:\n\t<br> \n\tthe chicken was involved; the pig was committed.\n\t\t"
 131                         }
 132                     ]
 133                 },
 134                 {
 135                     "String cls" : "",
 136                     "xtype" : "Element",
 137                     "$ xns" : "Roo.bootstrap",
 138                     "items" : [
 139                         {
 140                             "xtype" : "Container",
 141                             "$ xns" : "Roo.bootstrap",
 142                             "items" : [
 143                                 {
 144                                     "String cls" : "text-center thin",
 145                                     "xtype" : "Header",
 146                                     "$ xns" : "Roo.bootstrap",
 147                                     "String html" : "Reasons to use this template"
 148                                 },
 149                                 {
 150                                     "String cls" : "",
 151                                     "xtype" : "Row",
 152                                     "$ xns" : "Roo.bootstrap",
 153                                     "items" : [
 154                                         {
 155                                             "String cls" : "col-md-3 col-sm-6 highlight",
 156                                             "xtype" : "Element",
 157                                             "$ xns" : "Roo.bootstrap",
 158                                             "items" : [
 159                                                 {
 160                                                     "String cls" : "h-caption",
 161                                                     "xtype" : "Element",
 162                                                     "$ xns" : "Roo.bootstrap",
 163                                                     "items" : [
 164                                                         {
 165                                                             "xtype" : "Header",
 166                                                             "$ xns" : "Roo.bootstrap",
 167                                                             "Number level" : 4,
 168                                                             "String html" : "<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered"
 169                                                         }
 170                                                     ]
 171                                                 },
 172                                                 {
 173                                                     "String cls" : "h-body text-center",
 174                                                     "xtype" : "Element",
 175                                                     "$ xns" : "Roo.bootstrap",
 176                                                     "items" : [
 177                                                         {
 178                                                             "String tag" : "p",
 179                                                             "xtype" : "Element",
 180                                                             "$ xns" : "Roo.bootstrap",
 181                                                             "String html" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aliquid adipisci aspernatur. Soluta quisquam dignissimos earum quasi voluptate. Amet, dignissimos, tenetur vitae dolor quam iusto assumenda hic reprehenderit?"
 182                                                         }
 183                                                     ]
 184                                                 }
 185                                             ]
 186                                         },
 187                                         {
 188                                             "String cls" : "col-md-3 col-sm-6 highlight",
 189                                             "xtype" : "Element",
 190                                             "$ xns" : "Roo.bootstrap",
 191                                             "items" : [
 192                                                 {
 193                                                     "String cls" : "h-caption",
 194                                                     "xtype" : "Element",
 195                                                     "$ xns" : "Roo.bootstrap",
 196                                                     "items" : [
 197                                                         {
 198                                                             "xtype" : "Header",
 199                                                             "$ xns" : "Roo.bootstrap",
 200                                                             "Number level" : 4,
 201                                                             "String html" : "<i class=\"fa fa-flash fa-5\"></i>Fat-free"
 202                                                         }
 203                                                     ]
 204                                                 },
 205                                                 {
 206                                                     "String cls" : "h-body text-center",
 207                                                     "xtype" : "Element",
 208                                                     "$ xns" : "Roo.bootstrap",
 209                                                     "items" : [
 210                                                         {
 211                                                             "String tag" : "p",
 212                                                             "xtype" : "Element",
 213                                                             "$ xns" : "Roo.bootstrap",
 214                                                             "String html" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, commodi, sequi quis ad fugit omnis cumque a libero error nesciunt molestiae repellat quos perferendis numquam quibusdam rerum repellendus laboriosam reprehenderit! "
 215                                                         }
 216                                                     ]
 217                                                 }
 218                                             ]
 219                                         },
 220                                         {
 221                                             "String cls" : "col-md-3 col-sm-6 highlight",
 222                                             "xtype" : "Element",
 223                                             "$ xns" : "Roo.bootstrap",
 224                                             "items" : [
 225                                                 {
 226                                                     "String cls" : "h-caption",
 227                                                     "xtype" : "Element",
 228                                                     "$ xns" : "Roo.bootstrap",
 229                                                     "items" : [
 230                                                         {
 231                                                             "xtype" : "Header",
 232                                                             "Number level" : 4,
 233                                                             "$ xns" : "Roo.bootstrap",
 234                                                             "String html" : "<i class=\"fa fa-heart fa-5\"></i>Creative Commons"
 235                                                         }
 236                                                     ]
 237                                                 },
 238                                                 {
 239                                                     "String cls" : "h-body text-center",
 240                                                     "xtype" : "Element",
 241                                                     "$ xns" : "Roo.bootstrap",
 242                                                     "items" : [
 243                                                         {
 244                                                             "String tag" : "p",
 245                                                             "xtype" : "Element",
 246                                                             "$ xns" : "Roo.bootstrap",
 247                                                             "String html" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, vitae, perferendis, perspiciatis nobis voluptate quod illum soluta minima ipsam ratione quia numquam eveniet eum reprehenderit dolorem dicta nesciunt corporis?"
 248                                                         }
 249                                                     ]
 250                                                 }
 251                                             ]
 252                                         },
 253                                         {
 254                                             "String cls" : "col-md-3 col-sm-6 highlight",
 255                                             "xtype" : "Element",
 256                                             "$ xns" : "Roo.bootstrap",
 257                                             "items" : [
 258                                                 {
 259                                                     "String cls" : "h-caption",
 260                                                     "xtype" : "Element",
 261                                                     "$ xns" : "Roo.bootstrap",
 262                                                     "items" : [
 263                                                         {
 264                                                             "xtype" : "Header",
 265                                                             "$ xns" : "Roo.bootstrap",
 266                                                             "Number level" : 4,
 267                                                             "String html" : "<i class=\"fa fa-smile-o fa-5\"></i>Author's support"
 268                                                         }
 269                                                     ]
 270                                                 },
 271                                                 {
 272                                                     "String cls" : "h-body text-center",
 273                                                     "xtype" : "Element",
 274                                                     "$ xns" : "Roo.bootstrap",
 275                                                     "items" : [
 276                                                         {
 277                                                             "String tag" : "p",
 278                                                             "xtype" : "Element",
 279                                                             "$ xns" : "Roo.bootstrap",
 280                                                             "String html" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, excepturi, maiores, dolorem quasi reprehenderit illo accusamus nulla minima repudiandae quas ducimus reiciendis odio sequi atque temporibus facere corporis eos expedita? "
 281                                                         }
 282                                                     ]
 283                                                 }
 284                                             ]
 285                                         }
 286                                     ]
 287                                 }
 288                             ]
 289                         }
 290                     ]
 291                 },
 292                 {
 293                     "xtype" : "Container",
 294                     "$ xns" : "Roo.bootstrap",
 295                     "items" : [
 296                         {
 297                             "String cls" : "text-center top-space",
 298                             "xtype" : "Header",
 299                             "$ xns" : "Roo.bootstrap"
 300                         }
 301                     ]
 302                 }
 303             ]
 304         }
 305     ]
 306 }