diff --git a/MVPV1.pdf b/MVPV1.pdf new file mode 100644 index 0000000..9e879c0 Binary files /dev/null and b/MVPV1.pdf differ diff --git a/WebPlusOne/src/app/app.component.css b/WebPlusOne/src/app/app.component.css deleted file mode 100644 index e69de29..0000000 diff --git a/WebPlusOne/src/app/app.component.html b/WebPlusOne/src/app/app.component.html index b6931b5..20a771f 100644 --- a/WebPlusOne/src/app/app.component.html +++ b/WebPlusOne/src/app/app.component.html @@ -1,3 +1,7 @@ -

- {{title}} -

+ + diff --git a/WebPlusOne/src/app/app.component.scss b/WebPlusOne/src/app/app.component.scss new file mode 100644 index 0000000..135cd51 --- /dev/null +++ b/WebPlusOne/src/app/app.component.scss @@ -0,0 +1,41 @@ +$primary: #4284CF; +$accent: #70ABEF; +$shadow: rgba(0,0,0,0.25); +$grey1: #FAFAFA; +$grey2: #F4F4F4; +$grey3: #CBCBCB; + +nav.navbar { + background: $accent; + a.navbar-brand { + display: flex; + flex-direction: row; + align-items: center; + cursor: pointer; + color: white; + img { + width: 40px; + margin-right: 15px; + } + } +} + +div.container { + height: calc(100vh - 64px); + div.card { + height: 100%; + div.card-block { + overflow: auto; + min-height: 100%; + box-shadow: 0px 0px 5px rgba(0,0,0,0.25); + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + padding-bottom: 100px; + &.block { + display: block; + } + } + } +} diff --git a/WebPlusOne/src/app/app.component.ts b/WebPlusOne/src/app/app.component.ts index ff63e05..efe4a9c 100644 --- a/WebPlusOne/src/app/app.component.ts +++ b/WebPlusOne/src/app/app.component.ts @@ -3,7 +3,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', - styleUrls: ['./app.component.css'] + styleUrls: ['./app.component.scss'] }) export class AppComponent { title = 'app works!'; diff --git a/WebPlusOne/src/app/app.module.ts b/WebPlusOne/src/app/app.module.ts index 67ae491..cf02179 100644 --- a/WebPlusOne/src/app/app.module.ts +++ b/WebPlusOne/src/app/app.module.ts @@ -2,17 +2,64 @@ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; +import { RouterModule } from '@angular/router'; import { AppComponent } from './app.component'; +import { HomeComponent } from './home/home.component'; +import { LoginComponent } from './login/login.component'; +import { OnboardingComponent } from './onboarding/onboarding.component'; +import { MainComponent } from './main/main.component'; +import { FooterComponent } from './footer/footer.component'; +import { ChatComponent } from './chat/chat.component'; +import { ProfileComponent } from './profile/profile.component'; +import { MessageComponent } from './message/message.component'; @NgModule({ declarations: [ - AppComponent + AppComponent, + HomeComponent, + LoginComponent, + OnboardingComponent, + MainComponent, + FooterComponent, + ChatComponent, + ProfileComponent, + MessageComponent ], imports: [ BrowserModule, FormsModule, - HttpModule + HttpModule, + RouterModule.forRoot([ + { + path: '', + component: HomeComponent + }, + { + path: 'login', + component: LoginComponent + }, + { + path: 'onboarding', + component: OnboardingComponent + }, + { + path: 'home', + component: MainComponent + }, + { + path: 'chat', + component: ChatComponent + }, + { + path: 'profile', + component: ProfileComponent + }, + { + path: 'message', + component: MessageComponent + } + ]) ], providers: [], bootstrap: [AppComponent] diff --git a/WebPlusOne/src/app/chat/chat.component.html b/WebPlusOne/src/app/chat/chat.component.html new file mode 100644 index 0000000..5b635aa --- /dev/null +++ b/WebPlusOne/src/app/chat/chat.component.html @@ -0,0 +1,28 @@ +
+ +
+
+

Contact List

+
+ +
+

Chris Cates

+
+ About Chris + Chat with Chris +
+
+
+
+ +
+

Chris Cates

