Add cordova project template with framework7

mobile/www/css/app.css

@@ -0,0 +1,71 @@
+/* Material Icons Font (for MD theme) */
+@font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
+    src: local('Material Icons'),
+         local('MaterialIcons-Regular'),
+         url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
+         url(../fonts/MaterialIcons-Regular.woff) format('woff'),
+         url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
+  }
+  
+  .material-icons {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;  /* Preferred icon size */
+    display: inline-block;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+  
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+  
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+  
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+  }
+  
+  /* Framework7 Icons Font (for iOS theme) */
+  @font-face {
+    font-family: 'Framework7 Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url("../fonts/Framework7Icons-Regular.eot");
+    src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
+         url("../fonts/Framework7Icons-Regular.woff") format("woff"),
+         url("../fonts/Framework7Icons-Regular.ttf") format("truetype");
+  }
+  
+  .f7-icons {
+    font-family: 'Framework7 Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 25px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-feature-settings: "liga";
+    -moz-font-feature-settings: "liga=1";
+    -moz-font-feature-settings: "liga";
+    font-feature-settings: "liga";
+    text-align: center;
+  }
+  

mobile/www/css/icons.css

@@ -0,0 +1,70 @@
+/* Material Icons Font (for MD theme) */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+       local('MaterialIcons-Regular'),
+       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
+       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
+       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
+
+/* Framework7 Icons Font (for iOS theme) */
+@font-face {
+  font-family: 'Framework7 Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url("../fonts/Framework7Icons-Regular.eot");
+  src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
+       url("../fonts/Framework7Icons-Regular.woff") format("woff"),
+       url("../fonts/Framework7Icons-Regular.ttf") format("truetype");
+}
+
+.f7-icons {
+  font-family: 'Framework7 Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 25px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-feature-settings: "liga";
+  -moz-font-feature-settings: "liga=1";
+  -moz-font-feature-settings: "liga";
+  font-feature-settings: "liga";
+  text-align: center;
+}

mobile/www/framework7/js/framework7.bundle.d.ts

