From 13110bf701e3fdbfd487003b7c88f66b63c4642e Mon Sep 17 00:00:00 2001 From: Kyle Ledbetter Date: Tue, 13 Sep 2016 09:19:08 -0500 Subject: [PATCH] feature(resources): docs for sketch & axure (#60) * feature(resources): sketch & axure downloads * update(colors): remove cite * update(resources): axure image & links --- src/app/assets/icons/axure.png | Bin 0 -> 23165 bytes src/app/assets/icons/sketchapp.svg | 7 ++ .../style-guide/colors/colors.component.html | 4 +- .../resources/resources.component.html | 107 ++++++++++++++++++ .../resources/resources.component.scss | 0 .../resources/resources.component.ts | 11 ++ .../style-guide/style-guide.component.ts | 5 + .../style-guide/style-guide.module.ts | 2 + .../style-guide/style-guide.routes.ts | 4 + 9 files changed, 138 insertions(+), 2 deletions(-) create mode 100644 src/app/assets/icons/axure.png create mode 100644 src/app/assets/icons/sketchapp.svg create mode 100644 src/app/components/style-guide/resources/resources.component.html create mode 100644 src/app/components/style-guide/resources/resources.component.scss create mode 100644 src/app/components/style-guide/resources/resources.component.ts diff --git a/src/app/assets/icons/axure.png b/src/app/assets/icons/axure.png new file mode 100644 index 0000000000000000000000000000000000000000..1b7fb257d22380a53a42e7f97f25cfda69abcf8b GIT binary patch literal 23165 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

? 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 literal 0 HcmV?d00001 diff --git a/src/app/assets/icons/sketchapp.svg b/src/app/assets/icons/sketchapp.svg new file mode 100644 index 0000000000..8410e99ca5 --- /dev/null +++ b/src/app/assets/icons/sketchapp.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/app/components/style-guide/colors/colors.component.html b/src/app/components/style-guide/colors/colors.component.html index ddd0e8dd5b..efaedb27d6 100644 --- a/src/app/components/style-guide/colors/colors.component.html +++ b/src/app/components/style-guide/colors/colors.component.html @@ -69,9 +69,9 @@

Blue 700

- + Material Design Color Spec - + diff --git a/src/app/components/style-guide/resources/resources.component.html b/src/app/components/style-guide/resources/resources.component.html new file mode 100644 index 0000000000..ee208c5a9d --- /dev/null +++ b/src/app/components/style-guide/resources/resources.component.html @@ -0,0 +1,107 @@ + + + cloud_download + Resources + + + +

User Experience and User Interface design templates and libraries to provide a seamless transition from visual design to prototypes to production interfaces with Covalent.

+ + + + + + Sketch Template + Covalent template for the OSX Sketch App + + + +

Create static mockups that are identical to the Covalent layouts and Angular-Material components!

+ + + + + + + +

4 Covalent Layouts

+

nav view, manage list, card over & nav list

+ + +

4 responsive formats

+

desktop, tablet landscape, table portrait & mobile

+ + +

All Core Material Design Components

+

built using scalable Sketch symbols

+ + +

Material Design Patterns

+

tons of cards, lists, settings & forms

+ + +

Material Design Typography & Iconography

+

Sketch shared text styles & SVG icons

+ + + + + + + + Download Sketch Template + + + + + + + Axure Widget Library + Covalent widget library for Axure RP + + + +

Prototype interactive UX flows that perfectly complement the Sketch template and production Covalent code.

+ + + + + + + +

4 Covalent Layouts

+

nav view, manage list, card over & nav list

+ + +

Interactive Prototype Elements

+

buttons, tabs, stepper

+ + +

Interactive Navigation Drawer

+

mimics the Material Design responsive sidenav

+ + +

Form and Form Components

+

interactive inputs, radio, checkboxes, toggles & more

+ + +

Vector SVG Iconsets

+

Material Design sets of icons

+ + +

Pre-built Material Design Patterns

+

cards, lists, settings & more

+ + + + + + + + Download Axure Library + + + View Prototype + + + diff --git a/src/app/components/style-guide/resources/resources.component.scss b/src/app/components/style-guide/resources/resources.component.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/app/components/style-guide/resources/resources.component.ts b/src/app/components/style-guide/resources/resources.component.ts new file mode 100644 index 0000000000..96494314ed --- /dev/null +++ b/src/app/components/style-guide/resources/resources.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + moduleId: module.id, + selector: 'style-guide-resources', + templateUrl: 'resources.component.html', + styleUrls: ['resources.component.css'] +}) +export class ResourcesComponent { + +} diff --git a/src/app/components/style-guide/style-guide.component.ts b/src/app/components/style-guide/style-guide.component.ts index edc64de790..b713e65845 100644 --- a/src/app/components/style-guide/style-guide.component.ts +++ b/src/app/components/style-guide/style-guide.component.ts @@ -48,6 +48,11 @@ export class StyleGuideComponent { icon: 'build', route: 'utility-styles', title: 'Utility Styles', + }, { + description: 'Design templates & libraries', + icon: 'cloud_download', + route: 'resources', + title: 'Resources', }]; } diff --git a/src/app/components/style-guide/style-guide.module.ts b/src/app/components/style-guide/style-guide.module.ts index dfaa078823..43f4a8fad6 100644 --- a/src/app/components/style-guide/style-guide.module.ts +++ b/src/app/components/style-guide/style-guide.module.ts @@ -11,6 +11,7 @@ import { ColorsComponent } from './colors/colors.component'; import { MaterialComponentsComponent } from './material-components/material-components.component'; import { CardsComponent } from './cards/cards.component'; import { UtilityStylesComponent } from './utility-styles/utility-styles.component'; +import { ResourcesComponent } from './resources/resources.component'; import { CovalentCoreModule } from '../../../platform/core'; import { CovalentHighlightModule } from '../../../platform/highlight'; @@ -26,6 +27,7 @@ import { CovalentHighlightModule } from '../../../platform/highlight'; MaterialComponentsComponent, CardsComponent, UtilityStylesComponent, + ResourcesComponent, ], imports: [ CovalentCoreModule.forRoot(), diff --git a/src/app/components/style-guide/style-guide.routes.ts b/src/app/components/style-guide/style-guide.routes.ts index a5a35e09cd..a35f5bba55 100644 --- a/src/app/components/style-guide/style-guide.routes.ts +++ b/src/app/components/style-guide/style-guide.routes.ts @@ -9,6 +9,7 @@ import { ColorsComponent } from './colors/colors.component'; import { MaterialComponentsComponent } from './material-components/material-components.component'; import { CardsComponent } from './cards/cards.component'; import { UtilityStylesComponent } from './utility-styles/utility-styles.component'; +import { ResourcesComponent } from './resources/resources.component'; const routes: Routes = [{ children: [{ @@ -35,6 +36,9 @@ const routes: Routes = [{ }, { component: UtilityStylesComponent, path: 'utility-styles', + }, { + component: ResourcesComponent, + path: 'resources', }, ], component: StyleGuideComponent,