2 files changed, 11 insertions, 2 deletions
diff --git a/src/app/components/profile-settings/profile-settings.component.html b/src/app/components/profile-settings/profile-settings.component.html
index dd3d186..e792f9f 100644
--- a/src/app/components/profile-settings/profile-settings.component.html
+++ b/src/app/components/profile-settings/profile-settings.component.html
@@ -81,7 +81,7 @@
 				Available languages:
 			</div>
 			<div class="flex-row margin-top-dot4">
-				<div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let lang of availableLanguages">
+				<div class="sec-info border-radius-dot5r padding-dot2 hover-half-opacity click-effect" *ngFor="let lang of availableLanguages" (click)="langClick(lang.name)">
 					{{ lang.name }}
 				</div>
 			</div>
@@ -103,7 +103,7 @@
 				Available technologies:
 			</div>
 			<div class="flex-row margin-top-dot4">
-				<div class="sec-info border-radius-dot5r padding-dot2" *ngFor="let tech of availableTechnologies">
+				<div class="sec-info border-radius-dot5r padding-dot2 hover-half-opacity click-effect" *ngFor="let tech of availableTechnologies" (click)="techClick(tech.name)">
 					{{ tech.name }}
 				</div>
 			</div>
diff --git a/src/app/components/profile-settings/profile-settings.component.ts b/src/app/components/profile-settings/profile-settings.component.ts
index 79519aa..b7f2d90 100644
--- a/src/app/components/profile-settings/profile-settings.component.ts
+++ b/src/app/components/profile-settings/profile-settings.component.ts
@@ -286,6 +286,15 @@ export class ProfileSettingsComponent implements OnInit {
     }
   }
 
+  langClick(name: string): void {
+    console.log('Language: ' + name);
+  }
+
+  techClick(name: string): void {
+    console.log('Technology: ' + name);
+  }
+
+
   goToProfile(): void {
     this._router.navigate([this._router.url.substring(0, this._router.url.length - 9)]);
   }