@@ -0,0 +1,311 @@
+import Template7 from 'template7';
+import Dom7 from 'dom7';
+import Framework7 from './components/app/app-class';
+
+// Helpers
+import Request from './utils/request';
+import Utils from './utils/utils';
+import Support from './utils/support';
+import Device from './utils/device';
+
+// Modules
+import {Clicks as ClicksNamespace} from './modules/clicks/clicks';
+import {Device as DeviceNamespace} from './modules/device/device';
+import {Request as RequestNamespace} from './modules/request/request';
+import {Resize as ResizeNamespace} from './modules/resize/resize';
+import {Router as RouterNamespace} from './modules/router/router';
+import {ServiceWorker as ServiceWorkerNamespace} from './modules/service-worker/service-worker';
+import {Support as SupportNamespace} from './modules/support/support';
+import {Touch as TouchNamespace} from './modules/touch/touch';
+import {Utils as UtilsNamespace} from './modules/utils/utils';
+
+// Components
+import {Accordion as AccordionNamespace} from './components/accordion/accordion';
+import {Actions as ActionsNamespace} from './components/actions/actions';
+import {Autocomplete as AutocompleteNamespace} from './components/autocomplete/autocomplete';
+import {Badge as BadgeNamespace} from './components/badge/badge';
+import {Block as BlockNamespace} from './components/block/block';
+import {Button as ButtonNamespace} from './components/button/button';
+import {Calendar as CalendarNamespace} from './components/calendar/calendar';
+import {Card as CardNamespace} from './components/card/card';
+import {Checkbox as CheckboxNamespace} from './components/checkbox/checkbox';
+import {Chip as ChipNamespace} from './components/chip/chip';
+import {ContactsList as ContactsListNamespace} from './components/contacts-list/contacts-list';
+import {DataTable as DataTableNamespace} from './components/data-table/data-table';
+import {Dialog as DialogNamespace} from './components/dialog/dialog';
+import {Elevation as ElevationNamespace} from './components/elevation/elevation';
+import {Fab as FabNamespace} from './components/fab/fab';
+import {Form as FormNamespace} from './components/form/form';
+import {Gauge as GaugeNamespace} from './components/gauge/gauge';
+import {Grid as GridNamespace} from './components/grid/grid';
+import {Icon as IconNamespace} from './components/icon/icon';
+import {InfiniteScroll as InfiniteScrollNamespace} from './components/infinite-scroll/infinite-scroll';
+import {Input as InputNamespace} from './components/input/input';
+import {Lazy as LazyNamespace} from './components/lazy/lazy';
+import {Link as LinkNamespace} from './components/link/link';
+import {List as ListNamespace} from './components/list/list';
+import {ListIndex as ListIndexNamespace} from './components/list-index/list-index';
+import {LoginScreen as LoginScreenNamespace} from './components/login-screen/login-screen';
+import {Menu as MenuNamespace} from './components/menu/menu';
+import {Messagebar as MessagebarNamespace} from './components/messagebar/messagebar';
+import {Messages as MessagesNamespace} from './components/messages/messages';
+import {Modal as ModalNamespace} from './components/modal/modal';
+import {Navbar as NavbarNamespace} from './components/navbar/navbar';
+import {Notification as NotificationNamespace} from './components/notification/notification';
+import {Page as PageNamespace} from './components/page/page';
+import {Panel as PanelNamespace} from './components/panel/panel';
+import {PhotoBrowser as PhotoBrowserNamespace} from './components/photo-browser/photo-browser';
+import {Picker as PickerNamespace} from './components/picker/picker';
+import {Popover as PopoverNamespace} from './components/popover/popover';
+import {Popup as PopupNamespace} from './components/popup/popup';
+import {Preloader as PreloaderNamespace} from './components/preloader/preloader';
+import {Progressbar as ProgressbarNamespace} from './components/progressbar/progressbar';
+import {PullToRefresh as PullToRefreshNamespace} from './components/pull-to-refresh/pull-to-refresh';
+import {Radio as RadioNamespace} from './components/radio/radio';
+import {Range as RangeNamespace} from './components/range/range';
+import {Searchbar as SearchbarNamespace} from './components/searchbar/searchbar';
+import {Sheet as SheetNamespace} from './components/sheet/sheet';
+import {Skeleton as SkeletonNamespace} from './components/skeleton/skeleton';
+import {SmartSelect as SmartSelectNamespace} from './components/smart-select/smart-select';
+import {Sortable as SortableNamespace} from './components/sortable/sortable';
+import {Statusbar as StatusbarNamespace} from './components/statusbar/statusbar';
+import {Stepper as StepperNamespace} from './components/stepper/stepper';
+import {Subnavbar as SubnavbarNamespace} from './components/subnavbar/subnavbar';
+import {Swipeout as SwipeoutNamespace} from './components/swipeout/swipeout';
+import {Swiper as SwiperNamespace} from './components/swiper/swiper';
+import {Tabs as TabsNamespace} from './components/tabs/tabs';
+import {Timeline as TimelineNamespace} from './components/timeline/timeline';
+import {Toast as ToastNamespace} from './components/toast/toast';
+import {Toggle as ToggleNamespace} from './components/toggle/toggle';
+import {Toolbar as ToolbarNamespace} from './components/toolbar/toolbar';
+import {Tooltip as TooltipNamespace} from './components/tooltip/tooltip';
+import {TouchRipple as TouchRippleNamespace} from './components/touch-ripple/touch-ripple';
+import {Typography as TypographyNamespace} from './components/typography/typography';
+import {Vi as ViNamespace} from './components/vi/vi';
+import {View as ViewNamespace} from './components/view/view';
+import {VirtualList as VirtualListNamespace} from './components/virtual-list/virtual-list';
+
+declare module './components/app/app-class' {
+  interface Framework7Class<Events> extends ClicksNamespace.AppMethods{}
+  interface Framework7Params extends ClicksNamespace.AppParams{}
+  interface Framework7Events extends ClicksNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DeviceNamespace.AppMethods{}
+  interface Framework7Params extends DeviceNamespace.AppParams{}
+  interface Framework7Events extends DeviceNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RequestNamespace.AppMethods{}
+  interface Framework7Params extends RequestNamespace.AppParams{}
+  interface Framework7Events extends RequestNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ResizeNamespace.AppMethods{}
+  interface Framework7Params extends ResizeNamespace.AppParams{}
+  interface Framework7Events extends ResizeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RouterNamespace.AppMethods{}
+  interface Framework7Params extends RouterNamespace.AppParams{}
+  interface Framework7Events extends RouterNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ServiceWorkerNamespace.AppMethods{}
+  interface Framework7Params extends ServiceWorkerNamespace.AppParams{}
+  interface Framework7Events extends ServiceWorkerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SupportNamespace.AppMethods{}
+  interface Framework7Params extends SupportNamespace.AppParams{}
+  interface Framework7Events extends SupportNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchNamespace.AppMethods{}
+  interface Framework7Params extends TouchNamespace.AppParams{}
+  interface Framework7Events extends TouchNamespace.AppEvents{}
+  interface Framework7Class<Events> extends UtilsNamespace.AppMethods{}
+  interface Framework7Params extends UtilsNamespace.AppParams{}
+  interface Framework7Events extends UtilsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AccordionNamespace.AppMethods{}
+  interface Framework7Params extends AccordionNamespace.AppParams{}
+  interface Framework7Events extends AccordionNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ActionsNamespace.AppMethods{}
+  interface Framework7Params extends ActionsNamespace.AppParams{}
+  interface Framework7Events extends ActionsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AutocompleteNamespace.AppMethods{}
+  interface Framework7Params extends AutocompleteNamespace.AppParams{}
+  interface Framework7Events extends AutocompleteNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BadgeNamespace.AppMethods{}
+  interface Framework7Params extends BadgeNamespace.AppParams{}
+  interface Framework7Events extends BadgeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BlockNamespace.AppMethods{}
+  interface Framework7Params extends BlockNamespace.AppParams{}
+  interface Framework7Events extends BlockNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ButtonNamespace.AppMethods{}
+  interface Framework7Params extends ButtonNamespace.AppParams{}
+  interface Framework7Events extends ButtonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CalendarNamespace.AppMethods{}
+  interface Framework7Params extends CalendarNamespace.AppParams{}
+  interface Framework7Events extends CalendarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CardNamespace.AppMethods{}
+  interface Framework7Params extends CardNamespace.AppParams{}
+  interface Framework7Events extends CardNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CheckboxNamespace.AppMethods{}
+  interface Framework7Params extends CheckboxNamespace.AppParams{}
+  interface Framework7Events extends CheckboxNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ChipNamespace.AppMethods{}
+  interface Framework7Params extends ChipNamespace.AppParams{}
+  interface Framework7Events extends ChipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ContactsListNamespace.AppMethods{}
+  interface Framework7Params extends ContactsListNamespace.AppParams{}
+  interface Framework7Events extends ContactsListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DataTableNamespace.AppMethods{}
+  interface Framework7Params extends DataTableNamespace.AppParams{}
+  interface Framework7Events extends DataTableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DialogNamespace.AppMethods{}
+  interface Framework7Params extends DialogNamespace.AppParams{}
+  interface Framework7Events extends DialogNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ElevationNamespace.AppMethods{}
+  interface Framework7Params extends ElevationNamespace.AppParams{}
+  interface Framework7Events extends ElevationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FabNamespace.AppMethods{}
+  interface Framework7Params extends FabNamespace.AppParams{}
+  interface Framework7Events extends FabNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FormNamespace.AppMethods{}
+  interface Framework7Params extends FormNamespace.AppParams{}
+  interface Framework7Events extends FormNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GaugeNamespace.AppMethods{}
+  interface Framework7Params extends GaugeNamespace.AppParams{}
+  interface Framework7Events extends GaugeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GridNamespace.AppMethods{}
+  interface Framework7Params extends GridNamespace.AppParams{}
+  interface Framework7Events extends GridNamespace.AppEvents{}
+  interface Framework7Class<Events> extends IconNamespace.AppMethods{}
+  interface Framework7Params extends IconNamespace.AppParams{}
+  interface Framework7Events extends IconNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InfiniteScrollNamespace.AppMethods{}
+  interface Framework7Params extends InfiniteScrollNamespace.AppParams{}
+  interface Framework7Events extends InfiniteScrollNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InputNamespace.AppMethods{}
+  interface Framework7Params extends InputNamespace.AppParams{}
+  interface Framework7Events extends InputNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LazyNamespace.AppMethods{}
+  interface Framework7Params extends LazyNamespace.AppParams{}
+  interface Framework7Events extends LazyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LinkNamespace.AppMethods{}
+  interface Framework7Params extends LinkNamespace.AppParams{}
+  interface Framework7Events extends LinkNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListNamespace.AppMethods{}
+  interface Framework7Params extends ListNamespace.AppParams{}
+  interface Framework7Events extends ListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListIndexNamespace.AppMethods{}
+  interface Framework7Params extends ListIndexNamespace.AppParams{}
+  interface Framework7Events extends ListIndexNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LoginScreenNamespace.AppMethods{}
+  interface Framework7Params extends LoginScreenNamespace.AppParams{}
+  interface Framework7Events extends LoginScreenNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MenuNamespace.AppMethods{}
+  interface Framework7Params extends MenuNamespace.AppParams{}
+  interface Framework7Events extends MenuNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagebarNamespace.AppMethods{}
+  interface Framework7Params extends MessagebarNamespace.AppParams{}
+  interface Framework7Events extends MessagebarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagesNamespace.AppMethods{}
+  interface Framework7Params extends MessagesNamespace.AppParams{}
+  interface Framework7Events extends MessagesNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ModalNamespace.AppMethods{}
+  interface Framework7Params extends ModalNamespace.AppParams{}
+  interface Framework7Events extends ModalNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NavbarNamespace.AppMethods{}
+  interface Framework7Params extends NavbarNamespace.AppParams{}
+  interface Framework7Events extends NavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NotificationNamespace.AppMethods{}
+  interface Framework7Params extends NotificationNamespace.AppParams{}
+  interface Framework7Events extends NotificationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PageNamespace.AppMethods{}
+  interface Framework7Params extends PageNamespace.AppParams{}
+  interface Framework7Events extends PageNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PanelNamespace.AppMethods{}
+  interface Framework7Params extends PanelNamespace.AppParams{}
+  interface Framework7Events extends PanelNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PhotoBrowserNamespace.AppMethods{}
+  interface Framework7Params extends PhotoBrowserNamespace.AppParams{}
+  interface Framework7Events extends PhotoBrowserNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PickerNamespace.AppMethods{}
+  interface Framework7Params extends PickerNamespace.AppParams{}
+  interface Framework7Events extends PickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopoverNamespace.AppMethods{}
+  interface Framework7Params extends PopoverNamespace.AppParams{}
+  interface Framework7Events extends PopoverNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopupNamespace.AppMethods{}
+  interface Framework7Params extends PopupNamespace.AppParams{}
+  interface Framework7Events extends PopupNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PreloaderNamespace.AppMethods{}
+  interface Framework7Params extends PreloaderNamespace.AppParams{}
+  interface Framework7Events extends PreloaderNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ProgressbarNamespace.AppMethods{}
+  interface Framework7Params extends ProgressbarNamespace.AppParams{}
+  interface Framework7Events extends ProgressbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PullToRefreshNamespace.AppMethods{}
+  interface Framework7Params extends PullToRefreshNamespace.AppParams{}
+  interface Framework7Events extends PullToRefreshNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RadioNamespace.AppMethods{}
+  interface Framework7Params extends RadioNamespace.AppParams{}
+  interface Framework7Events extends RadioNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RangeNamespace.AppMethods{}
+  interface Framework7Params extends RangeNamespace.AppParams{}
+  interface Framework7Events extends RangeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SearchbarNamespace.AppMethods{}
+  interface Framework7Params extends SearchbarNamespace.AppParams{}
+  interface Framework7Events extends SearchbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SheetNamespace.AppMethods{}
+  interface Framework7Params extends SheetNamespace.AppParams{}
+  interface Framework7Events extends SheetNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SkeletonNamespace.AppMethods{}
+  interface Framework7Params extends SkeletonNamespace.AppParams{}
+  interface Framework7Events extends SkeletonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SmartSelectNamespace.AppMethods{}
+  interface Framework7Params extends SmartSelectNamespace.AppParams{}
+  interface Framework7Events extends SmartSelectNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SortableNamespace.AppMethods{}
+  interface Framework7Params extends SortableNamespace.AppParams{}
+  interface Framework7Events extends SortableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StatusbarNamespace.AppMethods{}
+  interface Framework7Params extends StatusbarNamespace.AppParams{}
+  interface Framework7Events extends StatusbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StepperNamespace.AppMethods{}
+  interface Framework7Params extends StepperNamespace.AppParams{}
+  interface Framework7Events extends StepperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SubnavbarNamespace.AppMethods{}
+  interface Framework7Params extends SubnavbarNamespace.AppParams{}
+  interface Framework7Events extends SubnavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwipeoutNamespace.AppMethods{}
+  interface Framework7Params extends SwipeoutNamespace.AppParams{}
+  interface Framework7Events extends SwipeoutNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwiperNamespace.AppMethods{}
+  interface Framework7Params extends SwiperNamespace.AppParams{}
+  interface Framework7Events extends SwiperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TabsNamespace.AppMethods{}
+  interface Framework7Params extends TabsNamespace.AppParams{}
+  interface Framework7Events extends TabsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TimelineNamespace.AppMethods{}
+  interface Framework7Params extends TimelineNamespace.AppParams{}
+  interface Framework7Events extends TimelineNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToastNamespace.AppMethods{}
+  interface Framework7Params extends ToastNamespace.AppParams{}
+  interface Framework7Events extends ToastNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToggleNamespace.AppMethods{}
+  interface Framework7Params extends ToggleNamespace.AppParams{}
+  interface Framework7Events extends ToggleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToolbarNamespace.AppMethods{}
+  interface Framework7Params extends ToolbarNamespace.AppParams{}
+  interface Framework7Events extends ToolbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TooltipNamespace.AppMethods{}
+  interface Framework7Params extends TooltipNamespace.AppParams{}
+  interface Framework7Events extends TooltipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchRippleNamespace.AppMethods{}
+  interface Framework7Params extends TouchRippleNamespace.AppParams{}
+  interface Framework7Events extends TouchRippleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TypographyNamespace.AppMethods{}
+  interface Framework7Params extends TypographyNamespace.AppParams{}
+  interface Framework7Events extends TypographyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViNamespace.AppMethods{}
+  interface Framework7Params extends ViNamespace.AppParams{}
+  interface Framework7Events extends ViNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViewNamespace.AppMethods{}
+  interface Framework7Params extends ViewNamespace.AppParams{}
+  interface Framework7Events extends ViewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends VirtualListNamespace.AppMethods{}
+  interface Framework7Params extends VirtualListNamespace.AppParams{}
+  interface Framework7Events extends VirtualListNamespace.AppEvents{}
+}
+
+export { Request, Utils, Support, Device, Template7, Dom7 };
+export default Framework7;

