chore(styles): added new background image, user bg image, and modified styles

Author: domfarolino

directoryStructure.txt

@@ -1,179 +1,146 @@
 .
-├─routes
-│ ├─api
-│ │ ├─users.js
-│ │ ├─index.js
-│ ├─authenticationHelpers.js
-│ ├─index.js
-│ ├─authorize
-│ │ ├─index.js
-├─e2e
-│ ├─app.po.ts
-│ ├─typings.d.ts
-│ ├─app.po.js
-│ ├─app.e2e.ts
-│ ├─app.e2e.js.map
-│ ├─app.e2e.js
-│ ├─tsconfig.json
-│ ├─app.po.js.map
-├─144.png
-├─Procfile
-├─app.js
-├─views
-│ ├─error.ejs
 ├─login-screenshot.png
-├─controllers
-│ ├─getAllUsersPublic.js
-│ ├─truncateUserObject.js
-│ ├─userExists.js
-│ ├─registerUser.js
-│ ├─index.js
-│ ├─getUserPublic.js
-├─directoryStructure.txt
 ├─angular-cli.json
-├─tslint.json
 ├─logo.png
+├─96.png
+├─192.png
+├─Procfile
+├─144.png
 ├─.editorconfig
-├─app-component-tree.png
-├─public
-├─angular-cli-build.js
-├─logo_post_polymer.png
-├─models
-│ ├─user.js
-│ ├─index.js
-├─manifest.json
+├─package.json
+├─protractor.conf.js
+├─tslint.json
+├─e2e
+│ ├─app.e2e-spec.ts
+│ ├─e2e
+│ │ ├─app.po.ts
+│ │ ├─tsconfig.json
+│ │ ├─typings.d.ts
+│ │ ├─app.e2e.ts
+│ ├─app.po.ts
+│ ├─tsconfig.json
+├─.gitignore
+├─angular2-login-seed.sql
+├─karma.conf.js
+├─README.ng.md
 ├─src
+│ ├─favicon.ico
+│ ├─polyfills.ts
+│ ├─styles.css
 │ ├─app
-│ │ ├─angular2-login-seed.component.spec.ts
-│ │ ├─login
-│ │ │ ├─login.component.css
-│ │ │ ├─login.component.js.map
-│ │ │ ├─login.component.js
-│ │ │ ├─index.ts
-│ │ │ ├─login.component.html
-│ │ │ ├─login.component.ts
-│ │ ├─heroes
-│ │ │ ├─heroes.component.js.map
-│ │ │ ├─heroes.component.js
-│ │ │ ├─heroes.component.ts
-│ │ │ ├─heroes.component.css
-│ │ │ ├─heroes.component.html
-│ │ ├─unauthenticated.guard.ts
-│ │ ├─angular2-login-seed.component.css
+│ │ ├─app.component.css
 │ │ ├─register
+│ │ │ ├─register.component.css
+│ │ │ ├─register.component.ts
 │ │ │ ├─register.component.js
-│ │ │ ├─index.ts
 │ │ │ ├─register.component.js.map
-│ │ │ ├─register.component.ts
-│ │ │ ├─register.component.css
 │ │ │ ├─register.component.html
+│ │ │ ├─index.ts
+│ │ ├─shared
+│ │ │ ├─components
+│ │ │ │ ├─quick-card
+│ │ │ │ │ ├─quick-card.component.css
+│ │ │ │ │ ├─quick-card.component.html
+│ │ │ │ │ ├─quick-card.component.js
+│ │ │ │ │ ├─quick-card.component.js.map
+│ │ │ │ │ ├─quick-card.component.ts
+│ │ │ ├─services
+│ │ │ │ ├─user
+│ │ │ │ │ ├─user.service.js.map
+│ │ │ │ │ ├─user-status-codes.js.map
+│ │ │ │ │ ├─user.service.js
+│ │ │ │ │ ├─username-email-validator.ts
+│ │ │ │ │ ├─user.js.map
+│ │ │ │ │ ├─user.service.ts
+│ │ │ │ │ ├─username-email-validator.js
+│ │ │ │ │ ├─user.ts
+│ │ │ │ │ ├─user-status-codes.ts
+│ │ │ │ │ ├─user-status-codes.js
+│ │ │ │ │ ├─username-email-validator.js.map
+│ │ │ │ │ ├─user.js
+│ │ │ │ ├─hero
+│ │ │ │ │ ├─hero.js.map
+│ │ │ │ │ ├─hero.service.js
+│ │ │ │ │ ├─hero.ts
+│ │ │ │ │ ├─hero.service.js.map
+│ │ │ │ │ ├─hero.service.ts
+│ │ │ │ │ ├─hero.js
 │ │ ├─home-root
