Skip to content

Commit

Permalink
feat(resources): update layout & add Illustrator (#911)
Browse files Browse the repository at this point in the history
  • Loading branch information
@kyleledbetter @emoralesb05
kyleledbetter authored and emoralesb05 committed Oct 4, 2017
1 parent 6220b2a commit 00fcf66
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 82 deletions.
1 change: 1 addition & 0 deletions src/app/assets/icons/illustrator.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
101 changes: 19 additions & 82 deletions src/app/components/style-guide/resources/resources.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,93 +6,30 @@
</mat-card-content>
</mat-card>
<mat-card>
<mat-card-header>
<img matCardAvatar src="app/assets/icons/sketchapp.svg" alt="Sketch icon">
<mat-card-title>Sketch Template</mat-card-title>
<mat-card-subtitle>Covalent template for the OSX Sketch App</mat-card-subtitle>
</mat-card-header>
<mat-card-title>Templates</mat-card-title>
<mat-card-subtitle>download the template of your preferred design application</mat-card-subtitle>
<mat-divider></mat-divider>
<mat-card-content>
<p>Create static mockups that are identical to the Covalent layouts and Angular-Material components!</p>
<a matRipple matTooltip="Download" target="_blank" matTooltipPosition="below" mat-button color="primary" href="https://dribbble.com/shots/3250690-Covalent-Material-Design-Sketch-Template-beta">
<img width="100%" class="md-whiteframe-z1" src="https://cdn.dribbble.com/users/13496/screenshots/3250690/covalent-beta1-dribbble.png" alt="Sketch Template Screenshot">
<mat-nav-list class="pad-top-none">
<a mat-list-item target="_blank" href="https://github.com/Teradata/covalent-resources/raw/develop/axure/covalent-axure.rplib">
<img matListIcon src="app/assets/icons/axure.png" alt="Axure icon">
<h3 matLine>Axure RP Libraries</h3>
<p matLine>Covalent libraries for the Axure RP</p>
</a>
<mat-divider></mat-divider>
<td-expansion-panel label="Features">
<mat-list>
<mat-list-item>
<h3 matLine>4 Covalent Layouts</h3>
<p matLine>nav view, manage list, card over &amp; nav list</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>4 responsive formats</h3>
<p matLine>desktop, tablet landscape, table portrait &amp; mobile</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>All Core Material Design Components</h3>
<p matLine>built using scalable Sketch symbols</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Material Design Patterns</h3>
<p matLine>tons of cards, lists, settings &amp; forms</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Material Design Typography &amp; Iconography</h3>
<p matLine>Sketch shared text styles &amp; SVG icons</p>
</mat-list-item>
</mat-list>
</td-expansion-panel>
</mat-card-content>
<mat-divider></mat-divider>
<mat-card-actions>
<a mat-button color="accent" target="_blank" href="https://dribbble.com/shots/3250690-Covalent-Material-Design-Sketch-Template-beta" class="text-upper">Sketch Template</a>
</mat-card-actions>
</mat-card>
<mat-card>
<mat-card-header>
<img matCardAvatar src="app/assets/icons/axure.png" alt="Axure icon">
<mat-card-title>Axure Widget Library</mat-card-title>
<mat-card-subtitle>Covalent widget library for Axure RP</mat-card-subtitle>
</mat-card-header>
<mat-divider></mat-divider>
<mat-card-content>
<p>Prototype interactive UX flows that perfectly complement the Sketch template and production Covalent code.</p>
<a matRipple matTooltip="Download" target="_blank" matTooltipPosition="below" mat-button color="primary" href="https://dribbble.com/shots/2963271-FREE-Download-Official-Teradata-Covalent-Library-for-Axure-RP">
<img width="100%" class="md-whiteframe-z1" src="https://cdn.dribbble.com/users/815033/screenshots/2963271/untitled-1.png" alt="Axure Widget Library Screenshot">
<a mat-list-item target="_blank" href="https://github.com/Teradata/covalent-resources/raw/develop/illustrator/covalent-illustrator.ai">
<img matListIcon src="app/assets/icons/illustrator.svg" alt="Illustrator icon">
<h3 matLine>Illustrator Template</h3>
<p matLine>Covalent template for the Adobe Illustrator</p>
</a>
<mat-divider></mat-divider>
<td-expansion-panel label="Features">
<mat-list>
<mat-list-item>
<h3 matLine>4 Covalent Layouts</h3>
<p matLine>nav view, manage list, card over &amp; nav list</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Interactive Prototype Elements</h3>
<p matLine>buttons, tabs, stepper</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Interactive Navigation Drawer</h3>
<p matLine>mimics the Material Design responsive sidenav</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Form and Form Components</h3>
<p matLine>interactive inputs, radio, checkboxes, toggles &amp; more</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Vector SVG Iconsets</h3>
<p matLine>Material Design sets of icons</p>
</mat-list-item>
<mat-list-item>
<h3 matLine>Pre-built Material Design Patterns</h3>
<p matLine>cards, lists, settings &amp; more</p>
</mat-list-item>
</mat-list>
</td-expansion-panel>
</mat-card-content>
<a mat-list-item target="_blank" href="https://github.com/Teradata/covalent-resources/raw/develop/sketch/covalent-sketch.sketch">
<img matListIcon src="app/assets/icons/sketchapp.svg" alt="Sketch icon">
<h3 matLine>Sketch Template</h3>
<p matLine>Covalent template for the macOS Sketch App</p>
</a>
</mat-nav-list>
<mat-divider></mat-divider>
<mat-card-actions>
<a mat-button color="accent" target="_blank" href="https://dribbble.com/shots/2963271-FREE-Download-Official-Teradata-Covalent-Library-for-Axure-RP" class="text-upper">Axure Library</a>
<a mat-button color="primary" href="http://gxkfh3.axshare.com/" class="text-upper">View Prototype</a>
<mat-card-actions>
<a mat-button color="accent" target="_blank" href="https://github.com/Teradata/covalent-resources" class="text-upper">Resources Repo</a>
</mat-card-actions>
</mat-card>

0 comments on commit 00fcf66

Please sign in to comment.