{"version":3,"sources":["webpack:///$_lazy_route_resource lazy namespace object","webpack:///src/app/app.component.ts","webpack:///src/app/app.component.html","webpack:///src/app/app.module.ts","webpack:///src/app/contact-dialog/contact-dialog.component.ts","webpack:///src/app/contact-dialog/contact-dialog.component.html","webpack:///src/environments/environment.ts","webpack:///src/main.ts"],"names":["webpackEmptyAsyncContext","req","Promise","resolve","then","e","Error","code","keys","module","exports","id","AppComponent","dialog","currentFlavorA","currentFlavorB","flavorArrA","flavorArrB","flavorSwap","useFlavorB","setInterval","length","dialogRef","open","autoFocus","afterClosed","subscribe","result","openDialog","selector","templateUrl","styleUrls","AppModule","declarations","entryComponents","imports","providers","bootstrap","ContactDialogComponent","_snackBar","email","close","message","action","duration","closeDialog","copySnackbar","environment","production","bootstrapModule","err","console","error"],"mappings":"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","file":"main-es5.js","sourcesContent":["function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./$$_lazy_route_resource lazy recursive\";","import { Component } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ContactDialogComponent } from \"./contact-dialog/contact-dialog.component\";\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss']\n})\nexport class AppComponent {\n\n  constructor(private dialog: MatDialog) {}\n\n  public currentFlavorA = 0;\n  public currentFlavorB = 0;\n  public flavorArrA = ['Welcome', 'See Greatness', 'Responsive Design', 'Material Design' ,'Create Your Website', 'Now Is The Time'];\n  public flavorArrB = ['Have A Seat', 'AWS Technology', 'Angular 9', 'Reasonable Pricing', 'Reach Out Today', 'Create Your Dream'];\n  public flavorSwap = true;\n\n  ngOnInit() {\n    // useFlavorB tells the algorithm to wait to cycle flavorArrB\n    let useFlavorB = false;\n    setInterval(() => {\n      // everytime the flavor swaps, update the flavor we can't see\n      if (this.flavorSwap) {\n        if(useFlavorB) {\n          if(this.currentFlavorB+1 < this.flavorArrB.length) {\n            this.currentFlavorB++;\n          } else {\n            this.currentFlavorB = 0;\n          }\n        } else {\n          useFlavorB = true;\n        }\n      } else {\n        if(this.currentFlavorA+1 < this.flavorArrA.length) {\n          this.currentFlavorA++;\n        } else {\n          this.currentFlavorA = 0;\n        }\n      }\n      this.flavorSwap = !this.flavorSwap;\n    }, 5000);\n  }\n\n  openDialog() {\n    const dialogRef = this.dialog.open(ContactDialogComponent, {\n      autoFocus: false\n    });\n\n    dialogRef.afterClosed().subscribe(result => {});\n  }\n\n}\n","<div class=\"backdrop\"\r\ngdAreas=\"header-image | content-spacer\"\r\ngdRows=\"2fr 1fr\">\r\n  <div class=\"header-image-container\"\r\n  gdArea=\"header-image\"\r\n  fxLayout=\"row\"\r\n  fxLayoutAlign=\"center center\"\r\n  [ngStyle.xs]=\"'font-size: 4rem;'\"\r\n  [ngStyle.sm]=\"'font-size: 6rem;'\"\r\n  [ngStyle.gt-sm]=\"'font-size: 10rem;'\">\r\n    <div class=\"fade-left\"><div></div></div>\r\n    <div class=\"header-image\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n      <div class=\"image-depth\"></div>\r\n      <img src=\"../assets/travoltaislost.jpg\">\r\n    </div>\r\n    <div class=\"rotating-flavor\"\r\n    [style]=\"flavorSwap?'opacity:1':'opacity:0'\">\r\n      {{ flavorArrA[currentFlavorA] }}\r\n    </div>\r\n    <div class=\"rotating-flavor\"\r\n    [style]=\"flavorSwap?'opacity:0':'opacity:1'\">\r\n      {{ flavorArrB[currentFlavorB] }}\r\n    </div>\r\n    <div class=\"fade-right\"><div></div></div>\r\n  </div>\r\n  <div gdArea=\"content-spacer\"></div>\r\n</div>\r\n\r\n<div class=\"page-container top-container\"\r\ngdAreas=\"header-image | page-content\"\r\ngdRows=\"2fr 1fr\">\r\n\r\n  <div\r\n  gdArea=\"header-image\"\r\n  fxLayout=\"row\"\r\n  fxLayoutAlign=\"center center\">\r\n  </div>\r\n\r\n  <div class=\"page-content shadow\"\r\n  gdArea=\"page-content\"\r\n  gdAreas.lt-md=\"youtube linkedin github\"\r\n  gdAreas.gt-sm=\"spacer-left youtube linkedin github spacer-right\"\r\n  gdRows=\"1fr\"\r\n  gdColumns.lt-md=\"2fr 1fr 2fr\"\r\n  gdColumns.gt-sm=\"1fr 1fr 1fr 1fr 1fr\">\r\n    <div gdArea=\"spacer-left\" fxHide.lt-md></div>\r\n    <div gdArea=\"spacer-right\" fxHide.lt-md></div>\r\n    <a class=\"youtube\"\r\n    href=\"https://www.youtube.com/channel/UCtdIELIZlRLJqrKp6vTa50g\"\r\n    gdArea=\"youtube\"\r\n    fxLayout=\"column\"\r\n    fxLayoutAlign=\"center center\"\r\n    matRipple [matRippleColor]=\"'rgba(255, 255, 255, .2)'\">\r\n        <img src=\"../assets/youtube-fade.svg\"\r\n        [ngStyle.xs]=\"'width: 3rem; height: 3rem'\"\r\n        [ngStyle.sm]=\"'width: 5rem; height: 5rem'\"\r\n        [ngStyle.gt-sm]=\"'width: 7rem; height: 7rem'\">\r\n        <img class=\"youtube-thumbnail\" src=\"../assets/youtube.svg\"\r\n        [ngStyle.xs]=\"'width: 3rem; height: 3rem'\"\r\n        [ngStyle.sm]=\"'width: 5rem; height: 5rem'\"\r\n        [ngStyle.gt-sm]=\"'width: 7rem; height: 7rem'\">\r\n    </a>\r\n    <a class=\"linkedin\"\r\n    href=\"https://www.linkedin.com/in/ryan-tibbetts-a754776b/\"\r\n    gdArea=\"linkedin\"\r\n    fxLayout=\"column\"\r\n    fxLayoutAlign=\"center center\"\r\n    matRipple [matRippleColor]=\"'rgba(255, 255, 255, .2)'\">\r\n      <img src=\"../assets/linkedin-fade.svg\"\r\n      [ngStyle.xs]=\"'width: 3rem; height: 3rem'\"\r\n      [ngStyle.sm]=\"'width: 5rem; height: 5rem'\"\r\n      [ngStyle.gt-sm]=\"'width: 7rem; height: 7rem'\">\r\n      <img class=\"linkedin-thumbnail\" src=\"../assets/linkedin.svg\"\r\n      [ngStyle.xs]=\"'width: 3rem; height: 3rem'\"\r\n      [ngStyle.sm]=\"'width: 5rem; height: 5rem'\"\r\n      [ngStyle.gt-sm]=\"'width: 7rem; height: 7rem'\">\r\n    </a>\r\n    <a class=\"github\"\r\n    href=\"https://github.com/Raults/RyanPortfolio\"\r\n    gdArea=\"github\"\r\n    fxLayout=\"column\"\r\n    fxLayoutAlign=\"center center\"\r\n    matRipple [matRippleColor]=\"'rgba(255, 255, 255, .2)'\">\r\n      <img src=\"../assets/github-fade.svg\"\r\n      [ngStyle.xs]=\"'width: 3rem; height: 3rem'\"\r\n      [ngStyle.sm]=\"'width: 5rem; height: 5rem'\"\r\n      [ngStyle.gt-sm]=\"'width: 7rem; height: 7rem'\">\r\n      <img class=\"github-thumbnail\" src=\"../assets/github.svg\"\r\n      [ngStyle.xs]=\"'width: 3rem; height: 3rem'\"\r\n      [ngStyle.sm]=\"'width: 5rem; height: 5rem'\"\r\n      [ngStyle.gt-sm]=\"'width: 7rem; height: 7rem'\">\r\n    </a>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"page-container bottom-container\" gdAreas=\"lower-content\">\r\n  <div class=\"page-content\"\r\n  gdArea=\"lower-content\"\r\n  gdAreas.lt-md=\"ryan-image | description | contact | footer\"\r\n  gdAreas.gt-sm=\"spacer-left ryan-image description description spacer-right\r\n                | contact contact contact contact contact\r\n                | footer footer footer footer footer\"\r\n  gdRows.xs=\"15rem auto 6rem\"\r\n  gdRows.sm=\"15rem auto 8rem\"\r\n  gdRows.gt-sm=\"30rem 25rem 15rem\"\r\n  gdColumns.lt-md=\"1fr\"\r\n  gdColumns.gt-sm=\"1fr 2fr 2fr 2fr 1fr\">\r\n    <div gdArea=\"spacer-left\" fxHide.lt-md></div>\r\n    <div gdArea=\"spacer-right\" fxHide.lt-md></div>\r\n    <div class=\"ryan-image\"\r\n    gdArea=\"ryan-image\"\r\n    fxLayout=\"column\"\r\n    fxLayoutAlign=\"center center\">\r\n      <img src=\"../assets/ryan_in_Cin.png\" >\r\n    </div>\r\n    <div class=\"web-description\"\r\n    gdArea=\"description\"\r\n    fxLayout=\"column\"\r\n    fxLayoutAlign=\"center start\"\r\n    [ngStyle.xs]=\"'font-size: 1rem; line-height: 1.5rem; padding: 2rem;'\"\r\n    [ngStyle.sm]=\"'font-size: 1rem; line-height: 1.5rem; padding: 2rem 5rem;'\"\r\n    [ngStyle.gt-sm]=\"'font-size: 1.1rem; line-height: 2rem; padding: 0 0 0 5rem;'\">\r\n    <p>Hello and Welcome, I'm Ryan Tibbetts</p>\r\n    <p>This is my fully responsive cutting edge website.&nbsp;&nbsp;\r\n    Here you can see my capabilities to host a website using AWS and develop a modern and stylish\r\n    theme using google web development technologies such as Angular and Material.&nbsp;&nbsp;\r\n    You can also access my other endeavors here such as youtube tutorials, linkedin page,\r\n    and github repositories.&nbsp;&nbsp; If this website appeals to your creative needs,\r\n    do not hesitate.&nbsp;&nbsp; Click the contact button below to reach me directly\r\n    and lets make your ambitions a reality.</p>\r\n    </div>\r\n    <div class=\"contact\"\r\n    gdArea=\"contact\"\r\n    fxLayout=\"row\"\r\n    fxLayoutAlign=\"center start\"\r\n    [ngStyle.lt-md]=\"'padding: 0;'\"\r\n    [ngStyle.gt-sm]=\"'padding: 3rem 0 0 0;'\">\r\n      <button class=\"contact-button effect-box\" mat-flat-button (click)=\"openDialog()\"\r\n      [ngStyle.xs]=\"'font-size: 4rem; line-height: 2rem; padding: .1rem .5rem .75rem .5rem;'\"\r\n      [ngStyle.sm]=\"'font-size: 6rem; line-height: 4rem; padding: .25rem 1rem 1rem 1rem;'\"\r\n      [ngStyle.gt-sm]=\"'font-size: 10rem; line-height: 8rem; padding: .5rem 2rem 2rem 2rem;'\">CONTACT</button>\r\n    </div>\r\n    <div class=\"footer-space\" gdArea=\"footer\">\r\n      <img src=\"../assets/gradient_test1.jpg\">\r\n    </div>\r\n  </div>\r\n</div>\r\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { FlexLayoutModule } from '@angular/flex-layout';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\n\nimport { AppComponent } from './app.component';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { ContactDialogComponent } from './contact-dialog/contact-dialog.component';\n\n@NgModule({\n  declarations: [\n    AppComponent,\n    ContactDialogComponent\n  ],\n  entryComponents: [\n    ContactDialogComponent\n  ],\n  imports: [\n    BrowserModule,\n    FormsModule,\n    FlexLayoutModule,\n    BrowserAnimationsModule,\n    MatButtonModule,\n    MatRippleModule,\n    MatDialogModule,\n    MatIconModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSnackBarModule,\n    ClipboardModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { MatDialogRef } from '@angular/material/dialog';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n  selector: 'app-contact-dialog',\n  templateUrl: './contact-dialog.component.html',\n  styleUrls: ['./contact-dialog.component.css']\n})\nexport class ContactDialogComponent implements OnInit {\n  email = \"Tibbetts.E.Ryan@gmail.com\";\n\n  constructor(public dialogRef: MatDialogRef<ContactDialogComponent>,\n              private _snackBar: MatSnackBar) {}\n\n  ngOnInit(): void {\n  }\n\n  closeDialog() {\n    this.dialogRef.close();\n  }\n\n  copySnackbar(message: string, action: string) {\n    this._snackBar.open(message, action, {\n      duration: 2000,\n    });\n  }\n\n}\n","<div mat-dialog-title\nfxLayout=\"row\"\nfxLayoutAlign=\"space-between start\">\n  <span [ngStyle.xs]=\"'font-size: 2rem;'\"\n        [ngStyle.gt-xs]=\"'font-size: 4rem;'\">Contact Info</span>\n  <div class=\"close-dialog\">\n    <mat-icon matRipple (click)=\"closeDialog()\">close</mat-icon>\n  </div>\n</div>\n<mat-dialog-content gdAreas.xs=\"email-flavor | email\"\n                    gdAreas.gt-xs=\"email-flavor email\"\n                    gdColumns.xs=\"1fr\"\n                    gdColumns.gt-xs=\"auto 1fr\"\n                    gdGap.xs=\".25rem\"\n                    gdGap.gt-xs=\"1rem\">\n  <span [ngStyle.xs]=\"'font-size: 1.5rem;'\"\n        [ngStyle.gt-xs]=\"'font-size: 2.5rem;'\">Email: </span>\n  <mat-form-field [ngStyle.xs]=\"'font-size: .75rem;'\">\n    <input matInput [(ngModel)]=\"email\">\n  </mat-form-field>\n</mat-dialog-content>\n<mat-dialog-actions\nfxLayout=\"row\"\nfxLayoutAlign=\"end center\">\n  <button class=\"copy-button effect-box\"\n  mat-flat-button\n  [cdkCopyToClipboard]=\"email\" (click)=\"copySnackbar('Copied','See You Soon')\">Copy</button>\n</mat-dialog-actions>\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n  production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error';  // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n  enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n  .catch(err => console.error(err));\n"]}