OMKR-1 | Job section updated.

open-for-everyone · Dec 29, 2023 · c301ff8 · c301ff8
1 parent d4e8e56
commit c301ff8
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 6 deletions.
diff --git a/angular.json b/angular.json
@@ -29,7 +29,8 @@
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
               "src/styles.css"
             ],
-            "scripts": []
+            "scripts": [
+            ]
           },
           "configurations": {
             "production": {

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -28,6 +28,7 @@ import { ProgressBarComponent } from './components/general/progress-bar/progress
 import { VideoComponent } from './components/home/video/video.component';
 import { PageViewCounterComponent } from './components/general/counter/page-view-counter/page-view-counter.component';
 import { OtherActivityComponent } from './components/other-activity/other-activity.component';
+import { MatIconModule } from '@angular/material/icon';
 
 // AOT compilation support
 export function HttpLoaderFactory(http: HttpClient) {
@@ -55,7 +56,7 @@ export function HttpLoaderFactory(http: HttpClient) {
     VideoComponent,
     //Remove the following line:
     PageViewCounterComponent,
-    OtherActivityComponent,
+    OtherActivityComponent
   ],
   imports: [
     BrowserModule,
@@ -72,7 +73,8 @@ export function HttpLoaderFactory(http: HttpClient) {
         useFactory: HttpLoaderFactory,
         deps: [HttpClient]
       }
-    })
+    }),
+    MatIconModule,
   ],
   providers: [],
   bootstrap: [AppComponent]

diff --git a/src/app/components/home/job/job.component.css b/src/app/components/home/job/job.component.css
@@ -110,3 +110,18 @@
     margin-bottom: 50px;
  }
 }
+
+a.company-tab-content{
+  display: inline;
+  margin: 0;
+  padding: 0;
+  border: none;
+  font: inherit;
+  color: inherit;
+  background-color: transparent;
+  cursor: pointer;
+  text-decoration: none;
+  white-space: nowrap;
+  font-family: SF Mono, Fira Code, Fira Mono, Roboto Mono, Lucida Console, Monaco, Monospace;
+  font-size: 16px;
+}
diff --git a/src/app/components/home/job/job.component.html b/src/app/components/home/job/job.component.html
@@ -11,7 +11,7 @@ <h3 class="navbar-pre-title">
                   <li *ngFor='let job of "Experience.Jobs" | translate; let i = index' [title]="job.Tab" [ngbNavItem]="i">
                     <a ngbNavLink>{{job.Tab}}</a>
                       <ng-template ngbNavContent>
-                        <h4 class='title-tab-content'>{{job.Title}} | <span class="company-tab-content">{{job.Tab}}</span></h4>
+                        <h4 class='title-tab-content'>{{job.Title}} | <a class="company-tab-content" href="{{job.Company.CompanyLink}}" target="_blank">{{job.Company.Name}}<mat-icon class="company-tab-content-link">open_in_new</mat-icon></a></h4>
                         <h5 class="job-time">{{job.Date}}</h5>
                         <!-- {{job.Description | json}} -->
                         <p *ngFor='let jobDescriptionParagraph of job.Description; let i = index' class="job-description"

diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
@@ -15,17 +15,29 @@
   "Experience.Title": "Experience",
   "Experience.Jobs": [
     {
-      "Tab": "Unthinkable Solutions LLP",
+      "Tab": "Unthinkable",
+      "Company": {
+        "Name":"Unthinkable Solutions LLP",
+        "CompanyLink":"https://www.unthinkable.co/",
+        "GithubLink": "https://www.linkedin.com/company/unthinkable-software/"
+      },
       "Title": "Backend .NET Developer",
       "Date": "January 2021 - July 2023",
       "Description": [
         "Implemented gRPC Microservices using .NET Core, enhancing API response times by 40%.",
         "Worked with AWS technologies like SQS, Lambda, and API Gateway to develop scalable solutions.",
-        "Practiced Test-Driven Development and participated in agile methodologies for timely deliverables."
+        "Practiced Test-Driven Development and participated in agile methodologies for timely deliverables.",
+        "Collaborated with cross-functional teams to develop and deploy software solutions.",
+        "Mentored junior developers and conducted training sessions on .NET Core and AWS services."
       ]
     },
     {
       "Tab": "Marlabs",
+      "Company": {
+        "Name":"Marlabs Inc.",
+        "CompanyLink": "https://www.marlabs.com/",
+        "GithubLink": "https://www.linkedin.com/company/marlabs/"
+      },
       "Title": "Backend Developer",
       "Date": "July 2023 - October 2023",
       "Description": [
@@ -35,6 +47,11 @@
     },
     {
       "Tab": "Internships",
+      "Company": {
+        "Name":"Internships",
+        "CompanyLink": "",
+        "GithubLink": ""
+      },
       "Title": "Intern",
       "Date": "During B.Tech",
       "Description": [