Merge pull request #11 from zembrodt/develop

Develop

package.json

@@ -1,6 +1,6 @@
 {
   "name": "portfolio",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/components/contact/contact.component.html

@@ -1,3 +1,6 @@
 <div class="contact">
   <div class="mat-h2">Thanks for reading! Feel free to get in touch!</div>
+  <p class="copyright">
+    <a href="https://raw.githubusercontent.com/zembrodt/portfolio/main/LICENSE" target="_blank">© {{year}} Ryan Zembrodt</a>
+  </p>
 </div>

src/app/components/contact/contact.component.theme.scss

@@ -0,0 +1,10 @@
+@use '~@angular/material' as mat;
+@import "~@angular/material/theming";
+
+@mixin contact-theme($theme) {
+  $primary: map-get($theme, primary);
+
+  .copyright a {
+    color: mat.get-color-from-palette($primary, 500);
+  }
+}

src/app/components/contact/contact.component.ts

@@ -7,6 +7,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ContactComponent implements OnInit {
 
+  year = new Date().getFullYear();
+
   constructor() { }
 
   ngOnInit(): void {

src/styles.scss

@@ -3,7 +3,8 @@
 
 @import "styles/themes";
 @import "app/app.component.theme";
-@import "app/components/dashboard/dashboard.component.scss-theme";
+@import "app/components/contact/contact.component.theme";
+@import "app/components/dashboard/dashboard.component.theme";
 @import "app/components/navbar/navbar.component.theme";
 @import "app/core/timeline/timeline/timeline.component.theme";
 @import "app/core/timeline/timeline-entry/timeline-entry.component.theme";
@@ -103,6 +104,7 @@ body.scrollbar-dark::-webkit-scrollbar-track {
 /* Application theming */
 @mixin custom-components-theme($theme) {
   @include app-component-theme($theme);
+  @include contact-theme($theme);
   @include dashboard-theme($theme);
   @include navbar-theme($theme);
   @include timeline-theme($theme);