+
+ About Chris + Chat with Chris +
+
+
+
+
+
diff --git a/WebPlusOne/src/app/chat/chat.component.scss b/WebPlusOne/src/app/chat/chat.component.scss new file mode 100644 index 0000000..6bca32f --- /dev/null +++ b/WebPlusOne/src/app/chat/chat.component.scss @@ -0,0 +1,41 @@ +@import "../app.component.scss"; + +a.plus-button { + color: white; +} + +div.match { + display: flex; + flex-direction: row; + width: 100%; + height: auto; + padding-bottom: 50px; + img { + border-radius: 50%; + width: 65px; + height: 65px; + box-shadow: 2.5px 2.5px 5px $shadow; + margin-right: 15px; + } + div.text-wrap { + width: calc(100% - 65px); + height: auto; + div.button-wrap { + display: flex; + flex-direction: row; + justify-content: flex-end; + h2, p { + margin: 0; + } + h2 { + font-size: 18px; + } + a { + width: 50%; + font-size: 14px; + padding: 5px; + margin: 5px; + } + } + } +} diff --git a/WebPlusOne/src/app/chat/chat.component.spec.ts b/WebPlusOne/src/app/chat/chat.component.spec.ts new file mode 100644 index 0000000..57f3f69 --- /dev/null +++ b/WebPlusOne/src/app/chat/chat.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { ChatComponent } from './chat.component'; + +describe('ChatComponent', () => { + let component: ChatComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ChatComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ChatComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/chat/chat.component.ts b/WebPlusOne/src/app/chat/chat.component.ts new file mode 100644 index 0000000..7169d24 --- /dev/null +++ b/WebPlusOne/src/app/chat/chat.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-chat', + templateUrl: './chat.component.html', + styleUrls: ['./chat.component.scss'] +}) +export class ChatComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/app/footer/footer.component.html b/WebPlusOne/src/app/footer/footer.component.html new file mode 100644 index 0000000..1b3983e --- /dev/null +++ b/WebPlusOne/src/app/footer/footer.component.html @@ -0,0 +1,11 @@ + diff --git a/WebPlusOne/src/app/footer/footer.component.scss b/WebPlusOne/src/app/footer/footer.component.scss new file mode 100644 index 0000000..85f1935 --- /dev/null +++ b/WebPlusOne/src/app/footer/footer.component.scss @@ -0,0 +1,23 @@ +@import "../app.component.scss"; + +div#footer { + position: fixed; + left: 0; + bottom: 0; + z-index: 999; + width: 100%; + height: 50px; + display: flex; + flex-direction: row; + box-shadow: 0px 0px 5px $shadow; + a.footer-nav { + width: 33.33%; + background: $accent; + color: white; + text-align: center; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } +} diff --git a/WebPlusOne/src/app/footer/footer.component.spec.ts b/WebPlusOne/src/app/footer/footer.component.spec.ts new file mode 100644 index 0000000..bec03fb --- /dev/null +++ b/WebPlusOne/src/app/footer/footer.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { FooterComponent } from './footer.component'; + +describe('FooterComponent', () => { + let component: FooterComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FooterComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FooterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/footer/footer.component.ts b/WebPlusOne/src/app/footer/footer.component.ts new file mode 100644 index 0000000..da17d82 --- /dev/null +++ b/WebPlusOne/src/app/footer/footer.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-footer', + templateUrl: './footer.component.html', + styleUrls: ['./footer.component.scss'] +}) +export class FooterComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/app/home/home.component.html b/WebPlusOne/src/app/home/home.component.html new file mode 100644 index 0000000..0f418a7 --- /dev/null +++ b/WebPlusOne/src/app/home/home.component.html @@ -0,0 +1,13 @@ +
+
+
+

Welcome to +One.