+│ │ │ ├─home-root.component.html
+│ │ │ ├─home-root.component.js
+│ │ │ ├─home-root.routes.ts
 │ │ │ ├─home-root.guard.ts
-│ │ │ ├─home-root.component.css
 │ │ │ ├─index.ts
 │ │ │ ├─home-root.component.js.map
-│ │ │ ├─home-root.routes.ts
-│ │ │ ├─home-root.component.js
-│ │ │ ├─home-root.component.html
 │ │ │ ├─home-root.component.ts
-│ │ ├─hero-detail
-│ │ │ ├─hero-detail.component.js.map
-│ │ │ ├─hero-detail.component.html
-│ │ │ ├─hero-detail.component.css
-│ │ │ ├─hero-detail.component.js
-│ │ │ ├─hero-detail.component.ts
+│ │ │ ├─home-root.component.css
 │ │ ├─users
-│ │ │ ├─user-badge.component.html
-│ │ │ ├─users.component.css
-│ │ │ ├─users.component.ts
 │ │ │ ├─user-badge.component.css
-│ │ │ ├─index.ts
-│ │ │ ├─users.component.js.map
+│ │ │ ├─users.component.ts
+│ │ │ ├─user-badge.component.js.map
 │ │ │ ├─users.component.js
-│ │ │ ├─users.component.html
 │ │ │ ├─user-badge.component.js
 │ │ │ ├─user-badge.component.ts
-│ │ │ ├─user-badge.component.js.map
-│ │ ├─environment.ts
-│ │ ├─index.ts
+│ │ │ ├─users.component.css
+│ │ │ ├─users.component.js.map
+│ │ │ ├─user-badge.component.html
+│ │ │ ├─users.component.html
+│ │ │ ├─index.ts
+│ │ ├─app.component.html
 │ │ ├─dashboard
-│ │ │ ├─dashboard.component.html
 │ │ │ ├─dashboard.component.ts
 │ │ │ ├─dashboard.component.js.map
 │ │ │ ├─dashboard.component.js
-│ │ ├─shared
-│ │ │ ├─services
-│ │ │ │ ├─hero
-│ │ │ │ │ ├─hero.service.js.map
-│ │ │ │ │ ├─hero.service.ts
-│ │ │ │ │ ├─hero.service.js
-│ │ │ │ │ ├─hero.js.map
-│ │ │ │ │ ├─hero.js
-│ │ │ │ │ ├─hero.ts
-│ │ │ │ ├─user
-│ │ │ │ │ ├─user-status-codes.js.map
-│ │ │ │ │ ├─user.js
-│ │ │ │ │ ├─user-status-codes.ts
-│ │ │ │ │ ├─user.service.ts
-│ │ │ │ │ ├─user.service.js.map
-│ │ │ │ │ ├─user.ts
-│ │ │ │ │ ├─user.js.map
-│ │ │ │ │ ├─username-email-validator.ts
-│ │ │ │ │ ├─username-email-validator.js.map
-│ │ │ │ │ ├─user.service.js
-│ │ │ │ │ ├─username-email-validator.js
-│ │ │ │ │ ├─user-status-codes.js
-│ │ │ ├─components
-│ │ │ │ ├─quick-card
-│ │ │ │ │ ├─quick-card.component.js
-│ │ │ │ │ ├─quick-card.component.html
-│ │ │ │ │ ├─quick-card.component.ts
-│ │ │ │ │ ├─quick-card.component.js.map
-│ │ │ │ │ ├─quick-card.component.css
-│ │ ├─angular2-login-seed.component.ts
-│ │ ├─angular2-login-seed.component.html
-│ │ ├─angular2-login-seed.routes.ts
-│ ├─typings.d.ts
-│ ├─system-config.ts
-│ ├─favicon.ico
-│ ├─index.html
+│ │ │ ├─dashboard.component.html
+│ │ ├─app.component.ts
+│ │ ├─app-routing.module.ts
+│ │ ├─app.module.ts
+│ │ ├─login
+│ │ │ ├─login.component.css
+│ │ │ ├─login.component.ts
+│ │ │ ├─login.component.html
+│ │ │ ├─login.component.js
+│ │ │ ├─login.component.js.map
+│ │ │ ├─index.ts
+│ │ ├─app.component.spec.ts
+│ │ ├─hero-detail
+│ │ │ ├─hero-detail.component.js
+│ │ │ ├─hero-detail.component.css
+│ │ │ ├─hero-detail.component.html
+│ │ │ ├─hero-detail.component.js.map
+│ │ │ ├─hero-detail.component.ts
+│ │ ├─heroes
+│ │ │ ├─heroes.component.html
+│ │ │ ├─heroes.component.js
+│ │ │ ├─heroes.component.js.map
+│ │ │ ├─heroes.component.css
+│ │ │ ├─heroes.component.ts
+│ │ ├─unauthenticated.guard.ts
+│ │ ├─index.ts
 │ ├─main.ts