mobile/www/framework7/js/framework7.d.ts

@@ -0,0 +1,311 @@
+import Template7 from 'template7';
+import Dom7 from 'dom7';
+import Framework7 from './components/app/app-class';
+
+// Helpers
+import Request from './utils/request';
+import Utils from './utils/utils';
+import Support from './utils/support';
+import Device from './utils/device';
+
+// Modules
+import {Clicks as ClicksNamespace} from './modules/clicks/clicks';
+import {Device as DeviceNamespace} from './modules/device/device';
+import {Request as RequestNamespace} from './modules/request/request';
+import {Resize as ResizeNamespace} from './modules/resize/resize';
+import {Router as RouterNamespace} from './modules/router/router';
+import {ServiceWorker as ServiceWorkerNamespace} from './modules/service-worker/service-worker';
+import {Support as SupportNamespace} from './modules/support/support';
+import {Touch as TouchNamespace} from './modules/touch/touch';
+import {Utils as UtilsNamespace} from './modules/utils/utils';
+
+// Components
+import {Accordion as AccordionNamespace} from './components/accordion/accordion';
+import {Actions as ActionsNamespace} from './components/actions/actions';
+import {Autocomplete as AutocompleteNamespace} from './components/autocomplete/autocomplete';
+import {Badge as BadgeNamespace} from './components/badge/badge';
+import {Block as BlockNamespace} from './components/block/block';
+import {Button as ButtonNamespace} from './components/button/button';
+import {Calendar as CalendarNamespace} from './components/calendar/calendar';
+import {Card as CardNamespace} from './components/card/card';
+import {Checkbox as CheckboxNamespace} from './components/checkbox/checkbox';
+import {Chip as ChipNamespace} from './components/chip/chip';
+import {ContactsList as ContactsListNamespace} from './components/contacts-list/contacts-list';
+import {DataTable as DataTableNamespace} from './components/data-table/data-table';
+import {Dialog as DialogNamespace} from './components/dialog/dialog';
+import {Elevation as ElevationNamespace} from './components/elevation/elevation';
+import {Fab as FabNamespace} from './components/fab/fab';
+import {Form as FormNamespace} from './components/form/form';
+import {Gauge as GaugeNamespace} from './components/gauge/gauge';
+import {Grid as GridNamespace} from './components/grid/grid';
+import {Icon as IconNamespace} from './components/icon/icon';
+import {InfiniteScroll as InfiniteScrollNamespace} from './components/infinite-scroll/infinite-scroll';
+import {Input as InputNamespace} from './components/input/input';
+import {Lazy as LazyNamespace} from './components/lazy/lazy';
+import {Link as LinkNamespace} from './components/link/link';
+import {List as ListNamespace} from './components/list/list';
+import {ListIndex as ListIndexNamespace} from './components/list-index/list-index';
+import {LoginScreen as LoginScreenNamespace} from './components/login-screen/login-screen';
+import {Menu as MenuNamespace} from './components/menu/menu';
+import {Messagebar as MessagebarNamespace} from './components/messagebar/messagebar';
+import {Messages as MessagesNamespace} from './components/messages/messages';
+import {Modal as ModalNamespace} from './components/modal/modal';
+import {Navbar as NavbarNamespace} from './components/navbar/navbar';
+import {Notification as NotificationNamespace} from './components/notification/notification';
+import {Page as PageNamespace} from './components/page/page';
+import {Panel as PanelNamespace} from './components/panel/panel';
+import {PhotoBrowser as PhotoBrowserNamespace} from './components/photo-browser/photo-browser';
+import {Picker as PickerNamespace} from './components/picker/picker';
+import {Popover as PopoverNamespace} from './components/popover/popover';
+import {Popup as PopupNamespace} from './components/popup/popup';
+import {Preloader as PreloaderNamespace} from './components/preloader/preloader';
+import {Progressbar as ProgressbarNamespace} from './components/progressbar/progressbar';
+import {PullToRefresh as PullToRefreshNamespace} from './components/pull-to-refresh/pull-to-refresh';
+import {Radio as RadioNamespace} from './components/radio/radio';
+import {Range as RangeNamespace} from './components/range/range';
+import {Searchbar as SearchbarNamespace} from './components/searchbar/searchbar';
+import {Sheet as SheetNamespace} from './components/sheet/sheet';
+import {Skeleton as SkeletonNamespace} from './components/skeleton/skeleton';
+import {SmartSelect as SmartSelectNamespace} from './components/smart-select/smart-select';
+import {Sortable as SortableNamespace} from './components/sortable/sortable';
+import {Statusbar as StatusbarNamespace} from './components/statusbar/statusbar';
+import {Stepper as StepperNamespace} from './components/stepper/stepper';
+import {Subnavbar as SubnavbarNamespace} from './components/subnavbar/subnavbar';
+import {Swipeout as SwipeoutNamespace} from './components/swipeout/swipeout';
+import {Swiper as SwiperNamespace} from './components/swiper/swiper';
+import {Tabs as TabsNamespace} from './components/tabs/tabs';
+import {Timeline as TimelineNamespace} from './components/timeline/timeline';
+import {Toast as ToastNamespace} from './components/toast/toast';
+import {Toggle as ToggleNamespace} from './components/toggle/toggle';
+import {Toolbar as ToolbarNamespace} from './components/toolbar/toolbar';
+import {Tooltip as TooltipNamespace} from './components/tooltip/tooltip';
+import {TouchRipple as TouchRippleNamespace} from './components/touch-ripple/touch-ripple';
+import {Typography as TypographyNamespace} from './components/typography/typography';
+import {Vi as ViNamespace} from './components/vi/vi';
+import {View as ViewNamespace} from './components/view/view';
+import {VirtualList as VirtualListNamespace} from './components/virtual-list/virtual-list';
+
+declare module './components/app/app-class' {
+  interface Framework7Class<Events> extends ClicksNamespace.AppMethods{}
+  interface Framework7Params extends ClicksNamespace.AppParams{}
+  interface Framework7Events extends ClicksNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DeviceNamespace.AppMethods{}
+  interface Framework7Params extends DeviceNamespace.AppParams{}
+  interface Framework7Events extends DeviceNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RequestNamespace.AppMethods{}
+  interface Framework7Params extends RequestNamespace.AppParams{}
+  interface Framework7Events extends RequestNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ResizeNamespace.AppMethods{}
+  interface Framework7Params extends ResizeNamespace.AppParams{}
+  interface Framework7Events extends ResizeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RouterNamespace.AppMethods{}
+  interface Framework7Params extends RouterNamespace.AppParams{}
+  interface Framework7Events extends RouterNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ServiceWorkerNamespace.AppMethods{}
+  interface Framework7Params extends ServiceWorkerNamespace.AppParams{}
+  interface Framework7Events extends ServiceWorkerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SupportNamespace.AppMethods{}
+  interface Framework7Params extends SupportNamespace.AppParams{}
+  interface Framework7Events extends SupportNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchNamespace.AppMethods{}
+  interface Framework7Params extends TouchNamespace.AppParams{}
+  interface Framework7Events extends TouchNamespace.AppEvents{}
+  interface Framework7Class<Events> extends UtilsNamespace.AppMethods{}
+  interface Framework7Params extends UtilsNamespace.AppParams{}
+  interface Framework7Events extends UtilsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AccordionNamespace.AppMethods{}
+  interface Framework7Params extends AccordionNamespace.AppParams{}
+  interface Framework7Events extends AccordionNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ActionsNamespace.AppMethods{}
+  interface Framework7Params extends ActionsNamespace.AppParams{}
+  interface Framework7Events extends ActionsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends AutocompleteNamespace.AppMethods{}
+  interface Framework7Params extends AutocompleteNamespace.AppParams{}
+  interface Framework7Events extends AutocompleteNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BadgeNamespace.AppMethods{}
+  interface Framework7Params extends BadgeNamespace.AppParams{}
+  interface Framework7Events extends BadgeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends BlockNamespace.AppMethods{}
+  interface Framework7Params extends BlockNamespace.AppParams{}
+  interface Framework7Events extends BlockNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ButtonNamespace.AppMethods{}
+  interface Framework7Params extends ButtonNamespace.AppParams{}
+  interface Framework7Events extends ButtonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CalendarNamespace.AppMethods{}
+  interface Framework7Params extends CalendarNamespace.AppParams{}
+  interface Framework7Events extends CalendarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CardNamespace.AppMethods{}
+  interface Framework7Params extends CardNamespace.AppParams{}
+  interface Framework7Events extends CardNamespace.AppEvents{}
+  interface Framework7Class<Events> extends CheckboxNamespace.AppMethods{}
+  interface Framework7Params extends CheckboxNamespace.AppParams{}
+  interface Framework7Events extends CheckboxNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ChipNamespace.AppMethods{}
+  interface Framework7Params extends ChipNamespace.AppParams{}
+  interface Framework7Events extends ChipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ContactsListNamespace.AppMethods{}
+  interface Framework7Params extends ContactsListNamespace.AppParams{}
+  interface Framework7Events extends ContactsListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DataTableNamespace.AppMethods{}
+  interface Framework7Params extends DataTableNamespace.AppParams{}
+  interface Framework7Events extends DataTableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends DialogNamespace.AppMethods{}
+  interface Framework7Params extends DialogNamespace.AppParams{}
+  interface Framework7Events extends DialogNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ElevationNamespace.AppMethods{}
+  interface Framework7Params extends ElevationNamespace.AppParams{}
+  interface Framework7Events extends ElevationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FabNamespace.AppMethods{}
+  interface Framework7Params extends FabNamespace.AppParams{}
+  interface Framework7Events extends FabNamespace.AppEvents{}
+  interface Framework7Class<Events> extends FormNamespace.AppMethods{}
+  interface Framework7Params extends FormNamespace.AppParams{}
+  interface Framework7Events extends FormNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GaugeNamespace.AppMethods{}
+  interface Framework7Params extends GaugeNamespace.AppParams{}
+  interface Framework7Events extends GaugeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends GridNamespace.AppMethods{}
+  interface Framework7Params extends GridNamespace.AppParams{}
+  interface Framework7Events extends GridNamespace.AppEvents{}
+  interface Framework7Class<Events> extends IconNamespace.AppMethods{}
+  interface Framework7Params extends IconNamespace.AppParams{}
+  interface Framework7Events extends IconNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InfiniteScrollNamespace.AppMethods{}
+  interface Framework7Params extends InfiniteScrollNamespace.AppParams{}
+  interface Framework7Events extends InfiniteScrollNamespace.AppEvents{}
+  interface Framework7Class<Events> extends InputNamespace.AppMethods{}
+  interface Framework7Params extends InputNamespace.AppParams{}
+  interface Framework7Events extends InputNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LazyNamespace.AppMethods{}
+  interface Framework7Params extends LazyNamespace.AppParams{}
+  interface Framework7Events extends LazyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LinkNamespace.AppMethods{}
+  interface Framework7Params extends LinkNamespace.AppParams{}
+  interface Framework7Events extends LinkNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListNamespace.AppMethods{}
+  interface Framework7Params extends ListNamespace.AppParams{}
+  interface Framework7Events extends ListNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ListIndexNamespace.AppMethods{}
+  interface Framework7Params extends ListIndexNamespace.AppParams{}
+  interface Framework7Events extends ListIndexNamespace.AppEvents{}
+  interface Framework7Class<Events> extends LoginScreenNamespace.AppMethods{}
+  interface Framework7Params extends LoginScreenNamespace.AppParams{}
+  interface Framework7Events extends LoginScreenNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MenuNamespace.AppMethods{}
+  interface Framework7Params extends MenuNamespace.AppParams{}
+  interface Framework7Events extends MenuNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagebarNamespace.AppMethods{}
+  interface Framework7Params extends MessagebarNamespace.AppParams{}
+  interface Framework7Events extends MessagebarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends MessagesNamespace.AppMethods{}
+  interface Framework7Params extends MessagesNamespace.AppParams{}
+  interface Framework7Events extends MessagesNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ModalNamespace.AppMethods{}
+  interface Framework7Params extends ModalNamespace.AppParams{}
+  interface Framework7Events extends ModalNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NavbarNamespace.AppMethods{}
+  interface Framework7Params extends NavbarNamespace.AppParams{}
+  interface Framework7Events extends NavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends NotificationNamespace.AppMethods{}
+  interface Framework7Params extends NotificationNamespace.AppParams{}
+  interface Framework7Events extends NotificationNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PageNamespace.AppMethods{}
+  interface Framework7Params extends PageNamespace.AppParams{}
+  interface Framework7Events extends PageNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PanelNamespace.AppMethods{}
+  interface Framework7Params extends PanelNamespace.AppParams{}
+  interface Framework7Events extends PanelNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PhotoBrowserNamespace.AppMethods{}
+  interface Framework7Params extends PhotoBrowserNamespace.AppParams{}
+  interface Framework7Events extends PhotoBrowserNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PickerNamespace.AppMethods{}
+  interface Framework7Params extends PickerNamespace.AppParams{}
+  interface Framework7Events extends PickerNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopoverNamespace.AppMethods{}
+  interface Framework7Params extends PopoverNamespace.AppParams{}
+  interface Framework7Events extends PopoverNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PopupNamespace.AppMethods{}
+  interface Framework7Params extends PopupNamespace.AppParams{}
+  interface Framework7Events extends PopupNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PreloaderNamespace.AppMethods{}
+  interface Framework7Params extends PreloaderNamespace.AppParams{}
+  interface Framework7Events extends PreloaderNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ProgressbarNamespace.AppMethods{}
+  interface Framework7Params extends ProgressbarNamespace.AppParams{}
+  interface Framework7Events extends ProgressbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends PullToRefreshNamespace.AppMethods{}
+  interface Framework7Params extends PullToRefreshNamespace.AppParams{}
+  interface Framework7Events extends PullToRefreshNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RadioNamespace.AppMethods{}
+  interface Framework7Params extends RadioNamespace.AppParams{}
+  interface Framework7Events extends RadioNamespace.AppEvents{}
+  interface Framework7Class<Events> extends RangeNamespace.AppMethods{}
+  interface Framework7Params extends RangeNamespace.AppParams{}
+  interface Framework7Events extends RangeNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SearchbarNamespace.AppMethods{}
+  interface Framework7Params extends SearchbarNamespace.AppParams{}
+  interface Framework7Events extends SearchbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SheetNamespace.AppMethods{}
+  interface Framework7Params extends SheetNamespace.AppParams{}
+  interface Framework7Events extends SheetNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SkeletonNamespace.AppMethods{}
+  interface Framework7Params extends SkeletonNamespace.AppParams{}
+  interface Framework7Events extends SkeletonNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SmartSelectNamespace.AppMethods{}
+  interface Framework7Params extends SmartSelectNamespace.AppParams{}
+  interface Framework7Events extends SmartSelectNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SortableNamespace.AppMethods{}
+  interface Framework7Params extends SortableNamespace.AppParams{}
+  interface Framework7Events extends SortableNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StatusbarNamespace.AppMethods{}
+  interface Framework7Params extends StatusbarNamespace.AppParams{}
+  interface Framework7Events extends StatusbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends StepperNamespace.AppMethods{}
+  interface Framework7Params extends StepperNamespace.AppParams{}
+  interface Framework7Events extends StepperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SubnavbarNamespace.AppMethods{}
+  interface Framework7Params extends SubnavbarNamespace.AppParams{}
+  interface Framework7Events extends SubnavbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwipeoutNamespace.AppMethods{}
+  interface Framework7Params extends SwipeoutNamespace.AppParams{}
+  interface Framework7Events extends SwipeoutNamespace.AppEvents{}
+  interface Framework7Class<Events> extends SwiperNamespace.AppMethods{}
+  interface Framework7Params extends SwiperNamespace.AppParams{}
+  interface Framework7Events extends SwiperNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TabsNamespace.AppMethods{}
+  interface Framework7Params extends TabsNamespace.AppParams{}
+  interface Framework7Events extends TabsNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TimelineNamespace.AppMethods{}
+  interface Framework7Params extends TimelineNamespace.AppParams{}
+  interface Framework7Events extends TimelineNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToastNamespace.AppMethods{}
+  interface Framework7Params extends ToastNamespace.AppParams{}
+  interface Framework7Events extends ToastNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToggleNamespace.AppMethods{}
+  interface Framework7Params extends ToggleNamespace.AppParams{}
+  interface Framework7Events extends ToggleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ToolbarNamespace.AppMethods{}
+  interface Framework7Params extends ToolbarNamespace.AppParams{}
+  interface Framework7Events extends ToolbarNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TooltipNamespace.AppMethods{}
+  interface Framework7Params extends TooltipNamespace.AppParams{}
+  interface Framework7Events extends TooltipNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TouchRippleNamespace.AppMethods{}
+  interface Framework7Params extends TouchRippleNamespace.AppParams{}
+  interface Framework7Events extends TouchRippleNamespace.AppEvents{}
+  interface Framework7Class<Events> extends TypographyNamespace.AppMethods{}
+  interface Framework7Params extends TypographyNamespace.AppParams{}
+  interface Framework7Events extends TypographyNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViNamespace.AppMethods{}
+  interface Framework7Params extends ViNamespace.AppParams{}
+  interface Framework7Events extends ViNamespace.AppEvents{}
+  interface Framework7Class<Events> extends ViewNamespace.AppMethods{}
+  interface Framework7Params extends ViewNamespace.AppParams{}
+  interface Framework7Events extends ViewNamespace.AppEvents{}
+  interface Framework7Class<Events> extends VirtualListNamespace.AppMethods{}
+  interface Framework7Params extends VirtualListNamespace.AppParams{}
+  interface Framework7Events extends VirtualListNamespace.AppEvents{}
+}
+
+export { Request, Utils, Support, Device, Template7, Dom7 };
+export default Framework7;

