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                     "xtype" : "Element",
 136                     "$ xns" : "Roo.bootstrap",
 137                     "items" : [
 138                         {
 139                             "xtype" : "Container",
 140                             "$ xns" : "Roo.bootstrap",
 141                             "items" : [
 142                                 {
 143                                     "String cls" : "text-center thin",
 144                                     "xtype" : "Header",
 145                                     "$ xns" : "Roo.bootstrap",
 146                                     "String html" : "Reasons to use this template"
 147                                 },
 148                                 {
 149                                     "String cls" : "",
 150                                     "xtype" : "Row",
 151                                     "$ xns" : "Roo.bootstrap",
 152                                     "items" : [
 153                                         {
 154                                             "String cls" : "col-md-3 col-sm-6 highlight",
 155                                             "xtype" : "Element",
 156                                             "$ xns" : "Roo.bootstrap",
 157                                             "items" : [
 158                                                 {
 159                                                     "String cls" : "h-caption",
 160                                                     "xtype" : "Element",
 161                                                     "$ xns" : "Roo.bootstrap",
 162                                                     "items" : [
 163                                                         {
 164                                                             "xtype" : "Header",
 165                                                             "$ xns" : "Roo.bootstrap",
 166                                                             "Number level" : 4,
 167                                                             "String html" : "<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered"
 168                                                         }
 169                                                     ]
 170                                                 },
 171                                                 {
 172                                                     "String cls" : "h-body text-center",
 173                                                     "xtype" : "Element",
 174                                                     "$ xns" : "Roo.bootstrap",
 175                                                     "items" : [
 176                                                         {
 177                                                             "String tag" : "p",
 178                                                             "xtype" : "Element",
 179                                                             "$ xns" : "Roo.bootstrap",
 180                                                             "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?"
 181                                                         }
 182                                                     ]
 183                                                 }
 184                                             ]
 185                                         },
 186                                         {
 187                                             "String cls" : "col-md-3 col-sm-6 highlight",
 188                                             "xtype" : "Element",
 189                                             "$ xns" : "Roo.bootstrap",
 190                                             "items" : [
 191                                                 {
 192                                                     "String cls" : "h-caption",
 193                                                     "xtype" : "Element",
 194                                                     "$ xns" : "Roo.bootstrap",
 195                                                     "items" : [
 196                                                         {
 197                                                             "xtype" : "Header",
 198                                                             "$ xns" : "Roo.bootstrap",
 199                                                             "Number level" : 4,
 200                                                             "String html" : "<i class=\"fa fa-flash fa-5\"></i>Fat-free"
 201                                                         }
 202                                                     ]
 203                                                 },
 204                                                 {
 205                                                     "String cls" : "h-body text-center",
 206                                                     "xtype" : "Element",
 207                                                     "$ xns" : "Roo.bootstrap",
 208                                                     "items" : [
 209                                                         {
 210                                                             "String tag" : "p",
 211                                                             "xtype" : "Element",
 212                                                             "$ xns" : "Roo.bootstrap",
 213                                                             "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! "
 214                                                         }
 215                                                     ]
 216                                                 }
 217                                             ]
 218                                         },
 219                                         {
 220                                             "String cls" : "col-md-3 col-sm-6 highlight",
 221                                             "xtype" : "Element",
 222                                             "$ xns" : "Roo.bootstrap",
 223                                             "items" : [
 224                                                 {
 225                                                     "String cls" : "h-caption",
 226                                                     "xtype" : "Element",
 227                                                     "$ xns" : "Roo.bootstrap",
 228                                                     "items" : [
 229                                                         {
 230                                                             "xtype" : "Header",
 231                                                             "Number level" : 4,
 232                                                             "$ xns" : "Roo.bootstrap",
 233                                                             "String html" : "<i class=\"fa fa-heart fa-5\"></i>Creative Commons"
 234                                                         }
 235                                                     ]
 236                                                 },
 237                                                 {
 238                                                     "String cls" : "h-body text-center",
 239                                                     "xtype" : "Element",
 240                                                     "$ xns" : "Roo.bootstrap",
 241                                                     "items" : [
 242                                                         {
 243                                                             "String tag" : "p",
 244                                                             "xtype" : "Element",
 245                                                             "$ xns" : "Roo.bootstrap",
 246                                                             "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?"
 247                                                         }
 248                                                     ]
 249                                                 }
 250                                             ]
 251                                         },
 252                                         {
 253                                             "String cls" : "col-md-3 col-sm-6 highlight",
 254                                             "xtype" : "Element",
 255                                             "$ xns" : "Roo.bootstrap",
 256                                             "items" : [
 257                                                 {
 258                                                     "String cls" : "h-caption",
 259                                                     "xtype" : "Element",
 260                                                     "$ xns" : "Roo.bootstrap",
 261                                                     "items" : [
 262                                                         {
 263                                                             "xtype" : "Header",
 264                                                             "$ xns" : "Roo.bootstrap",
 265                                                             "Number level" : 4,
 266                                                             "String html" : "<i class=\"fa fa-smile-o fa-5\"></i>Author's support"
 267                                                         }
 268                                                     ]
 269                                                 },
 270                                                 {
 271                                                     "String cls" : "h-body text-center",
 272                                                     "xtype" : "Element",
 273                                                     "$ xns" : "Roo.bootstrap",
 274                                                     "items" : [
 275                                                         {
 276                                                             "String tag" : "p",
 277                                                             "xtype" : "Element",
 278                                                             "$ xns" : "Roo.bootstrap",
 279                                                             "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? "
 280                                                         }
 281                                                     ]
 282                                                 }
 283                                             ]
 284                                         }
 285                                     ]
 286                                 }
 287                             ]
 288                         }
 289                     ]
 290                 }
 291             ]
 292         }
 293     ]
 294 }