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-captain",
 160                                                     "xtype" : "Element",
 161                                                     "$ xns" : "Roo.bootstrap",
 162                                                     "items" : [
 163                                                         {
 164                                                             "String tag" : "h4",
 165                                                             "xtype" : "Element",
 166                                                             "$ xns" : "Roo.bootstrap",
 167                                                             "String html" : "Bootstrap-powered",
 168                                                             "items" : [
 169                                                                 {
 170                                                                     "String tag" : "i",
 171                                                                     "String cls" : "fa fa-cogs fa-5",
 172                                                                     "xtype" : "Element",
 173                                                                     "$ xns" : "Roo.bootstrap"
 174                                                                 }
 175                                                             ]
 176                                                         }
 177                                                     ]
 178                                                 },
 179                                                 {
 180                                                     "String cls" : "h-body text-center",
 181                                                     "xtype" : "Element",
 182                                                     "$ xns" : "Roo.bootstrap",
 183                                                     "items" : [
 184                                                         {
 185                                                             "String tag" : "p",
 186                                                             "xtype" : "Element",
 187                                                             "$ xns" : "Roo.bootstrap",
 188                                                             "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?"
 189                                                         }
 190                                                     ]
 191                                                 }
 192                                             ]
 193                                         },
 194                                         {
 195                                             "String cls" : "col-md-3 col-sm-6 highlight",
 196                                             "xtype" : "Element",
 197                                             "$ xns" : "Roo.bootstrap",
 198                                             "items" : [
 199                                                 {
 200                                                     "String cls" : "h-captain",
 201                                                     "xtype" : "Element",
 202                                                     "$ xns" : "Roo.bootstrap",
 203                                                     "items" : [
 204                                                         {
 205                                                             "String tag" : "h4",
 206                                                             "xtype" : "Element",
 207                                                             "$ xns" : "Roo.bootstrap",
 208                                                             "String html" : "Fat-free",
 209                                                             "items" : [
 210                                                                 {
 211                                                                     "String tag" : "i",
 212                                                                     "String cls" : "fa fa-cogs fa-5",
 213                                                                     "xtype" : "Element",
 214                                                                     "$ xns" : "Roo.bootstrap"
 215                                                                 }
 216                                                             ]
 217                                                         }
 218                                                     ]
 219                                                 },
 220                                                 {
 221                                                     "String cls" : "h-body text-center",
 222                                                     "xtype" : "Element",
 223                                                     "$ xns" : "Roo.bootstrap",
 224                                                     "items" : [
 225                                                         {
 226                                                             "String tag" : "p",
 227                                                             "xtype" : "Element",
 228                                                             "$ xns" : "Roo.bootstrap",
 229                                                             "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! "
 230                                                         }
 231                                                     ]
 232                                                 }
 233                                             ]
 234                                         },
 235                                         {
 236                                             "String cls" : "col-md-3 col-sm-6 highlight",
 237                                             "xtype" : "Element",
 238                                             "$ xns" : "Roo.bootstrap",
 239                                             "items" : [
 240                                                 {
 241                                                     "String cls" : "h-captain",
 242                                                     "xtype" : "Element",
 243                                                     "$ xns" : "Roo.bootstrap",
 244                                                     "items" : [
 245                                                         {
 246                                                             "String tag" : "h4",
 247                                                             "xtype" : "Element",
 248                                                             "$ xns" : "Roo.bootstrap",
 249                                                             "String html" : "Creative Commons",
 250                                                             "items" : [
 251                                                                 {
 252                                                                     "String tag" : "i",
 253                                                                     "String cls" : "fa fa-cogs fa-5",
 254                                                                     "xtype" : "Element",
 255                                                                     "$ xns" : "Roo.bootstrap"
 256                                                                 }
 257                                                             ]
 258                                                         }
 259                                                     ]
 260                                                 },
 261                                                 {
 262                                                     "String cls" : "h-body text-center",
 263                                                     "xtype" : "Element",
 264                                                     "$ xns" : "Roo.bootstrap",
 265                                                     "items" : [
 266                                                         {
 267                                                             "String tag" : "p",
 268                                                             "xtype" : "Element",
 269                                                             "$ xns" : "Roo.bootstrap",
 270                                                             "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?"
 271                                                         }
 272                                                     ]
 273                                                 }
 274                                             ]
 275                                         },
 276                                         {
 277                                             "String cls" : "col-md-3 col-sm-6 highlight",
 278                                             "xtype" : "Element",
 279                                             "$ xns" : "Roo.bootstrap",
 280                                             "items" : [
 281                                                 {
 282                                                     "String cls" : "h-captain",
 283                                                     "xtype" : "Element",
 284                                                     "$ xns" : "Roo.bootstrap",
 285                                                     "items" : [
 286                                                         {
 287                                                             "String tag" : "h4",
 288                                                             "xtype" : "Element",
 289                                                             "$ xns" : "Roo.bootstrap",
 290                                                             "String html" : "Author's support",
 291                                                             "items" : [
 292                                                                 {
 293                                                                     "String tag" : "i",
 294                                                                     "String cls" : "fa fa-cogs fa-5",
 295                                                                     "xtype" : "Element",
 296                                                                     "$ xns" : "Roo.bootstrap"
 297                                                                 }
 298                                                             ]
 299                                                         },
 300                                                         {
 301                                                             "| html" : "<i class=\"fa fa-smile-o fa-5\"></i>gjfgvj",
 302                                                             "xtype" : "Header",
 303                                                             "Number level" : 4,
 304                                                             "$ xns" : "Roo.bootstrap"
 305                                                         }
 306                                                     ]
 307                                                 },
 308                                                 {
 309                                                     "String cls" : "h-body text-center",
 310                                                     "xtype" : "Element",
 311                                                     "$ xns" : "Roo.bootstrap",
 312                                                     "items" : [
 313                                                         {
 314                                                             "String tag" : "p",
 315                                                             "xtype" : "Element",
 316                                                             "$ xns" : "Roo.bootstrap",
 317                                                             "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?"
 318                                                         }
 319                                                     ]
 320                                                 }
 321                                             ]
 322                                         }
 323                                     ]
 324                                 }
 325                             ]
 326                         }
 327                     ]
 328                 }
 329             ]
 330         }
 331     ]
 332 }