mobile/www/index.html

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="default">
+  <meta name="theme-color" content="#2196f3">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+  <title>My App</title>
+
+  <link rel="stylesheet" href="framework7/css/framework7.bundle.min.css">
+  <link rel="stylesheet" href="css/icons.css">
+  <link rel="stylesheet" href="css/app.css">
+</head>
+<body>
+  <div id="app">
+    <!-- Status bar overlay for fullscreen mode-->
+    <div class="statusbar"></div>
+    <!-- Left panel with cover effect-->
+    <div class="panel panel-left panel-cover theme-dark">
+      <div class="view">
+        <div class="page">
+          <div class="navbar">
+            <div class="navbar-inner">
+              <div class="title">Left Panel</div>
+            </div>
+          </div>
+          <div class="page-content">
+            <div class="block">Left panel content goes here</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Right panel with reveal effect-->
+    <div class="panel panel-right panel-reveal theme-dark">
+      <div class="view">
+        <div class="page">
+          <div class="navbar">
+            <div class="navbar-inner">
+              <div class="title">Right Panel</div>
+            </div>
+          </div>
+          <div class="page-content">
+            <div class="block">Right panel content goes here</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Your main view, should have "view-main" class -->
+    <div class="view view-main safe-areas">
+      <!-- Page, data-name contains page name which can be used in callbacks -->
+      <div class="page" data-name="home">
+        <!-- Top Navbar -->
+        <div class="navbar">
+          <div class="navbar-inner">
+            <div class="left">
+              <a href="#" class="link icon-only panel-open" data-panel="left">
+                <i class="icon f7-icons ios-only">menu</i>
+                <i class="icon material-icons md-only">menu</i>
+              </a>
+            </div>
+            <div class="title sliding">My App</div>
+            <div class="right">
+              <a href="#" class="link icon-only panel-open" data-panel="right">
+                <i class="icon f7-icons ios-only">menu</i>
+                <i class="icon material-icons md-only">menu</i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <!-- Toolbar-->
+        <div class="toolbar toolbar-bottom">
+          <div class="toolbar-inner">
+            <a href="#" class="link">Left Link</a>
+            <a href="#" class="link">Right Link</a>
+          </div>
+        </div>
+        <!-- Scrollable page content-->
+        <div class="page-content">
+          <div class="block block-strong">
+            <p>Here is your blank Framework7 app. Let's see what we have here.</p>
+          </div>
+
+          <div class="block-title">Navigation</div>
+          <div class="list">
+            <ul>
+              <li>
+                <a href="/about/" class="item-content item-link">
+                  <div class="item-inner">
+                    <div class="item-title">About</div>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a href="/form/" class="item-content item-link">
+                  <div class="item-inner">
+                    <div class="item-title">Form</div>
+                  </div>
+                </a>
+              </li>
+            </ul>
+          </div>
+
+          <div class="block-title">Modals</div>
+          <div class="block block-strong">
+            <div class="row">
+              <div class="col-50">
+                <a href="#" class="button button-raised button-fill popup-open" data-popup="#my-popup">Popup</a>
+              </div>
+              <div class="col-50">
+                <a href="#" class="button button-raised button-fill login-screen-open" data-login-screen="#my-login-screen">Login Screen</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="block-title">Panels</div>
+          <div class="block block-strong">
+            <div class="row">
+              <div class="col-50">
+                <a href="#" class="button button-raised button-fill panel-open" data-panel="left">Left Panel</a>
+              </div>
+              <div class="col-50">
+                <a href="#" class="button button-raised button-fill panel-open" data-panel="right">Right Panel</a>
+              </div>
+            </div>
+          </div>
+
+          <div class="block-title searchbar-hide-on-search">Page Loaders & Router</div>
+          <div class="list links-list searchbar-hide-on-search">
+            <ul>
+              <li>
+                <a href="/page-loader-template7/vladimir/123/about-me/1/?start=0&end=30#top">Template7 Page</a>
+              </li>
+              <li>
+                <a href="/page-loader-component/vladimir/123/about-me/1/?start=0&end=30#top">Component Page</a>
+              </li>
+              <li>
+                <a href="/load-something-that-doesnt-exist/">Default Route (404)</a>
+              </li>
+              <li>
+                <a href="/request-and-load/user/123456/">Request Data & Load</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Popup -->
+    <div class="popup" id="my-popup">
+      <div class="view">
+        <div class="page">
+          <div class="navbar">
+            <div class="navbar-inner">
+              <div class="title">Popup</div>
+              <div class="right">
+                <a href="#" class="link popup-close">Close</a>
+              </div>
+            </div>
+          </div>
+          <div class="page-content">
+            <div class="block">
+              <p>Popup content goes here.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Login Screen -->
+    <div class="login-screen" id="my-login-screen">
+      <div class="view">
+        <div class="page">
+          <div class="page-content login-screen-content">
+            <div class="login-screen-title">Login</div>
+            <div class="list">
+              <ul>
+                <li class="item-content item-input">
+                  <div class="item-inner">
+                    <div class="item-title item-label">Username</div>
+                    <div class="item-input-wrap">
+                      <input type="text" name="username" placeholder="Your username">
+                    </div>
+                  </div>
+                </li>
+                <li class="item-content item-input">
+                  <div class="item-inner">
+                    <div class="item-title item-label">Password</div>
+                    <div class="item-input-wrap">
+                      <input type="password" name="password" placeholder="Your password">
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="list">
+              <ul>
+                <li>
+                  <a href="#" class="item-link list-button login-button">Sign In</a>
+                </li>
+              </ul>
+              <div class="block-footer">Some text about login information.<br>Click "Sign In" to close Login Screen</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Cordova -->
+  <!--
+  <script src="cordova.js"></script>
+  -->
+
+  <!-- Framework7 library -->
+  <script src="framework7/js/framework7.bundle.min.js"></script>
+
+  <!-- App routes -->
+  <script src="js/routes.js"></script>
+
+  <!-- Your custom app scripts -->
+  <script src="js/app.js"></script>
+</body>
+</html>

