ladyleet

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

export HOMEBREW_GITHUB_API_TOKEN="<ADD YOUR GITHUB API TOKEN>"

brew tap caskroom/cask

brew cask install google-chrome spotify screenhero evernote dropbox google-drive spectacle keepingyouawake flux zoomus visual-studio-code

ladyleet

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>

ladyleet

import { DefaultRouteViewComponent } from './default-route-view';
import { RedSacconeComponent } from './red-saccone';
import { YellowJeffyComponent } from './yellow-jeffy';
import { GreenBroccoliComponent } from './green-broccoli';
import { BlueBenleshComponent } from './blue-benlesh';

export const AppRoutes = [
  { path: '', component: DefaultRouteViewComponent },
  { path: 'red-saccone', component: RedSacconeComponent },
  { path: 'yellow-jeffy', component: YellowJeffyComponent },

ladyleet

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';
import { TestComponentsComponent } from './test-components';
import { NgExplainerComponent } from './ng-explainer';
import { HeaderToolbarComponent } from './header-toolbar';
import { ButtonExampleComponent } from './button-example';
import { IconExampleComponent } from './icon-example';
import { CardExampleComponent } from './card-example';
import { CheckboxExampleComponent } from './checkbox-example';
import { GridListExampleComponent } from './grid-list-example';

ladyleet

  dogs: Object[] = [
    { name: 'Porter', human: 'Kara' },
    { name: 'Mal', human: 'Jeremy' },
    { name: 'Koby', human: 'Igor' },
    { name: 'Razzle', human: 'Ward' },
    { name: 'Molly', human: 'Rob' },
    { name: 'Husi', human: 'Matias' },
  ];

ladyleet

<md-card>
    <md-card-title>Grid list with footer</md-card-title>
    <md-card-content>
      <md-grid-list cols="3" rowHeight="200px">
        <md-grid-tile *ngFor="let dog of dogs">
          <img [alt]="dog.name" src="https://material.angularjs.org/material2_assets/ngconf/{{dog.name}}.png">
          <md-grid-tile-footer>
            <h3 md-line>{{dog.name}}</h3>
            <span md-line>Human: {{dog.human}}</span>
            <md-icon>star_border</md-icon>

ladyleet

import { Component, OnInit } from '@angular/core';
import { MD_GRID_LIST_DIRECTIVES } from '@angular2-material/grid-list';
import { MdIcon, MdIconRegistry } from '@angular2-material/icon';
import { MD_CARD_DIRECTIVES } from '@angular2-material/card';

@Component({
  moduleId: module.id,
  selector: 'app-lovely-people',
  templateUrl: 'lovely-people.component.html',
  styleUrls: ['lovely-people.component.css'],

ladyleet

/*master app colors*/

.dark-primary-color {
  color: #C2185B!important
}

.dark-primary-background-color {
  background-color: #C2185B!important
}

ladyleet

import { Component, OnInit } from '@angular/core';
import { MD_CARD_DIRECTIVES } from '@angular2-material/card';
import { MdCheckbox } from '@angular2-material/checkbox';
import { MD_GRID_LIST_DIRECTIVES } from '@angular2-material/grid-list';
import { MdInput } from '@angular2-material/input';
import { MD_LIST_DIRECTIVES } from '@angular2-material/list';
import { MD_PROGRESS_BAR_DIRECTIVES } from '@angular2-material/progress-bar';
import { MD_PROGRESS_CIRCLE_DIRECTIVES } from '@angular2-material/progress-circle';
import { MD_RADIO_DIRECTIVES } from '@angular2-material/radio';
import { MD_SIDENAV_DIRECTIVES } from '@angular2-material/sidenav';

ladyleet

import { Component, OnInit } from '@angular/core';
import { MD_CARD_DIRECTIVES } from '@angular2-material/card';
import { MdCheckbox } from '@angular2-material/checkbox';
import { MD_GRID_LIST_DIRECTIVES } from '@angular2-material/grid-list';
import { MdInput } from '@angular2-material/input';
import { MD_LIST_DIRECTIVES } from '@angular2-material/list';
import { MD_PROGRESS_BAR_DIRECTIVES } from '@angular2-material/progress-bar';
import { MD_PROGRESS_CIRCLE_DIRECTIVES } from '@angular2-material/progress-circle';
import { MD_RADIO_DIRECTIVES } from '@angular2-material/radio';
import { MD_SIDENAV_DIRECTIVES } from '@angular2-material/sidenav';