-
   var pages = {
      folder1: {
         main: true,
         title: 'c',
         name: 'folder1',
         back: '',
         icons: [
            { type: 'folder', title: 'pictures', icon: 'folder_open', to: 'folder2'},
            { type: 'exe', title: 'exe', icon: 'launch' },
            { type: 'exe', title: 'img', icon: 'wallpaper' }
         ]
      },
      folder2: {
         title: 'pictures',
         name: 'folder2',
         back: 'folder1',
         icons: [
            { type: 'folder', title: 'back', icon: 'arrow_back', to: 'folder1' },
            { type: 'folder', title: 'cars', icon: 'folder_open', to: 'folder3' },
            { type: 'folder', title: 'business', icon: 'folder_open', to: 'folder4' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' }
         ]
      },
      folder3: {
         title: 'cars',
         name: 'folder3',
         back: 'folder2',
         icons: [
            { type: 'folder', title: 'back', icon: 'arrow_back', to: 'folder2' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' }
         ]
      },
      folder4: {
         title: 'business',
         name: 'folder4',
         back: 'folder2',
         icons: [
            { type: 'folder', title: 'back', icon: 'arrow_back', to: 'folder2' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' },
            { type: 'exe', title: 'img', icon: 'wallpaper' }
         ]
      }
   }

.container
   each page, pageID in pages
      input.switchpage(type="radio" name="page" id=page.name checked=page.main)
      .page
         .header
               label(for=page.name) #{page.title}
               - var back = page.back
               while back
                  label(for=pages[back].name) #{pages[back].title}
                  - back = pages[back].back
         .boxes
            - var split = false
            - var rowCnt = 0
            each icon, index in page.icons
               if rowCnt && !(rowCnt % 4)
                  br
               if(icon.type == 'exe' && !split)
                  - split = true
                  - rowCnt = 0
                  hr
               label.box(type = icon.type for=icon.to tabindex=1)
                  .title #{icon.title}
                  i.material-icons #{icon.icon}
               - rowCnt++