mobile/www/js/app.js

@@ -0,0 +1,44 @@
+// Dom7
+var $$ = Dom7;
+
+// Framework7 App main instance
+var app  = new Framework7({
+  root: '#app', // App root element
+  id: 'io.framework7.testapp', // App bundle ID
+  name: 'Framework7', // App name
+  theme: 'auto', // Automatic theme detection
+  // App root data
+  data: function () {
+    return {
+      user: {
+        firstName: 'John',
+        lastName: 'Doe',
+      },
+    };
+  },
+  // App root methods
+  methods: {
+    helloWorld: function () {
+      app.dialog.alert('Hello World!');
+    },
+  },
+  // App routes
+  routes: routes,
+});
+
+// Init/Create main view
+var mainView = app.views.create('.view-main', {
+  url: '/'
+});
+
+// Login Screen Demo
+$$('#my-login-screen .login-button').on('click', function () {
+  var username = $$('#my-login-screen [name="username"]').val();
+  var password = $$('#my-login-screen [name="password"]').val();
+
+  // Close login screen
+  app.loginScreen.close('#my-login-screen');
+
+  // Alert username and password
+  app.dialog.alert('Username: ' + username + '<br>Password: ' + password);
+});

mobile/www/js/routes.js

@@ -0,0 +1,79 @@
+routes = [
+    {
+      path: '/',
+      url: './index.html',
+    },
+    {
+      path: '/about/',
+      url: './pages/about.html',
+    },
+    {
+      path: '/form/',
+      url: './pages/form.html',
+    },
+    // Page Loaders & Router
+    {
+      path: '/page-loader-template7/:user/:userId/:posts/:postId/',
+      templateUrl: './pages/page-loader-template7.html',
+    },
+    {
+      path: '/page-loader-component/:user/:userId/:posts/:postId/',
+      componentUrl: './pages/page-loader-component.html',
+    },
+    {
+      path: '/request-and-load/user/:userId/',
+      async: function (routeTo, routeFrom, resolve, reject) {
+        // Router instance
+        var router = this;
+  
+        // App instance
+        var app = router.app;
+  
+        // Show Preloader
+        app.preloader.show();
+  
+        // User ID from request
+        var userId = routeTo.params.userId;
+  
+        // Simulate Ajax Request
+        setTimeout(function () {
+          // We got user data from request
+          var user = {
+            firstName: 'Vladimir',
+            lastName: 'Kharlampidi',
+            about: 'Hello, i am creator of Framework7! Hope you like it!',
+            links: [
+              {
+                title: 'Framework7 Website',
+                url: 'http://framework7.io',
+              },
+              {
+                title: 'Framework7 Forum',
+                url: 'http://forum.framework7.io',
+              },
+            ]
+          };
+          // Hide Preloader
+          app.preloader.hide();
+  
+          // Resolve route to load page
+          resolve(
+            {
+              componentUrl: './pages/request-and-load.html',
+            },
+            {
+              context: {
+                user: user,
+              }
+            }
+          );
+        }, 1000);
+      },
+    },
+    // Default route (404 page). MUST BE THE LAST
+    {
+      path: '(.*)',
+      url: './pages/404.html',
+    },
+  ];
+  

