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                             "Number level" : 2,
 124                             "String html" : "The best place to tell people why they are here"
 125                         },
 126                         {
 127                             "String tag" : "p",
 128                             "String cls" : "text-muted",
 129                             "xtype" : "Element",
 130                             "$ xns" : "Roo.bootstrap",
 131                             "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"
 132                         }
 133                     ]
 134                 },
 135                 {
 136                     "String cls" : "",
 137                     "xtype" : "Element",
 138                     "$ xns" : "Roo.bootstrap",
 139                     "items" : [
 140                         {
 141                             "xtype" : "Container",
 142                             "$ xns" : "Roo.bootstrap",
 143                             "items" : [
 144                                 {
 145                                     "String cls" : "text-center thin",
 146                                     "xtype" : "Header",
 147                                     "$ xns" : "Roo.bootstrap",
 148                                     "Number level" : 3,
 149                                     "String html" : "Reasons to use this template"
 150                                 },
 151                                 {
 152                                     "String cls" : "",
 153                                     "xtype" : "Row",
 154                                     "$ xns" : "Roo.bootstrap",
 155                                     "items" : [
 156                                         {
 157                                             "String cls" : "col-md-3 col-sm-6 highlight",
 158                                             "xtype" : "Element",
 159                                             "$ xns" : "Roo.bootstrap",
 160                                             "items" : [
 161                                                 {
 162                                                     "String cls" : "h-caption",
 163                                                     "xtype" : "Element",
 164                                                     "$ xns" : "Roo.bootstrap",
 165                                                     "items" : [
 166                                                         {
 167                                                             "xtype" : "Header",
 168                                                             "$ xns" : "Roo.bootstrap",
 169                                                             "Number level" : 4,
 170                                                             "String html" : "<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered"
 171                                                         }
 172                                                     ]
 173                                                 },
 174                                                 {
 175                                                     "String cls" : "h-body text-center",
 176                                                     "xtype" : "Element",
 177                                                     "$ xns" : "Roo.bootstrap",
 178                                                     "items" : [
 179                                                         {
 180                                                             "String tag" : "p",
 181                                                             "xtype" : "Element",
 182                                                             "$ xns" : "Roo.bootstrap",
 183                                                             "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?"
 184                                                         }
 185                                                     ]
 186                                                 }
 187                                             ]
 188                                         },
 189                                         {
 190                                             "String cls" : "col-md-3 col-sm-6 highlight",
 191                                             "xtype" : "Element",
 192                                             "$ xns" : "Roo.bootstrap",
 193                                             "items" : [
 194                                                 {
 195                                                     "String cls" : "h-caption",
 196                                                     "xtype" : "Element",
 197                                                     "$ xns" : "Roo.bootstrap",
 198                                                     "items" : [
 199                                                         {
 200                                                             "xtype" : "Header",
 201                                                             "$ xns" : "Roo.bootstrap",
 202                                                             "Number level" : 4,
 203                                                             "String html" : "<i class=\"fa fa-flash fa-5\"></i>Fat-free"
 204                                                         }
 205                                                     ]
 206                                                 },
 207                                                 {
 208                                                     "String cls" : "h-body text-center",
 209                                                     "xtype" : "Element",
 210                                                     "$ xns" : "Roo.bootstrap",
 211                                                     "items" : [
 212                                                         {
 213                                                             "String tag" : "p",
 214                                                             "xtype" : "Element",
 215                                                             "$ xns" : "Roo.bootstrap",
 216                                                             "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! "
 217                                                         }
 218                                                     ]
 219                                                 }
 220                                             ]
 221                                         },
 222                                         {
 223                                             "String cls" : "col-md-3 col-sm-6 highlight",
 224                                             "xtype" : "Element",
 225                                             "$ xns" : "Roo.bootstrap",
 226                                             "items" : [
 227                                                 {
 228                                                     "String cls" : "h-caption",
 229                                                     "xtype" : "Element",
 230                                                     "$ xns" : "Roo.bootstrap",
 231                                                     "items" : [
 232                                                         {
 233                                                             "xtype" : "Header",
 234                                                             "Number level" : 4,
 235                                                             "$ xns" : "Roo.bootstrap",
 236                                                             "String html" : "<i class=\"fa fa-heart fa-5\"></i>Creative Commons"
 237                                                         }
 238                                                     ]
 239                                                 },
 240                                                 {
 241                                                     "String cls" : "h-body text-center",
 242                                                     "xtype" : "Element",
 243                                                     "$ xns" : "Roo.bootstrap",
 244                                                     "items" : [
 245                                                         {
 246                                                             "String tag" : "p",
 247                                                             "xtype" : "Element",
 248                                                             "$ xns" : "Roo.bootstrap",
 249                                                             "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?"
 250                                                         }
 251                                                     ]
 252                                                 }
 253                                             ]
 254                                         },
 255                                         {
 256                                             "String cls" : "col-md-3 col-sm-6 highlight",
 257                                             "xtype" : "Element",
 258                                             "$ xns" : "Roo.bootstrap",
 259                                             "items" : [
 260                                                 {
 261                                                     "String cls" : "h-caption",
 262                                                     "xtype" : "Element",
 263                                                     "$ xns" : "Roo.bootstrap",
 264                                                     "items" : [
 265                                                         {
 266                                                             "xtype" : "Header",
 267                                                             "$ xns" : "Roo.bootstrap",
 268                                                             "Number level" : 4,
 269                                                             "String html" : "<i class=\"fa fa-smile-o fa-5\"></i>Author's support"
 270                                                         }
 271                                                     ]
 272                                                 },
 273                                                 {
 274                                                     "String cls" : "h-body text-center",
 275                                                     "xtype" : "Element",
 276                                                     "$ xns" : "Roo.bootstrap",
 277                                                     "items" : [
 278                                                         {
 279                                                             "String tag" : "p",
 280                                                             "xtype" : "Element",
 281                                                             "$ xns" : "Roo.bootstrap",
 282                                                             "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? "
 283                                                         }
 284                                                     ]
 285                                                 }
 286                                             ]
 287                                         }
 288                                     ]
 289                                 }
 290                             ]
 291                         }
 292                     ]
 293                 },
 294                 {
 295                     "xtype" : "Container",
 296                     "$ xns" : "Roo.bootstrap",
 297                     "items" : [
 298                         {
 299                             "String cls" : "text-center top-space",
 300                             "xtype" : "Header",
 301                             "$ xns" : "Roo.bootstrap",
 302                             "Number level" : 2,
 303                             "String html" : "Frequently Asked Questions"
 304                         },
 305                         {
 306                             "xtype" : "Row",
 307                             "$ xns" : "Roo.bootstrap",
 308                             "items" : [
 309                                 {
 310                                     "String cls" : "col-sm-6",
 311                                     "xtype" : "Element",
 312                                     "$ xns" : "Roo.bootstrap",
 313                                     "items" : [
 314                                         {
 315                                             "xtype" : "Header",
 316                                             "Number level" : 3,
 317                                             "$ xns" : "Roo.bootstrap",
 318                                             "String html" : "Which code editor would you recommend?"
 319                                         },
 320                                         {
 321                                             "String tag" : "p",
 322                                             "xtype" : "Element",
 323                                             "$ xns" : "Roo.bootstrap",
 324                                             "String html" : "I'd highly recommend you <a href=\"http://www.sublimetext.com/\">Sublime Text</a> \n- a free to try text editor which I'm using daily. Awesome tool!"
 325                                         }
 326                                     ]
 327                                 },
 328                                 {
 329                                     "String cls" : "col-sm-6",
 330                                     "xtype" : "Element",
 331                                     "$ xns" : "Roo.bootstrap",
 332                                     "items" : [
 333                                         {
 334                                             "xtype" : "Header",
 335                                             "Number level" : 3,
 336                                             "$ xns" : "Roo.bootstrap",
 337                                             "String html" : "Nice header. Where do I find more images like that one?"
 338                                         },
 339                                         {
 340                                             "String tag" : "p",
 341                                             "xtype" : "Element",
 342                                             "$ xns" : "Roo.bootstrap",
 343                                             "String html" : "Well, there are thousands of stock art galleries, but personally, \n\t\t\t\t\tI prefer to use photos from these sites: \n\t\t<a href=\"http://unsplash.com\">Unsplash.com</a> \n\t\t\t\t\tand \n<a href=\"http://www.flickr.com/creativecommons/by-2.0/tags/\">Flickr - Creative Commons</a>"
 344                                         }
 345                                     ]
 346                                 }
 347                             ]
 348                         },
 349                         {
 350                             "xtype" : "Row",
 351                             "$ xns" : "Roo.bootstrap",
 352                             "items" : [
 353                                 {
 354                                     "String cls" : "col-sm-6",
 355                                     "xtype" : "Element",
 356                                     "$ xns" : "Roo.bootstrap",
 357                                     "items" : [
 358                                         {
 359                                             "xtype" : "Header",
 360                                             "$ xns" : "Roo.bootstrap",
 361                                             "Number level" : 3,
 362                                             "String html" : "Can I use it to build a site for my client?"
 363                                         },
 364                                         {
 365                                             "String tag" : "p",
 366                                             "xtype" : "Element",
 367                                             "$ xns" : "Roo.bootstrap",
 368                                             "String html" : "Yes, you can. You may use this template for any purpose, just don't forget about the \n<a href=\"http://creativecommons.org/licenses/by/3.0/\">license</a>\nwhich says: \"You must give appropriate credit\", i.e. you must provide the name of the creator and a link to the original template in your work. \n"
 369                                         }
 370                                     ]
 371                                 },
 372                                 {
 373                                     "String cls" : "col-sm-6",
 374                                     "xtype" : "Element",
 375                                     "$ xns" : "Roo.bootstrap",
 376                                     "items" : [
 377                                         {
 378                                             "xtype" : "Header",
 379                                             "$ xns" : "Roo.bootstrap",
 380                                             "Number level" : 3,
 381                                             "String html" : "Can you customize this template for me?"
 382                                         },
 383                                         {
 384                                             "String tag" : "p",
 385                                             "xtype" : "Element",
 386                                             "$ xns" : "Roo.bootstrap",
 387                                             "String html" : "Yes, I can. Please drop me a line to sergey-at-pozhilov.com and describe your needs in details. Please note, my services are not cheap."
 388                                         }
 389                                     ]
 390                                 }
 391                             ]
 392                         },
 393                         {
 394                             "xtype" : "Element",
 395                             "$ xns" : "Roo.bootstrap",
 396                             "items" : [
 397                                 {
 398                                     "xtype" : "Header",
 399                                     "Number level" : 4,
 400                                     "$ xns" : "Roo.bootstrap"
 401                                 },
 402                                 {
 403                                     "xtype" : "Element",
 404                                     "$ xns" : "Roo.bootstrap"
 405                                 }
 406                             ]
 407                         }
 408                     ]
 409                 }
 410             ]
 411         }
 412     ]
 413 }