+ + I am new to +One + + + I am already a +One user + +
+
+
diff --git a/WebPlusOne/src/app/home/home.component.scss b/WebPlusOne/src/app/home/home.component.scss new file mode 100644 index 0000000..9a0eddb --- /dev/null +++ b/WebPlusOne/src/app/home/home.component.scss @@ -0,0 +1 @@ +@import "../app.component.scss"; diff --git a/WebPlusOne/src/app/home/home.component.spec.ts b/WebPlusOne/src/app/home/home.component.spec.ts new file mode 100644 index 0000000..f77d739 --- /dev/null +++ b/WebPlusOne/src/app/home/home.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { HomeComponent } from './home.component'; + +describe('HomeComponent', () => { + let component: HomeComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ HomeComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HomeComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/home/home.component.ts b/WebPlusOne/src/app/home/home.component.ts new file mode 100644 index 0000000..f56c8c1 --- /dev/null +++ b/WebPlusOne/src/app/home/home.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-home', + templateUrl: './home.component.html', + styleUrls: ['./home.component.scss'] +}) +export class HomeComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/app/login/login.component.html b/WebPlusOne/src/app/login/login.component.html new file mode 100644 index 0000000..82d4985 --- /dev/null +++ b/WebPlusOne/src/app/login/login.component.html @@ -0,0 +1,17 @@ +
+
+
+

Log In to +One.

+

Email

+ +

Password

+ + + Login with Email + + + Login with Facebook + +
+
+
diff --git a/WebPlusOne/src/app/login/login.component.scss b/WebPlusOne/src/app/login/login.component.scss new file mode 100644 index 0000000..9a0eddb --- /dev/null +++ b/WebPlusOne/src/app/login/login.component.scss @@ -0,0 +1 @@ +@import "../app.component.scss"; diff --git a/WebPlusOne/src/app/login/login.component.spec.ts b/WebPlusOne/src/app/login/login.component.spec.ts new file mode 100644 index 0000000..556444c --- /dev/null +++ b/WebPlusOne/src/app/login/login.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { LoginComponent } from './login.component'; + +describe('LoginComponent', () => { + let component: LoginComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ LoginComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(LoginComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/login/login.component.ts b/WebPlusOne/src/app/login/login.component.ts new file mode 100644 index 0000000..12de138 --- /dev/null +++ b/WebPlusOne/src/app/login/login.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-login', + templateUrl: './login.component.html', + styleUrls: ['./login.component.scss'] +}) +export class LoginComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/app/main/main.component.html b/WebPlusOne/src/app/main/main.component.html new file mode 100644 index 0000000..409b283 --- /dev/null +++ b/WebPlusOne/src/app/main/main.component.html @@ -0,0 +1,30 @@ +
+ +
+
+

Daily Matches

+
+ +
+

Chris Cates

+

Likes helping people in need. Is a serial entrepreneur and angel investor. + I build scalable Software and Architecture.

+
+ Match with Chris +
+
+
+
+ +
+

Chris Cates

+

Likes helping people in need. Is a serial entrepreneur and angel investor. + I build scalable Software and Architecture.

+
+ Match with Chris +
+
+
+
+
+
diff --git a/WebPlusOne/src/app/main/main.component.scss b/WebPlusOne/src/app/main/main.component.scss new file mode 100644 index 0000000..6bca32f --- /dev/null +++ b/WebPlusOne/src/app/main/main.component.scss @@ -0,0 +1,41 @@ +@import "../app.component.scss"; + +a.plus-button { + color: white; +} + +div.match { + display: flex; + flex-direction: row; + width: 100%; + height: auto; + padding-bottom: 50px; + img { + border-radius: 50%; + width: 65px; + height: 65px; + box-shadow: 2.5px 2.5px 5px $shadow; + margin-right: 15px; + } + div.text-wrap { + width: calc(100% - 65px); + height: auto; + div.button-wrap { + display: flex; + flex-direction: row; + justify-content: flex-end; + h2, p { + margin: 0; + } + h2 { + font-size: 18px; + } + a { + width: 50%; + font-size: 14px; + padding: 5px; + margin: 5px; + } + } + } +} diff --git a/WebPlusOne/src/app/main/main.component.spec.ts b/WebPlusOne/src/app/main/main.component.spec.ts new file mode 100644 index 0000000..12a9d92 --- /dev/null +++ b/WebPlusOne/src/app/main/main.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { MainComponent } from './main.component'; + +describe('MainComponent', () => { + let component: MainComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ MainComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MainComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/main/main.component.ts b/WebPlusOne/src/app/main/main.component.ts new file mode 100644 index 0000000..8b899ba --- /dev/null +++ b/WebPlusOne/src/app/main/main.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-main', + templateUrl: './main.component.html', + styleUrls: ['./main.component.scss'] +}) +export class MainComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/app/message/message.component.html b/WebPlusOne/src/app/message/message.component.html new file mode 100644 index 0000000..6637901 --- /dev/null +++ b/WebPlusOne/src/app/message/message.component.html @@ -0,0 +1,36 @@ +
+ +
+ + SEND +
+
+
+

Chatting with Chris Cates

+
+ +
+

Hello, this is a message on plus one.

+
+
+
+ +
+

Hello, this is a message on plus one.

+
+
+
+ +
+

Hello, this is a message on plus one.

+
+
+
+ +
+

Hello, this is a message on plus one.

+
+
+
+
+
diff --git a/WebPlusOne/src/app/message/message.component.scss b/WebPlusOne/src/app/message/message.component.scss new file mode 100644 index 0000000..81e5742 --- /dev/null +++ b/WebPlusOne/src/app/message/message.component.scss @@ -0,0 +1,72 @@ +@import "../app.component.scss"; + +a.plus-button { + color: white; +} + +h2 { + font-size: 18px; +} + +div.send-message { + position: fixed; + bottom: 50px; + left: 0; + width: 100%; + height: 50px; + border-top: 2px solid $primary; + display: flex; + flex-direction: row; + z-index: 999; + textarea{ + box-shadow: none; + width: calc(100% - 100px); + height: 100%; + padding: 0; + text-align: left; + } + a.small-btn { + background: $primary; + color: white; + width: 100px; + height: 100%; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + } +} + +div.message { + display: flex; + flex-direction: row; + width: 100%; + height: auto; + padding-bottom: 50px; + &.reverse { + flex-direction: row-reverse; + img { + margin-right: 0; + margin-left: 15px; + } + div.text-wrap { + background: $primary; + } + } + img { + border-radius: 50%; + width: 65px; + height: 65px; + box-shadow: 2.5px 2.5px 5px $shadow; + margin-right: 15px; + } + div.text-wrap { + width: calc(100% - 65px); + height: auto; + background: $accent; + border-radius: 5px; + box-shadow: 2.5px 2.5px 5px $shadow; + color: white; + padding: 10px; + } +} diff --git a/WebPlusOne/src/app/message/message.component.spec.ts b/WebPlusOne/src/app/message/message.component.spec.ts new file mode 100644 index 0000000..b969dba --- /dev/null +++ b/WebPlusOne/src/app/message/message.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { MessageComponent } from './message.component'; + +describe('MessageComponent', () => { + let component: MessageComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ MessageComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MessageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/message/message.component.ts b/WebPlusOne/src/app/message/message.component.ts new file mode 100644 index 0000000..e433839 --- /dev/null +++ b/WebPlusOne/src/app/message/message.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-message', + templateUrl: './message.component.html', + styleUrls: ['./message.component.scss'] +}) +export class MessageComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/app/onboarding/onboarding.component.html b/WebPlusOne/src/app/onboarding/onboarding.component.html new file mode 100644 index 0000000..874d85f --- /dev/null +++ b/WebPlusOne/src/app/onboarding/onboarding.component.html @@ -0,0 +1,54 @@ +
+
+
+ + Back + + + Next + +
+
+

Which languages do you speak?

+ + Language 1 + + + Language 2 + + + Language 3 + + + Language 4 + + + Language 5 + +
+ +
+

Are you a Newcomer or a Local?

+ + Newcomer + + + Local + +
+ +
+

We promise to never share your information.

+

Email

+ +

Password

+ +

Confirm Password

+ + + Sign up for +One + +
+ +
+
diff --git a/WebPlusOne/src/app/onboarding/onboarding.component.scss b/WebPlusOne/src/app/onboarding/onboarding.component.scss new file mode 100644 index 0000000..d1d17ea --- /dev/null +++ b/WebPlusOne/src/app/onboarding/onboarding.component.scss @@ -0,0 +1,29 @@ +@import "../app.component.scss"; + +a.plus-button { + color: white; +} + +div.nav-buttons { + display: flex; + width: 100%; + flex-direction: row; + justify-content: space-between; + position: fixed; + bottom: 25px; + left: 0; + a.nav-button { + border-radius: 25px; + width: 100px; + height: 50px; + color: white; + background: $accent; + text-align: center; + font-weight: 700; + display: flex; + align-items: center; + justify-content: center; + margin: 0 25px; + cursor: pointer; + } +} diff --git a/WebPlusOne/src/app/onboarding/onboarding.component.spec.ts b/WebPlusOne/src/app/onboarding/onboarding.component.spec.ts new file mode 100644 index 0000000..a08fb39 --- /dev/null +++ b/WebPlusOne/src/app/onboarding/onboarding.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { OnboardingComponent } from './onboarding.component'; + +describe('OnboardingComponent', () => { + let component: OnboardingComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ OnboardingComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(OnboardingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/onboarding/onboarding.component.ts b/WebPlusOne/src/app/onboarding/onboarding.component.ts new file mode 100644 index 0000000..71f9718 --- /dev/null +++ b/WebPlusOne/src/app/onboarding/onboarding.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-onboarding', + templateUrl: './onboarding.component.html', + styleUrls: ['./onboarding.component.scss'] +}) +export class OnboardingComponent implements OnInit { + + public step: number = 1; + + constructor() { } + + ngOnInit() { + + } + + prevStep() { + if (this.step > 1) { + this.step -= 1; + } + } + + nextStep() { + if (this.step < 3) { + this.step += 1; + } + } + +} diff --git a/WebPlusOne/src/app/profile/profile.component.html b/WebPlusOne/src/app/profile/profile.component.html new file mode 100644 index 0000000..979d2ad --- /dev/null +++ b/WebPlusOne/src/app/profile/profile.component.html @@ -0,0 +1,20 @@ +
+ +
+
+

Chris Cates' Profile

+ +

About Me

+ +

Interests

+ +

Profession

+ +

Language Preference

+ +

Has Family?

+ + Update Profile +
+
+
diff --git a/WebPlusOne/src/app/profile/profile.component.scss b/WebPlusOne/src/app/profile/profile.component.scss new file mode 100644 index 0000000..abbf0c5 --- /dev/null +++ b/WebPlusOne/src/app/profile/profile.component.scss @@ -0,0 +1,13 @@ +@import "../app.component.scss"; + +a.plus-button { + color: white; +} + +img { + display: block; + margin: 15px auto; + border-radius: 50%; + width: 150px; + box-shadow: 2.5px 2.5px 5px $shadow; +} diff --git a/WebPlusOne/src/app/profile/profile.component.spec.ts b/WebPlusOne/src/app/profile/profile.component.spec.ts new file mode 100644 index 0000000..7c5959d --- /dev/null +++ b/WebPlusOne/src/app/profile/profile.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { ProfileComponent } from './profile.component'; + +describe('ProfileComponent', () => { + let component: ProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ProfileComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/WebPlusOne/src/app/profile/profile.component.ts b/WebPlusOne/src/app/profile/profile.component.ts new file mode 100644 index 0000000..a9b65fc --- /dev/null +++ b/WebPlusOne/src/app/profile/profile.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-profile', + templateUrl: './profile.component.html', + styleUrls: ['./profile.component.scss'] +}) +export class ProfileComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/WebPlusOne/src/assets/logo1.svg b/WebPlusOne/src/assets/logo1.svg new file mode 100644 index 0000000..c74a530 --- /dev/null +++ b/WebPlusOne/src/assets/logo1.svg @@ -0,0 +1,38 @@ + + + + Logo + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/WebPlusOne/src/index.html b/WebPlusOne/src/index.html index 436efbd..0963cad 100644 --- a/WebPlusOne/src/index.html +++ b/WebPlusOne/src/index.html @@ -7,8 +7,31 @@ + + + + + - Loading... + +
+
+
+
+
+ diff --git a/WebPlusOne/src/styles.css b/WebPlusOne/src/styles.css index 90d4ee0..4ccc0bb 100644 --- a/WebPlusOne/src/styles.css +++ b/WebPlusOne/src/styles.css @@ -1 +1,62 @@ -/* You can add global styles to this file, and also import other style files */ +body { + -webkit-font-smoothing: antialiased; + text-rendering: optimizelegibility; +} + +a.plus-button { + display: block; + width: 100%; + margin: 15px 0; + font-size: 18px; + border-radius: 5px; + background: #4284CF; + color: white; + padding: 15px; + box-shadow: 2.5px 2.5px 5px rgba(0,0,0,0.25); + text-align: center; +} + +a.plus-button.fb { + background: #3b5998; +} + +h2 { + margin-bottom: 30px; +} + +p.label { + display: block; + width: 100%; + text-align: left; + margin: 0; + font-size: 18px; + font-weight: 700; +} + +input { + display: block; + width: 100%; + margin: 0 0 30px 0; + font-size: 18px; + border-radius: 5px; + color: black; + padding: 15px; + box-shadow: 2.5px 2.5px 5px rgba(0,0,0,0.25); + border: 1px solid #CBCBCB; + text-align: center; +} + +textarea { + display: block; + width: 100%; + height: 100px; + resize: none; + margin: 0 0 30px 0; + font-size: 18px; + border-radius: 5px; + color: black; + padding: 15px; + box-shadow: 2.5px 2.5px 5px rgba(0,0,0,0.25); + border: 1px solid #CBCBCB; + text-align: center; +} diff --git a/logo1.svg b/logo1.svg new file mode 100644 index 0000000..c74a530 --- /dev/null +++ b/logo1.svg @@ -0,0 +1,38 @@ + + + + Logo + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file