mobile/www/pages/404.html

@@ -0,0 +1,19 @@
+<div class="page">
+  <div class="navbar">
+    <div class="navbar-inner sliding">
+      <div class="left">
+        <a href="#" class="link back">
+          <i class="icon icon-back"></i>
+          <span class="ios-only">Back</span>
+        </a>
+      </div>
+      <div class="title">Not found</div>
+    </div>
+  </div>
+  <div class="page-content">
+    <div class="block block-strong">
+      <p>Sorry</p>
+      <p>Requested content not found.</p>
+    </div>
+  </div>
+</div>

mobile/www/pages/about.html

@@ -0,0 +1,25 @@
+<div class="page" data-name="about">
+  <div class="navbar">
+    <div class="navbar-inner sliding">
+      <div class="left">
+        <a href="#" class="link back">
+          <i class="icon icon-back"></i>
+          <span class="ios-only">Back</span>
+        </a>
+      </div>
+      <div class="title">About</div>
+    </div>
+  </div>
+  <div class="page-content">
+    <div class="block-title">About My App</div>
+    <div class="block block-strong">
+      <p>Fugiat perspiciatis excepturi, soluta quod non ullam deleniti. Nobis sint nemo consequuntur, fugiat. Eius perferendis animi autem incidunt vel quod tenetur nostrum, voluptate omnis quasi quidem illum consequuntur, a, quisquam.</p>
+      <p>Laudantium neque magnam vitae nemo quam commodi, in cum dolore obcaecati laborum, excepturi harum, optio qui, consequuntur? Obcaecati dolor sequi nesciunt culpa quia perspiciatis, reiciendis ex debitis, ut tenetur alias.</p>
+    </div>
+    <div class="block">
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni molestiae laudantium dignissimos est nobis delectus nemo ea alias voluptatum architecto, amet similique, saepe iste consectetur in repellat ut minus quibusdam!</p>
+      <p>Molestias et distinctio porro nesciunt ratione similique, magni doloribus, rerum nobis, aliquam quae reiciendis quasi modi. Nam a recusandae, fugiat in ea voluptates fuga eius, velit corrupti reprehenderit dignissimos consequatur!</p>
+      <p>Blanditiis, cumque quo adipisci. Molestiae, dolores dolorum quos doloremque ipsa ullam eligendi commodi deserunt doloribus inventore magni? Ea mollitia veniam nostrum nihil, iusto doloribus a at! Ea molestiae ullam delectus!</p>
+    </div>
+  </div>
+</div>

