├── .gitignore ├── favicon.ico ├── src ├── images │ ├── screen-1-4-home.jpg │ ├── screen-1-8-list.jpg │ ├── screen-2-4-home.jpg │ ├── screen-2-8-list.jpg │ ├── screen-3-4-home.jpg │ ├── screen-3-8-list.jpg │ ├── screen-4-4-home.jpg │ ├── screen-4-8-list.jpg │ ├── screen-5-4-home.jpg │ ├── screen-5-8-list.jpg │ ├── screen-6-4-home.jpg │ ├── screen-6-8-list.jpg │ ├── screen-7-4-home.jpg │ ├── screen-8-4-home.jpg │ ├── screen-8-8-list.jpg │ ├── screen-9-4-home.jpg │ ├── screen-9-8-list.jpg │ ├── screen-1-1-login.jpg │ ├── screen-1-7-groups.jpg │ ├── screen-1-9-create.jpg │ ├── screen-10-1-login.jpg │ ├── screen-10-4-home.jpg │ ├── screen-10-8-lists.jpg │ ├── screen-2-1-login.jpg │ ├── screen-2-7-groups.jpg │ ├── screen-2-9-create.jpg │ ├── screen-3-1-login.jpg │ ├── screen-3-7-groups.jpg │ ├── screen-3-9-create.jpg │ ├── screen-4-1-login.jpg │ ├── screen-4-7-groups.jpg │ ├── screen-4-9-create.jpg │ ├── screen-5-1-login.jpg │ ├── screen-5-7-groups.jpg │ ├── screen-5-9-create.jpg │ ├── screen-6-1-login.jpg │ ├── screen-6-7-groups.jpg │ ├── screen-6-9-create.jpg │ ├── screen-7-1-login.jpg │ ├── screen-7-7-groups.jpg │ ├── screen-7-8-lists.jpg │ ├── screen-7-9-create.jpg │ ├── screen-8-1-login.jpg │ ├── screen-8-7-groups.jpg │ ├── screen-8-9-create.jpg │ ├── screen-9-1-login.jpg │ ├── screen-9-7-groups.jpg │ ├── screen-9-9-create.jpg │ ├── screen-1-10-profile.jpg │ ├── screen-1-11-timeline.jpg │ ├── screen-1-12-settings.jpg │ ├── screen-1-2-sign-up.jpg │ ├── screen-1-5-calendar.jpg │ ├── screen-1-6-overview.jpg │ ├── screen-10-10-profile.jpg │ ├── screen-10-2-sign-up.jpg │ ├── screen-10-5-calendar.jpg │ ├── screen-10-6-overview.jpg │ ├── screen-10-7-groups.jpg │ ├── screen-10-9-create.jpg │ ├── screen-2-10-profile.jpg │ ├── screen-2-11-timeline.jpg │ ├── screen-2-12-settings.jpg │ ├── screen-2-2-sign-up.jpg │ ├── screen-2-5-calendar.jpg │ ├── screen-2-6-overview.jpg │ ├── screen-3-10-profile.jpg │ ├── screen-3-11-timeline.jpg │ ├── screen-3-12-settings.jpg │ ├── screen-3-2-sign-up.jpg │ ├── screen-3-5-calendar.jpg │ ├── screen-3-6-overview.jpg │ ├── screen-4-10-profile.jpg │ ├── screen-4-11-timeline.jpg │ ├── screen-4-12-settings.jpg │ ├── screen-4-2-sign-up.jpg │ ├── screen-4-5-calendar.jpg │ ├── screen-4-6-overview.jpg │ ├── screen-5-10-profile.jpg │ ├── screen-5-11-timeline.jpg │ ├── screen-5-12-settings.jpg │ ├── screen-5-2-sign-up.jpg │ ├── screen-5-5-calendar.jpg │ ├── screen-5-6-overview.jpg │ ├── screen-6-10-profile.jpg │ ├── screen-6-11-timeline.jpg │ ├── screen-6-12-settings.jpg │ ├── screen-6-2-sign-up.jpg │ ├── screen-6-5-calendar.jpg │ ├── screen-6-6-overview.jpg │ ├── screen-7-10-profile.jpg │ ├── screen-7-11-timeline.jpg │ ├── screen-7-12-settings.jpg │ ├── screen-7-2-sign-up.jpg │ ├── screen-7-5-calendar.jpg │ ├── screen-7-6-overview.jpg │ ├── screen-8-10-profile.jpg │ ├── screen-8-11-timeline.jpg │ ├── screen-8-12-settings.jpg │ ├── screen-8-2-sign-up.jpg │ ├── screen-8-5-calendar.jpg │ ├── screen-8-6-overview.jpg │ ├── screen-9-10-profile.jpg │ ├── screen-9-11-timeline.jpg │ ├── screen-9-12-settings.jpg │ ├── screen-9-2-sign-up.jpg │ ├── screen-9-5-calendar.jpg │ ├── screen-9-6-overview.jpg │ ├── screen-1-13-navigation.jpg │ ├── screen-1-3-walkthrough.jpg │ ├── screen-10-11-timeline.jpg │ ├── screen-10-12-settings.jpg │ ├── screen-2-13-navigation.jpg │ ├── screen-2-3-walkthrough.jpg │ ├── screen-3-13-navigation.jpg │ ├── screen-3-3-walkthrough.jpg │ ├── screen-4-13-navigation.jpg │ ├── screen-4-3-walkthrough.jpg │ ├── screen-5-13-navigation.jpg │ ├── screen-5-3-walkthrough.jpg │ ├── screen-6-13-navigation.jpg │ ├── screen-6-3-walkthrough.jpg │ ├── screen-7-13-navigation.jpg │ ├── screen-7-3-walkthrough.jpg │ ├── screen-8-13-navigation.jpg │ ├── screen-8-3-walkthrough.jpg │ ├── screen-9-13-navigation.jpg │ ├── screen-9-3-walkthrough.jpg │ ├── screen-10-13-navigation.jpg │ └── screen-10-3-walkthrough.jpg ├── app.js ├── app.vue ├── css │ ├── base.css │ └── normalize.css ├── data.json └── components │ └── grid.vue ├── README.md ├── index.html ├── webpack.config.js └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | npm-debug.log 2 | 3 | dist/ 4 | node_modules/ 5 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/favicon.ico -------------------------------------------------------------------------------- /src/images/screen-1-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-1-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-2-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-2-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-3-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-3-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-4-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-4-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-5-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-5-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-6-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-6-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-7-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-8-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-8-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-9-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-9-8-list.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-8-list.jpg -------------------------------------------------------------------------------- /src/images/screen-1-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-1-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-1-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-10-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-10-4-home.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-4-home.jpg -------------------------------------------------------------------------------- /src/images/screen-10-8-lists.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-8-lists.jpg -------------------------------------------------------------------------------- /src/images/screen-2-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-2-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-2-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-3-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-3-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-3-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-4-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-4-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-4-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-5-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-5-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-5-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-6-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-6-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-6-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-7-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-7-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-7-8-lists.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-8-lists.jpg -------------------------------------------------------------------------------- /src/images/screen-7-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-8-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-8-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-8-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-9-1-login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-1-login.jpg -------------------------------------------------------------------------------- /src/images/screen-9-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-9-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-1-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-1-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-1-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-1-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-1-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-1-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-10-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-10-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-10-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-10-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-10-7-groups.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-7-groups.jpg -------------------------------------------------------------------------------- /src/images/screen-10-9-create.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-9-create.jpg -------------------------------------------------------------------------------- /src/images/screen-2-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-2-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-2-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-2-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-2-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-2-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-3-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-3-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-3-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-3-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-3-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-3-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-4-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-4-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-4-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-4-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-4-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-4-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-5-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-5-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-5-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-5-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-5-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-5-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-6-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-6-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-6-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-6-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-6-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-6-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-7-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-7-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-7-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-7-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-7-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-7-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-8-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-8-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-8-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-8-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-8-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-8-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-9-10-profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-10-profile.jpg -------------------------------------------------------------------------------- /src/images/screen-9-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-9-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-9-2-sign-up.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-2-sign-up.jpg -------------------------------------------------------------------------------- /src/images/screen-9-5-calendar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-5-calendar.jpg -------------------------------------------------------------------------------- /src/images/screen-9-6-overview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-6-overview.jpg -------------------------------------------------------------------------------- /src/images/screen-1-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-1-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-1-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-10-11-timeline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-11-timeline.jpg -------------------------------------------------------------------------------- /src/images/screen-10-12-settings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-12-settings.jpg -------------------------------------------------------------------------------- /src/images/screen-2-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-2-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-2-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-3-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-3-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-3-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-4-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-4-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-4-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-5-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-5-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-5-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-6-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-6-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-6-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-7-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-7-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-7-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-8-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-8-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-8-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-9-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-9-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-9-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/images/screen-10-13-navigation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-13-navigation.jpg -------------------------------------------------------------------------------- /src/images/screen-10-3-walkthrough.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ihanyang/Absolute-Grid/HEAD/src/images/screen-10-3-walkthrough.jpg -------------------------------------------------------------------------------- /src/app.js: -------------------------------------------------------------------------------- 1 | require("./css/normalize.css") 2 | require("./css/base.css") 3 | 4 | var Vue = require("vue") 5 | 6 | var options = require("./app.vue") 7 | 8 | var app = new Vue(options).$mount(".app") -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Absolute-Grid 2 | Vue.js 版的 Absolute Grid demo 3 | ######[原版](https://github.com/jrowny/react-absolute-grid/) 4 | 5 | ###感受一下 6 | * `npm install`
7 | * `npm start`
8 | * `输入 http://localhost:1314 访问` 9 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Absolute Grid 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var ExtractTextPlugin = require("extract-text-webpack-plugin") 2 | var webpack = require("webpack") 3 | 4 | module.exports = { 5 | entry: ["./src/app.js"], 6 | output: { 7 | path: __dirname + "/dist", 8 | filename: "build.js" 9 | }, 10 | module: { 11 | loaders: [ 12 | { 13 | test: /\.vue$/, 14 | loader: "vue" 15 | }, 16 | { 17 | test: /\.css$/, 18 | loader: ExtractTextPlugin.extract("style-loader", "css-loader") 19 | }, 20 | { 21 | test: /\.(png|jpg)$/, 22 | loader: "url-loader?limit=8192" 23 | }, 24 | { 25 | test: /\.json$/, 26 | loader: "json" 27 | } 28 | ] 29 | }, 30 | plugins: [ 31 | new ExtractTextPlugin("app.css"), 32 | new webpack.optimize.UglifyJsPlugin({ 33 | compress: { 34 | warnings: false 35 | } 36 | }) 37 | ], 38 | devtool: false 39 | } 40 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Absolute-Grid", 3 | "version": "1.0.0", 4 | "description": "An write absolute grid with vue.js example", 5 | "main": "index.js", 6 | "scripts": { 7 | "start": "webpack && webpack-dev-server --port 1314 --progress --colors", 8 | "test": "echo \"Error: no test specified\" && exit 1" 9 | }, 10 | "author": "hanyang", 11 | "license": "ISC", 12 | "devDependencies": { 13 | "css-loader": "^0.15.6", 14 | "extract-text-webpack-plugin": "^0.8.2", 15 | "file-loader": "^0.8.4", 16 | "html-loader": "^0.3.0", 17 | "json-loader": "^0.5.2", 18 | "mime": "^1.3.4", 19 | "style-loader": "^0.12.3", 20 | "underscore": "^1.8.3", 21 | "url-loader": "^0.5.6", 22 | "vue": "^0.12.10", 23 | "vue-loader": "^2.1.1", 24 | "vue-resource": "^0.1.13", 25 | "webpack": "^1.11.0", 26 | "webpack-dev-server": "^1.10.1" 27 | }, 28 | "dependencies": { 29 | "mime": "^1.3.4" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/app.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 30 | -------------------------------------------------------------------------------- /src/css/base.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "冬青黑体简体中文"; 3 | user-select: none; 4 | -moz-user-select: none; 5 | -webkit-user-select: none; 6 | } 7 | 8 | 9 | .wrap { 10 | max-width: 1100px; 11 | margin: 0 auto; 12 | text-align: center; 13 | } 14 | .title { 15 | color: #00489F; 16 | font-size: 50px; 17 | font-weight: normal; 18 | } 19 | .desc, .operation { 20 | margin: 20px 0; 21 | } 22 | .operation { 23 | margin-bottom: 10px; 24 | } 25 | .filter { 26 | padding: 8px; 27 | outline: none; 28 | color: #333; 29 | border-radius: 3px; 30 | border: 1px solid #CCC; 31 | box-shadow: 0 1px 3px #EEE; 32 | } 33 | .filter:focus { 34 | border-color: #129FEA; 35 | } 36 | 37 | .grid-wrap { 38 | width: 100%; 39 | padding: 20px; 40 | margin-bottom: 50px; 41 | box-sizing: border-box; 42 | } 43 | .grid { 44 | position: relative; 45 | } 46 | .grid-item { 47 | cursor: move; 48 | box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); 49 | background-repeat: no-repeat; 50 | background-size: 100%; 51 | } 52 | .grid-item-start { 53 | position: fixed; 54 | top: 0; 55 | left: 0; 56 | z-index: 100 57 | } 58 | .grid-text { 59 | width: 100%; 60 | position: absolute; 61 | left: 0; 62 | bottom: -25px; 63 | color: #555; 64 | font-size: 12px; 65 | text-align: center; 66 | text-transform: capitalize; 67 | } -------------------------------------------------------------------------------- /src/data.json: -------------------------------------------------------------------------------- 1 | [{"url":"./src/images/screen-1-1-login.jpg","index":0,"name":"eeokd"},{"url":"./src/images/screen-1-10-profile.jpg","index":1,"name":"sibsqrrc"},{"url":"./src/images/screen-1-11-timeline.jpg","index":2,"name":"bebt"},{"url":"./src/images/screen-1-12-settings.jpg","index":3,"name":"dvwuhas"},{"url":"./src/images/screen-1-13-navigation.jpg","index":4,"name":"nd"},{"url":"./src/images/screen-1-2-sign-up.jpg","index":5,"name":"dvegqyvi"},{"url":"./src/images/screen-1-3-walkthrough.jpg","index":6,"name":"wc"},{"url":"./src/images/screen-1-4-home.jpg","index":7,"name":"nxahlqpy"},{"url":"./src/images/screen-1-5-calendar.jpg","index":8,"name":"yo"},{"url":"./src/images/screen-1-6-overview.jpg","index":9,"name":"jhbzkg"},{"url":"./src/images/screen-1-7-groups.jpg","index":10,"name":"zfeqi"},{"url":"./src/images/screen-1-8-list.jpg","index":11,"name":"hhrqqs"},{"url":"./src/images/screen-1-9-create.jpg","index":12,"name":"tahjko"},{"url":"./src/images/screen-10-1-login.jpg","index":13,"name":"dtmkuhb"},{"url":"./src/images/screen-10-10-profile.jpg","index":14,"name":"zyxhansm"},{"url":"./src/images/screen-10-11-timeline.jpg","index":15,"name":"dhnhwjro"},{"url":"./src/images/screen-10-12-settings.jpg","index":16,"name":"gzw"},{"url":"./src/images/screen-10-13-navigation.jpg","index":17,"name":"oojhnvix"},{"url":"./src/images/screen-10-2-sign-up.jpg","index":18,"name":"ocmbme"},{"url":"./src/images/screen-10-3-walkthrough.jpg","index":19,"name":"luv"},{"url":"./src/images/screen-10-4-home.jpg","index":20,"name":"ghlli"},{"url":"./src/images/screen-10-5-calendar.jpg","index":21,"name":"qnguogij"},{"url":"./src/images/screen-10-6-overview.jpg","index":22,"name":"rugyp"},{"url":"./src/images/screen-10-7-groups.jpg","index":23,"name":"obr"},{"url":"./src/images/screen-10-8-lists.jpg","index":24,"name":"qkpqf"},{"url":"./src/images/screen-10-9-create.jpg","index":25,"name":"nugwtdx"},{"url":"./src/images/screen-2-1-login.jpg","index":26,"name":"vco"},{"url":"./src/images/screen-2-10-profile.jpg","index":27,"name":"nezkhbwu"},{"url":"./src/images/screen-2-11-timeline.jpg","index":28,"name":"ne"},{"url":"./src/images/screen-2-12-settings.jpg","index":29,"name":"rrpsllh"},{"url":"./src/images/screen-2-13-navigation.jpg","index":30,"name":"vxtr"},{"url":"./src/images/screen-2-2-sign-up.jpg","index":31,"name":"polnmu"},{"url":"./src/images/screen-2-3-walkthrough.jpg","index":32,"name":"emguvlh"},{"url":"./src/images/screen-2-4-home.jpg","index":33,"name":"sfqch"},{"url":"./src/images/screen-2-5-calendar.jpg","index":34,"name":"aplgap"},{"url":"./src/images/screen-2-6-overview.jpg","index":35,"name":"ahc"},{"url":"./src/images/screen-2-7-groups.jpg","index":36,"name":"hg"},{"url":"./src/images/screen-2-8-list.jpg","index":37,"name":"jdd"},{"url":"./src/images/screen-2-9-create.jpg","index":38,"name":"zxqgfq"},{"url":"./src/images/screen-3-1-login.jpg","index":39,"name":"ulc"},{"url":"./src/images/screen-3-10-profile.jpg","index":40,"name":"jztbll"},{"url":"./src/images/screen-3-11-timeline.jpg","index":41,"name":"yavnhyla"},{"url":"./src/images/screen-3-12-settings.jpg","index":42,"name":"mxkkbuh"},{"url":"./src/images/screen-3-13-navigation.jpg","index":43,"name":"mjemzojb"},{"url":"./src/images/screen-3-2-sign-up.jpg","index":44,"name":"eaircszh"},{"url":"./src/images/screen-3-3-walkthrough.jpg","index":45,"name":"wyyxz"},{"url":"./src/images/screen-3-4-home.jpg","index":46,"name":"jejh"},{"url":"./src/images/screen-3-5-calendar.jpg","index":47,"name":"imrboq"},{"url":"./src/images/screen-3-6-overview.jpg","index":48,"name":"stu"},{"url":"./src/images/screen-3-7-groups.jpg","index":49,"name":"sjcf"},{"url":"./src/images/screen-3-8-list.jpg","index":50,"name":"zvxjuhnx"},{"url":"./src/images/screen-3-9-create.jpg","index":51,"name":"iublnk"},{"url":"./src/images/screen-4-1-login.jpg","index":52,"name":"ebu"},{"url":"./src/images/screen-4-10-profile.jpg","index":53,"name":"asi"},{"url":"./src/images/screen-4-11-timeline.jpg","index":54,"name":"wezfxyu"},{"url":"./src/images/screen-4-12-settings.jpg","index":55,"name":"dlord"},{"url":"./src/images/screen-4-13-navigation.jpg","index":56,"name":"cvh"},{"url":"./src/images/screen-4-2-sign-up.jpg","index":57,"name":"mucspv"},{"url":"./src/images/screen-4-3-walkthrough.jpg","index":58,"name":"dym"},{"url":"./src/images/screen-4-4-home.jpg","index":59,"name":"erli"},{"url":"./src/images/screen-4-5-calendar.jpg","index":60,"name":"tcnjcwv"},{"url":"./src/images/screen-4-6-overview.jpg","index":61,"name":"wf"},{"url":"./src/images/screen-4-7-groups.jpg","index":62,"name":"yvkz"},{"url":"./src/images/screen-4-8-list.jpg","index":63,"name":"wp"},{"url":"./src/images/screen-4-9-create.jpg","index":64,"name":"ysfc"},{"url":"./src/images/screen-5-1-login.jpg","index":65,"name":"eyq"},{"url":"./src/images/screen-5-10-profile.jpg","index":66,"name":"vtgpsp"},{"url":"./src/images/screen-5-11-timeline.jpg","index":67,"name":"mynydh"},{"url":"./src/images/screen-5-12-settings.jpg","index":68,"name":"ljmlq"},{"url":"./src/images/screen-5-13-navigation.jpg","index":69,"name":"vqp"},{"url":"./src/images/screen-5-2-sign-up.jpg","index":70,"name":"sssfab"},{"url":"./src/images/screen-5-3-walkthrough.jpg","index":71,"name":"vg"},{"url":"./src/images/screen-5-4-home.jpg","index":72,"name":"rtseua"},{"url":"./src/images/screen-5-5-calendar.jpg","index":73,"name":"amoislh"},{"url":"./src/images/screen-5-6-overview.jpg","index":74,"name":"jtqxgs"},{"url":"./src/images/screen-5-7-groups.jpg","index":75,"name":"hwaunslm"},{"url":"./src/images/screen-5-8-list.jpg","index":76,"name":"hsugan"},{"url":"./src/images/screen-5-9-create.jpg","index":77,"name":"yojuss"},{"url":"./src/images/screen-6-1-login.jpg","index":78,"name":"ipekarly"},{"url":"./src/images/screen-6-10-profile.jpg","index":79,"name":"gqvqqh"},{"url":"./src/images/screen-6-11-timeline.jpg","index":80,"name":"kscaf"},{"url":"./src/images/screen-6-12-settings.jpg","index":81,"name":"acogr"},{"url":"./src/images/screen-6-13-navigation.jpg","index":82,"name":"qhsupdzj"},{"url":"./src/images/screen-6-2-sign-up.jpg","index":83,"name":"gls"},{"url":"./src/images/screen-6-3-walkthrough.jpg","index":84,"name":"vdudkujb"},{"url":"./src/images/screen-6-4-home.jpg","index":85,"name":"qdktd"},{"url":"./src/images/screen-6-5-calendar.jpg","index":86,"name":"zbxluag"},{"url":"./src/images/screen-6-6-overview.jpg","index":87,"name":"qphqdoy"},{"url":"./src/images/screen-6-7-groups.jpg","index":88,"name":"zrovgzh"},{"url":"./src/images/screen-6-8-list.jpg","index":89,"name":"ib"},{"url":"./src/images/screen-6-9-create.jpg","index":90,"name":"wlwnp"},{"url":"./src/images/screen-7-1-login.jpg","index":91,"name":"mkhfbisz"},{"url":"./src/images/screen-7-10-profile.jpg","index":92,"name":"ccnst"},{"url":"./src/images/screen-7-11-timeline.jpg","index":93,"name":"tzwjw"},{"url":"./src/images/screen-7-12-settings.jpg","index":94,"name":"qfbb"},{"url":"./src/images/screen-7-13-navigation.jpg","index":95,"name":"hdiq"},{"url":"./src/images/screen-7-2-sign-up.jpg","index":96,"name":"oo"},{"url":"./src/images/screen-7-3-walkthrough.jpg","index":97,"name":"rohbjdlo"},{"url":"./src/images/screen-7-4-home.jpg","index":98,"name":"yx"},{"url":"./src/images/screen-7-5-calendar.jpg","index":99,"name":"lnwmf"},{"url":"./src/images/screen-7-6-overview.jpg","index":100,"name":"it"},{"url":"./src/images/screen-7-7-groups.jpg","index":101,"name":"iwok"},{"url":"./src/images/screen-7-8-lists.jpg","index":102,"name":"qelbjp"},{"url":"./src/images/screen-7-9-create.jpg","index":103,"name":"dzcnsw"},{"url":"./src/images/screen-8-1-login.jpg","index":104,"name":"uvmm"},{"url":"./src/images/screen-8-10-profile.jpg","index":105,"name":"dbw"},{"url":"./src/images/screen-8-11-timeline.jpg","index":106,"name":"fcm"},{"url":"./src/images/screen-8-12-settings.jpg","index":107,"name":"iqado"},{"url":"./src/images/screen-8-13-navigation.jpg","index":108,"name":"txnhfo"},{"url":"./src/images/screen-8-2-sign-up.jpg","index":109,"name":"kl"},{"url":"./src/images/screen-8-3-walkthrough.jpg","index":110,"name":"ktewoao"},{"url":"./src/images/screen-8-4-home.jpg","index":111,"name":"am"},{"url":"./src/images/screen-8-5-calendar.jpg","index":112,"name":"svwbov"},{"url":"./src/images/screen-8-6-overview.jpg","index":113,"name":"atdli"},{"url":"./src/images/screen-8-7-groups.jpg","index":114,"name":"kcjejndr"},{"url":"./src/images/screen-8-8-list.jpg","index":115,"name":"oosflec"},{"url":"./src/images/screen-8-9-create.jpg","index":116,"name":"df"},{"url":"./src/images/screen-9-1-login.jpg","index":117,"name":"vb"},{"url":"./src/images/screen-9-10-profile.jpg","index":118,"name":"uoaabegy"},{"url":"./src/images/screen-9-11-timeline.jpg","index":119,"name":"jkn"},{"url":"./src/images/screen-9-12-settings.jpg","index":120,"name":"qdcpahb"},{"url":"./src/images/screen-9-13-navigation.jpg","index":121,"name":"uwmuyum"},{"url":"./src/images/screen-9-2-sign-up.jpg","index":122,"name":"bl"},{"url":"./src/images/screen-9-3-walkthrough.jpg","index":123,"name":"qz"},{"url":"./src/images/screen-9-4-home.jpg","index":124,"name":"pdct"},{"url":"./src/images/screen-9-5-calendar.jpg","index":125,"name":"hzagk"},{"url":"./src/images/screen-9-6-overview.jpg","index":126,"name":"axjdoyhi"},{"url":"./src/images/screen-9-7-groups.jpg","index":127,"name":"ggstzh"},{"url":"./src/images/screen-9-8-list.jpg","index":128,"name":"twedapp"},{"url":"./src/images/screen-9-9-create.jpg","index":129,"name":"yuoqi"}] -------------------------------------------------------------------------------- /src/components/grid.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | -------------------------------------------------------------------------------- /src/css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS text size adjust after orientation change, without disabling 6 | * user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability when focused and also mouse hovered in all browsers. 95 | */ 96 | 97 | a:active, 98 | a:hover { 99 | outline: 0; 100 | } 101 | 102 | /* Text-level semantics 103 | ========================================================================== */ 104 | 105 | /** 106 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 107 | */ 108 | 109 | abbr[title] { 110 | border-bottom: 1px dotted; 111 | } 112 | 113 | /** 114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 115 | */ 116 | 117 | b, 118 | strong { 119 | font-weight: bold; 120 | } 121 | 122 | /** 123 | * Address styling not present in Safari and Chrome. 124 | */ 125 | 126 | dfn { 127 | font-style: italic; 128 | } 129 | 130 | /** 131 | * Address variable `h1` font-size and margin within `section` and `article` 132 | * contexts in Firefox 4+, Safari, and Chrome. 133 | */ 134 | 135 | h1 { 136 | font-size: 2em; 137 | margin: 0.67em 0; 138 | } 139 | 140 | /** 141 | * Address styling not present in IE 8/9. 142 | */ 143 | 144 | mark { 145 | background: #ff0; 146 | color: #000; 147 | } 148 | 149 | /** 150 | * Address inconsistent and variable font size in all browsers. 151 | */ 152 | 153 | small { 154 | font-size: 80%; 155 | } 156 | 157 | /** 158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 159 | */ 160 | 161 | sub, 162 | sup { 163 | font-size: 75%; 164 | line-height: 0; 165 | position: relative; 166 | vertical-align: baseline; 167 | } 168 | 169 | sup { 170 | top: -0.5em; 171 | } 172 | 173 | sub { 174 | bottom: -0.25em; 175 | } 176 | 177 | /* Embedded content 178 | ========================================================================== */ 179 | 180 | /** 181 | * Remove border when inside `a` element in IE 8/9/10. 182 | */ 183 | 184 | img { 185 | border: 0; 186 | } 187 | 188 | /** 189 | * Correct overflow not hidden in IE 9/10/11. 190 | */ 191 | 192 | svg:not(:root) { 193 | overflow: hidden; 194 | } 195 | 196 | /* Grouping content 197 | ========================================================================== */ 198 | 199 | /** 200 | * Address margin not present in IE 8/9 and Safari. 201 | */ 202 | 203 | figure { 204 | margin: 1em 40px; 205 | } 206 | 207 | /** 208 | * Address differences between Firefox and other browsers. 209 | */ 210 | 211 | hr { 212 | -moz-box-sizing: content-box; 213 | box-sizing: content-box; 214 | height: 0; 215 | } 216 | 217 | /** 218 | * Contain overflow in all browsers. 219 | */ 220 | 221 | pre { 222 | overflow: auto; 223 | } 224 | 225 | /** 226 | * Address odd `em`-unit font size rendering in all browsers. 227 | */ 228 | 229 | code, 230 | kbd, 231 | pre, 232 | samp { 233 | font-family: monospace, monospace; 234 | font-size: 1em; 235 | } 236 | 237 | /* Forms 238 | ========================================================================== */ 239 | 240 | /** 241 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 242 | * styling of `select`, unless a `border` property is set. 243 | */ 244 | 245 | /** 246 | * 1. Correct color not being inherited. 247 | * Known issue: affects color of disabled elements. 248 | * 2. Correct font properties not being inherited. 249 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250 | */ 251 | 252 | button, 253 | input, 254 | optgroup, 255 | select, 256 | textarea { 257 | color: inherit; /* 1 */ 258 | font: inherit; /* 2 */ 259 | margin: 0; /* 3 */ 260 | } 261 | 262 | /** 263 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 264 | */ 265 | 266 | button { 267 | overflow: visible; 268 | } 269 | 270 | /** 271 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 272 | * All other form control elements do not inherit `text-transform` values. 273 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274 | * Correct `select` style inheritance in Firefox. 275 | */ 276 | 277 | button, 278 | select { 279 | text-transform: none; 280 | } 281 | 282 | /** 283 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284 | * and `video` controls. 285 | * 2. Correct inability to style clickable `input` types in iOS. 286 | * 3. Improve usability and consistency of cursor style between image-type 287 | * `input` and others. 288 | */ 289 | 290 | button, 291 | html input[type="button"], /* 1 */ 292 | input[type="reset"], 293 | input[type="submit"] { 294 | -webkit-appearance: button; /* 2 */ 295 | cursor: pointer; /* 3 */ 296 | } 297 | 298 | /** 299 | * Re-set default cursor for disabled elements. 300 | */ 301 | 302 | button[disabled], 303 | html input[disabled] { 304 | cursor: default; 305 | } 306 | 307 | /** 308 | * Remove inner padding and border in Firefox 4+. 309 | */ 310 | 311 | button::-moz-focus-inner, 312 | input::-moz-focus-inner { 313 | border: 0; 314 | padding: 0; 315 | } 316 | 317 | /** 318 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 319 | * the UA stylesheet. 320 | */ 321 | 322 | input { 323 | line-height: normal; 324 | } 325 | 326 | /** 327 | * It's recommended that you don't attempt to style these elements. 328 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 329 | * 330 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 331 | * 2. Remove excess padding in IE 8/9/10. 332 | */ 333 | 334 | input[type="checkbox"], 335 | input[type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 342 | * `font-size` values of the `input`, it causes the cursor style of the 343 | * decrement button to change from `default` to `text`. 344 | */ 345 | 346 | input[type="number"]::-webkit-inner-spin-button, 347 | input[type="number"]::-webkit-outer-spin-button { 348 | height: auto; 349 | } 350 | 351 | /** 352 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 354 | * (include `-moz` to future-proof). 355 | */ 356 | 357 | input[type="search"] { 358 | -webkit-appearance: textfield; /* 1 */ 359 | -moz-box-sizing: content-box; 360 | -webkit-box-sizing: content-box; /* 2 */ 361 | box-sizing: content-box; 362 | } 363 | 364 | /** 365 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 366 | * Safari (but not Chrome) clips the cancel button when the search input has 367 | * padding (and `textfield` appearance). 368 | */ 369 | 370 | input[type="search"]::-webkit-search-cancel-button, 371 | input[type="search"]::-webkit-search-decoration { 372 | -webkit-appearance: none; 373 | } 374 | 375 | /** 376 | * Define consistent border, margin, and padding. 377 | */ 378 | 379 | fieldset { 380 | border: 1px solid #c0c0c0; 381 | margin: 0 2px; 382 | padding: 0.35em 0.625em 0.75em; 383 | } 384 | 385 | /** 386 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 387 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 388 | */ 389 | 390 | legend { 391 | border: 0; /* 1 */ 392 | padding: 0; /* 2 */ 393 | } 394 | 395 | /** 396 | * Remove default vertical scrollbar in IE 8/9/10/11. 397 | */ 398 | 399 | textarea { 400 | overflow: auto; 401 | } 402 | 403 | /** 404 | * Don't inherit the `font-weight` (applied by a rule above). 405 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 406 | */ 407 | 408 | optgroup { 409 | font-weight: bold; 410 | } 411 | 412 | /* Tables 413 | ========================================================================== */ 414 | 415 | /** 416 | * Remove most spacing between table cells. 417 | */ 418 | 419 | table { 420 | border-collapse: collapse; 421 | border-spacing: 0; 422 | } 423 | 424 | td, 425 | th { 426 | padding: 0; 427 | } --------------------------------------------------------------------------------