diff --git a/.editorconfig b/.editorconfig index e89330a..b585a76 100644 --- a/.editorconfig +++ b/.editorconfig @@ -4,7 +4,7 @@ root = true [*] charset = utf-8 indent_style = space -indent_size = 2 +indent_size = 4 insert_final_newline = true trim_trailing_whitespace = true diff --git a/src/app/app.component.html b/src/app/app.component.html index b74d91f..a59f115 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,64 +1,60 @@
-
-
- +
+
+ +
-
-
-
- - -
- -
-
-

Zakary Timson

-
FULL STACK SOFTWARE ENGINEER
-
-
London Ontario, Canada
- - +
+
+ + +
+ +
+
+

Zakary Timson

+
FULL STACK SOFTWARE ENGINEER
+
+
London Ontario, Canada
+ + +
+
+ + +
+
+

About Zak

+ Zak was born with a keyboard in hand and was learning his first programming language by thirteen. Nearly + entirely self taught, Zak challenged his programming courses through both highschool and college while + working in the industry to gain professional experience. He is very passionate about technology and as a + lifelong learner it has opened the door to many other hobbies like robotics, space and physics. Some of his + personal projects include a full sized arcade machine, home automation and a power wall for a home solar + system. +
+
+

Projects

+
+
-
- - +
+
+

Information

+ Resume +
References
+ Manager + Contractor + Teacher + Principle + CD Project Red +
+
+ © 2019 ZaksCode +
-
-

About Me

- "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem - aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo - enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui - ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, - adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat - voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut - aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil - molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" -
-
-

Projects

- "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem - aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo - enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui - ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, - adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat - voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut - aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil - molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" -
-
-

References

- "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem - aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo - enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui - ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, - adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat - voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut - aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil - molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" -
-
- © 2019 ZaksCode -
-
- diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 804fa01..6abbd14 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,24 +1,27 @@ -import { BrowserModule } from '@angular/platform-browser'; -import { NgModule } from '@angular/core'; +import {BrowserModule} from '@angular/platform-browser'; +import {NgModule} from '@angular/core'; -import { AppComponent } from './app.component'; -import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import {AppComponent} from './app.component'; +import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import {MaterialModule} from './material.module'; import {FormsModule} from '@angular/forms'; -import {TypewriterComponent} from './typewriter/typewriter.component'; +import {TypewriterComponent} from './components/typewriter/typewriter.component'; +import {SlideShowComponent} from './components/slideShow/slideShow.component'; @NgModule({ - declarations: [ - AppComponent, - TypewriterComponent - ], - imports: [ - BrowserModule, - BrowserAnimationsModule, - FormsModule, - MaterialModule - ], - providers: [], - bootstrap: [AppComponent] + declarations: [ + AppComponent, + SlideShowComponent, + TypewriterComponent + ], + imports: [ + BrowserModule, + BrowserAnimationsModule, + FormsModule, + MaterialModule + ], + providers: [], + bootstrap: [AppComponent] }) -export class AppModule { } +export class AppModule { +} diff --git a/src/app/components/slideShow/slide.ts b/src/app/components/slideShow/slide.ts new file mode 100644 index 0000000..b8f9398 --- /dev/null +++ b/src/app/components/slideShow/slide.ts @@ -0,0 +1,7 @@ +import {SafeUrl} from '@angular/platform-browser'; + +export interface Slide { + title: string + description: string + image: string | SafeUrl +} diff --git a/src/app/components/slideShow/slideShow.component.html b/src/app/components/slideShow/slideShow.component.html new file mode 100644 index 0000000..9ca078e --- /dev/null +++ b/src/app/components/slideShow/slideShow.component.html @@ -0,0 +1,22 @@ + diff --git a/src/app/components/slideShow/slideShow.component.ts b/src/app/components/slideShow/slideShow.component.ts new file mode 100644 index 0000000..c1961d5 --- /dev/null +++ b/src/app/components/slideShow/slideShow.component.ts @@ -0,0 +1,10 @@ +import {Component, Input} from '@angular/core'; +import {Slide} from './slide'; + +@Component({ + selector: 'slideshow', + templateUrl: 'slideShow.component.html' +}) +export class SlideShowComponent { + @Input() slides: Slide[]; +} diff --git a/src/app/typewriter/typewriter.component.scss b/src/app/components/typewriter/typewriter.component.scss similarity index 100% rename from src/app/typewriter/typewriter.component.scss rename to src/app/components/typewriter/typewriter.component.scss diff --git a/src/app/components/typewriter/typewriter.component.ts b/src/app/components/typewriter/typewriter.component.ts new file mode 100644 index 0000000..502ec83 --- /dev/null +++ b/src/app/components/typewriter/typewriter.component.ts @@ -0,0 +1,21 @@ +import {Component, Input} from '@angular/core'; +import {Observable, timer} from 'rxjs'; +import {filter, map} from 'rxjs/operators'; + +@Component({ + selector: 'typewriter', + template: ` +

{{output | async}}

`, + styleUrls: ['typewriter.component.scss'] +}) +export class TypewriterComponent { + readonly delay = 1500; + readonly speed = 100; + + @Input() + set text(text: string) { + this.output = timer(this.delay, this.speed).pipe(filter(n => n <= text.length), map(n => text.slice(0, n))); + } + + output: Observable; +} diff --git a/src/app/typewriter/typewriter.component.ts b/src/app/typewriter/typewriter.component.ts deleted file mode 100644 index 45ac990..0000000 --- a/src/app/typewriter/typewriter.component.ts +++ /dev/null @@ -1,18 +0,0 @@ -import {Component, Input} from '@angular/core'; -import {Observable, timer} from 'rxjs'; -import {filter, map} from 'rxjs/operators'; - -@Component({ - selector: 'typewriter', - template: `

{{output | async}}

`, - styleUrls: ['typewriter.component.scss'] -}) -export class TypewriterComponent { - @Input() text: string; - - output: Observable; - - constructor() { - this.output = timer(1500, 100).pipe(filter(n => n <= this.text.length), map(n => this.text.slice(0, n))) - } -} diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/src/assets/img/DCP00222.jpg b/src/assets/img/DCP00222.jpg new file mode 100644 index 0000000..09ed203 Binary files /dev/null and b/src/assets/img/DCP00222.jpg differ diff --git a/src/assets/background.jpg b/src/assets/img/background.jpg similarity index 100% rename from src/assets/background.jpg rename to src/assets/img/background.jpg diff --git a/src/assets/logo.png b/src/assets/img/logo.png similarity index 100% rename from src/assets/logo.png rename to src/assets/img/logo.png diff --git a/src/assets/portrait.jpg b/src/assets/img/portrait.jpg similarity index 100% rename from src/assets/portrait.jpg rename to src/assets/img/portrait.jpg diff --git a/src/styles.scss b/src/styles.scss index 345ebea..02fd6db 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -8,5 +8,5 @@ html, body { body { margin: 0; font-family: Roboto, sans-serif; - background: #ffffff url("/assets/background.jpg") no-repeat fixed center; + background: #ffffff url("/assets/img/background.jpg") no-repeat fixed center; }