mobile/www/pages/form.html

@@ -0,0 +1,257 @@
+<div class="page" data-name="form">
+  <div class="navbar">
+    <div class="navbar-inner sliding">
+      <div class="left">
+        <a href="#" class="link back">
+          <i class="icon icon-back"></i>
+          <span class="ios-only">Back</span>
+        </a>
+      </div>
+      <div class="title">Form</div>
+    </div>
+  </div>
+  <div class="page-content">
+    <div class="block-title">Form Example</div>
+    <div class="list no-hairlines-md">
+      <ul>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Name</div>
+              <div class="item-input-wrap">
+                <input type="text" placeholder="Your name"/>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">E-mail</div>
+              <div class="item-input-wrap">
+                <input type="email" placeholder="E-mail"/>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">URL</div>
+              <div class="item-input-wrap">
+                <input type="url" placeholder="URL"/>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Password</div>
+              <div class="item-input-wrap">
+                <input type="password" placeholder="Password"/>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Phone</div>
+              <div class="item-input-wrap">
+                <input type="tel" placeholder="Phone"/>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Gender</div>
+              <div class="item-input-wrap">
+                <select>
+                  <option>Male</option>
+                  <option>Female</option>
+                </select>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Birth date</div>
+              <div class="item-input-wrap">
+                <input type="date" placeholder="Birth day" value="2014-04-30"/>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content">
+            <div class="item-inner">
+              <div class="item-title">Toggle</div>
+              <div class="item-after">
+                <label class="toggle toggle-init">
+                  <input type="checkbox">
+                  <span class="toggle-icon"></span>
+                </label>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li>
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Slider</div>
+              <div class="item-input-wrap">
+                <div class="range-slider range-slider-init" data-label="true">
+                  <input type="range" value="50" min="0" max="100" step="1">
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li class="align-top">
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Textarea</div>
+              <div class="item-input-wrap">
+                <textarea placeholder="Bio"></textarea>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li class="align-top">
+          <div class="item-content item-input">
+            <div class="item-inner">
+              <div class="item-title item-label">Resizable</div>
+              <div class="item-input-wrap">
+                <textarea placeholder="Bio" class="resizable"></textarea>
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="block-title">Buttons</div>
+    <div class="block block-strong">
+      <p class="row">
+        <a href="#" class="col button">Button</a>
+        <a href="#" class="col button button-fill">Fill</a>
+      </p>
+      <p class="row">
+        <a href="#" class="col button button-raised">Raised</a>
+        <a href="#" class="col button button-raised button-fill">Raised Fill</a>
+      </p>
+      <p class="row">
+        <a href="#" class="col button button-round">Round</a>
+        <a href="#" class="col button button-round button-fill">Round Fill</a>
+      </p>
+      <p class="row">
+        <a href="#" class="col button button-outline">Outline</a>
+        <a href="#" class="col button button-round button-outline">Outline Round</a>
+      </p>
+      <p class="row">
+        <a href="#" class="col button button-small button-outline">Small</a>
+        <a href="#" class="col button button-small button-round button-outline">Small Round</a>
+      </p>
+      <p class="row">
+        <a href="#" class="col button button-small button-fill">Small</a>
+        <a href="#" class="col button button-small button-round button-fill">Small Round</a>
+      </p>
+      <p class="row">
+        <a href="#" class="col button button-large button-raised">Large</a>
+        <a href="#" class="col button button-large button-fill button-raised">Large Fill</a>
+      </p>
+
+      <p class="row">
+        <a href="#" class="col button button-large button-fill button-raised color-red">Large Red</a>
+        <a href="#" class="col button button-large button-fill button-raised color-green">Large Green</a>
+      </p>
+
+    </div>
+    <div class="block-title">Checkbox group</div>
+    <div class="list">
+      <ul>
+        <li>
+          <label class="item-checkbox item-content">
+            <input type="checkbox" name="checkbox" value="Books" checked="checked"/>
+            <i class="icon icon-checkbox"></i>
+            <div class="item-inner">
+              <div class="item-title">Books</div>
+            </div>
+          </label>
+        </li>
+        <li>
+          <label class="item-checkbox item-content">
+            <input type="checkbox" name="checkbox" value="Movies"/>
+            <i class="icon icon-checkbox"></i>
+            <div class="item-inner">
+              <div class="item-title">Movies</div>
+            </div>
+          </label>
+        </li>
+        <li>
+          <label class="item-checkbox item-content">
+            <input type="checkbox" name="checkbox" value="Food"/>
+            <i class="icon icon-checkbox"></i>
+            <div class="item-inner">
+              <div class="item-title">Food</div>
+            </div>
+          </label>
+        </li>
+        <li>
+          <label class="item-checkbox item-content">
+            <input type="checkbox" name="checkbox" value="Drinks"/>
+            <i class="icon icon-checkbox"></i>
+            <div class="item-inner">
+              <div class="item-title">Drinks</div>
+            </div>
+          </label>
+        </li>
+      </ul>
+    </div>
+    <div class="block-title">Radio buttons group</div>
+    <div class="list">
+      <ul>
+        <li>
+          <label class="item-radio item-content">
+            <input type="radio" name="radio" value="Books" checked="checked"/>
+            <i class="icon icon-radio"></i>
+            <div class="item-inner">
+              <div class="item-title">Books</div>
+            </div>
+          </label>
+        </li>
+        <li>
+          <label class="item-radio item-content">
+            <input type="radio" name="radio" value="Movies"/>
+            <i class="icon icon-radio"></i>
+            <div class="item-inner">
+              <div class="item-title">Movies</div>
+            </div>
+          </label>
+        </li>
+        <li>
+          <label class="item-radio item-content">
+            <input type="radio" name="radio" value="Food"/>
+            <i class="icon icon-radio"></i>
+            <div class="item-inner">
+              <div class="item-title">Food</div>
+            </div>
+          </label>
+        </li>
+        <li>
+          <label class="item-radio item-content">
+            <input type="radio" name="radio" value="Drinks"/>
+            <i class="icon icon-radio"></i>
+            <div class="item-inner">
+              <div class="item-title">Drinks</div>
+            </div>
+          </label>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>