+│ ├─index.html
 │ ├─tsconfig.json
+│ ├─typings.d.ts
+│ ├─test.ts
+│ ├─environments
+│ │ ├─environment.prod.ts
+│ │ ├─environment.ts
 │ ├─assets
 │ │ ├─favicon.ico
 │ │ ├─img
 │ │ │ ├─space_bg.jpg
-│ │ │ ├─menu_bg.jpg
+│ │ │ ├─background.jpg
 │ │ │ ├─menu_bg_small.jpg
 │ │ │ ├─bg.png
-│ │ │ ├─background.jpg
-├─config
-│ ├─default.json
-│ ├─production.json
-│ ├─karma-test-shim.js
-│ ├─environment.js
-│ ├─passport.js
-│ ├─environment.dev.js
-│ ├─environment.prod.js
-│ ├─environment.dev.ts
-│ ├─environment.dev.js.map
-│ ├─environment.prod.ts
-│ ├─karma.conf.js
-│ ├─protractor.conf.js
-│ ├─environment.prod.js.map
-├─bin
-│ ├─www
-├─index.html
-├─package.json
-├─.gitignore
-├─96.png
-├─typings.json
-├─tsconfig.json
-├─sw.js
-├─LICENSE
-├─192.png
-├─.clang-format
-├─angular2-login-seed.sql
+│ │ │ ├─menu_bg.jpg
 ├─README.md
+├─logo_post_polymer.png
+├─manifest.json
+├─users-screenshot.png
+├─directoryStructure.txt
+├─LICENSE
 
-Dom Farolino
+Dom Farolino
+domfarolino.com
+<domfarolino@gmail.com>
+<cpuxtech@gmail.com>

src/app/app.component.ts

@@ -7,5 +7,5 @@ import { Component } from '@angular/core';
 })
 
 export class AppComponent {
- title = "Dom Farolino Personal Web App"
+ title = "Angular2 Login Seed"
 }

src/app/login/login.component.css

@@ -8,7 +8,7 @@
  background-size: cover;
  background-position: 50% 90% !important;
  background-repeat: no-repeat;
- background-image: url(assets/img/bg.png);
+ background-image: url(assets/img/nyc.jpg);
 }
 
 md-card {
@@ -19,7 +19,7 @@ md-card {
  -webkit-animation: fadein 1s; /* Safari and Chrome */
 
  width:85%;
- max-width:320px;
+ max-width:350px;
 }
 
 md-input {

src/app/register/register.component.css

@@ -8,7 +8,7 @@
  background-size: cover;
  background-position: 50% 90% !important;
  background-repeat: no-repeat;
- background-image: url(assets/img/bg.png);
+ background-image: url(assets/img/nyc.jpg);
 }
 
 md-card {
@@ -19,7 +19,7 @@ md-card {
  -webkit-animation: fadein 1s; /* Safari and Chrome */
 
  width:85%;
- max-width:320px;
+ max-width:350px;
 }
 
 md-input {

src/app/users/user-badge.component.html

@@ -1,11 +1,11 @@
 <md-card [class.selected]="selected">
  <img class="profile-picture" src="{{img}}">
  <div class="header">
- <img class="header-image" src="assets/img/space_bg.jpg">
+ <img class="header-image" src="assets/img/user_bg.jpg">
  </div>
  <div class="card-content">
  <p class="name">{{name}}</p>
  <button md-raised-button color="primary" [class.selected-contrast]="selected">Add Friend</button>
  <button md-raised-button color="primary" [class.selected-contrast]="selected">Profile</button>
  </div>
-</md-card>
+</md-card>