mobile/www/pages/page-loader-component.html

@@ -0,0 +1,131 @@
+<template>
+  <div class="page">
+    <div class="navbar">
+      <div class="navbar-inner sliding">
+        <div class="left">
+          <a href="#" class="link back">
+            <i class="icon icon-back"></i>
+            <span class="ios-only">Back</span>
+          </a>
+        </div>
+        <div class="title">Component Page</div>
+      </div>
+    </div>
+    <div class="page-content">
+      <div class="block block-strong">
+        <p>Component page is alos compiled with Template7, but it has much more functionality. In addition to Template7 page it has lifecycle hooks, events handling and data managment.</p>
+        <p>It is useful to use Component page when you need page-specific logic.</p>
+      </div>
+      <div class="block-title">Events Handling</div>
+      <div class="block block-strong">
+        <a href="#" class="button button-raised" @click="openAlert">Open Alert</a>
+      </div>
+      <div class="block-title">Page Component Data</div>
+      <div class="block block-strong">
+        <p>Hello! My name is {{name}}. I am {{age}} years old.</p>
+        <p>I like to play:</p>
+        <ul>
+          {{#each like}}
+          <li>{{this}}</li>
+          {{/each}}
+        </ul>
+      </div>
+      <div class="block-title">Extended Context</div>
+      <div class="block block-strong">
+        <p>Component page context as Template7 page context is also extended with some additional variables.</p>
+        <h4>$route</h4>
+        <p>Contains properties of the current route:</p>
+        <ul style="padding-left:25px">
+          <li><b>$route.url</b>: {{$route.url}}</li>
+          <li><b>$route.path</b>: {{$route.path}}</li>
+          <li><b>$route.params</b>: {{js 'return JSON.stringify(this.$route.params)'}}</li>
+          <li><b>$route.hash</b>: {{$route.hash}}</li>
+          <li><b>$route.query</b>: {{js 'return JSON.stringify(this.$route.query)'}}</li>
+        </ul>
+
+        <h4>$root</h4>
+        <p>Root data & methods:</p>
+        <ul style="padding-left:25px">
+          <li><b>$root.user.firstName</b>: {{$root.user.firstName}}</li>
+          <li><b>$root.user.lastName</b>: {{$root.user.lastName}}</li>
+          <li><a @click="$root.helloWorld()">$root.helloWorld()</a></li>
+        </ul>
+
+        <h4>$theme</h4>
+        <p>Currently active theme:</p>
+        <ul style="padding-left:25px">
+          <li><b>$theme.ios</b>: {{$theme.ios}}</li>
+          <li><b>$theme.md</b>: {{$theme.md}}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+<style>
+  p {
+    margin: 10px 0;
+  }
+</style>
+<script>
+  return {
+    // Lifecycle Hooks
+    beforeCreate() {
+      console.log('componentBeforeCreate', this)
+    },
+    created() {
+      console.log('componentCreated', this)
+    },
+    beforeMount() {
+      console.log('componentBeforeMount', this)
+    },
+    mounted() {
+      console.log('componentMounted', this);
+    },
+    beforeDestroy() {
+      console.log('componentBeforeDestroy', this);
+    },
+    destroyed() {
+      console.log('componentDestroyed', this);
+    },
+    // Component Data
+    data: function () {
+      // Must return an object
+      return {
+        name: 'Jimmy',
+        age: 25,
+        like: ['Tennis', 'Chess', 'Football'],
+      }
+    },
+    // Component Methods
+    methods: {
+      openAlert: function () {
+        var self = this;
+        self.$app.dialog.alert('Hello World');
+      },
+    },
+    // Page Events
+    on: {
+      pageMounted: function(e, page) {
+        console.log('pageMounted', page);
+      },
+      pageInit: function(e, page) {
+        console.log('pageInit', page);
+      },
+      pageBeforeIn: function(e, page) {
+        console.log('pageBeforeIn', page);
+      },
+      pageAfterIn: function(e, page) {
+        console.log('pageAfterIn', page);
+      },
+      pageBeforeOut: function(e, page) {
+        console.log('pageBeforeOut', page);
+      },
+      pageAfterOut: function(e, page) {
+        console.log('pageAfterOut', page);
+      },
+      pageBeforeRemove: function(e, page) {
+        console.log('pageBeforeRemove', page);
+      },
+    }
+  }
+</script>

mobile/www/pages/page-loader-template7.html

@@ -0,0 +1,46 @@
+<div class="page">
+  <div class="navbar">
+    <div class="navbar-inner sliding">
+      <div class="left">
+        <a href="#" class="link back">
+          <i class="icon icon-back"></i>
+          <span class="ios-only">Back</span>
+        </a>
+      </div>
+      <div class="title">Template7 Page</div>
+    </div>
+  </div>
+  <div class="page-content">
+    <div class="block block-strong">
+      <p>This page was loaded and compiled with Template7 template engine.</p>
+    </div>
+    <div class="block-title">Extended Context</div>
+    <div class="block block-strong">
+      <p>Template7 page context is extended with some additional variables.</p>
+
+      <h4>$route</h4>
+      <p>Contains properties of the current route:</p>
+      <ul style="padding-left:25px">
+        <li><b>$route.url</b>: {{$route.url}}</li>
+        <li><b>$route.path</b>: {{$route.path}}</li>
+        <li><b>$route.params</b>: {{js 'return JSON.stringify(this.$route.params)'}}</li>
+        <li><b>$route.hash</b>: {{$route.hash}}</li>
+        <li><b>$route.query</b>: {{js 'return JSON.stringify(this.$route.query)'}}</li>
+      </ul>
+
+      <h4>$root</h4>
+      <p>Root app data:</p>
+      <ul style="padding-left:25px">
+        <li><b>$root.user.firstName</b>: {{$root.user.firstName}}</li>
+        <li><b>$root.user.lastName</b>: {{$root.user.lastName}}</li>
+      </ul>
+
+      <h4>$theme</h4>
+      <p>Currently active theme:</p>
+      <ul style="padding-left:25px">
+        <li><b>$theme.ios</b>: {{$theme.ios}}</li>
+        <li><b>$theme.md</b>: {{$theme.md}}</li>
+      </ul>
+    </div>
+  </div>
+</div>

mobile/www/pages/request-and-load.html

@@ -0,0 +1,30 @@
+<template>
+  <div class="page">
+    <div class="navbar">
+      <div class="navbar-inner sliding">
+        <div class="left">
+          <a href="#" class="back link">
+            <i class="icon icon-back"></i>
+            <span class="ios-only">Back</span>
+          </a>
+        </div>
+        <div class="title">{{user.firstName}} {{user.lastName}}</div>
+      </div>
+    </div>
+    <div class="page-content">
+      <div class="block block-strong">
+        {{user.about}}
+      </div>
+      <div class="list links-list">
+        <ul>
+          {{#each user.links}}
+            <li><a class="external" target="_blank" href="{{url}}">{{title}}</a></li>
+          {{/each}}
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  return {}
+</script>