Skip to content

Commit f817fff

Browse files
committed
updated timeline
1 parent 48e6dab commit f817fff

File tree

7 files changed

+42
-9
lines changed

7 files changed

+42
-9
lines changed

src/app/pages/home/home.component.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@
159159
}
160160

161161
.content-wrapper {
162-
width: 80vw;
162+
width: 800px;
163163
margin: 0 auto;
164164

165165
.intro {
@@ -190,7 +190,7 @@
190190

191191
&:after {
192192
content: "";
193-
border-bottom: 2px solid var(--app-grey);
193+
border-bottom: 4px solid var(--app-grey);
194194
display: block;
195195
width: 50vw;
196196
margin: 0 auto;

src/app/pages/home/timeline/timeline.component.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@
1010
</span>
1111
<span>&#x2666;</span>
1212
<span class="timeperiod">
13-
<span *ngIf="item.startDate">{{ item.startDate | date:'MMM, y'}}</span>
13+
<span *ngIf="item.startDate">{{ item.startDate | date:'MMM y'}}</span>
1414
<span [ngSwitch]="item.endDate">
1515
<span *ngSwitchCase="'current'"> &#x2799; Current</span>
1616
<span *ngSwitchDefault>
17-
<span *ngIf="item.endDate"> &#x2799; {{ item.endDate | date:'MMM, y'}}</span>
17+
<span *ngIf="item.endDate"> &#x2799; {{ item.endDate | date:'MMM y'}}</span>
1818
</span>
1919
</span>
2020
</span>
@@ -31,6 +31,9 @@
3131
<div *ngIf="item.project">
3232
<a [href]="item.project.link" target="_blank">{{ item.project.title }}</a>
3333
</div>
34+
<div *ngIf="item.education">
35+
<a [href]="item.education.link" target="_blank">{{ item.education.title }}</a>
36+
</div>
3437
</div>
3538

3639
<div class="description" *ngIf="item.description">

src/app/pages/home/timeline/timeline.component.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@
7777

7878
a {
7979
text-decoration: none;
80-
color: var(--primary);
80+
color: #07C;
8181
}
8282
}
8383

src/app/pages/home/timeline/timeline.component.ts

Lines changed: 34 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export class TimelineComponent implements OnInit {
99

1010
timelineItems = [{
1111
type: 'position',
12-
startDate: '01-07-2017',
12+
startDate: '07-01-2017',
1313
endDate: 'current',
1414
description: `Design, develop and test mobile and web-based applications for best user experience and performance.`,
1515
company: {
@@ -22,16 +22,46 @@ export class TimelineComponent implements OnInit {
2222
}, {
2323
type: 'project',
2424
subtype: 'opensource',
25-
startDate: '01-08-2019',
25+
startDate: '08-01-2019',
2626
description: `A simple and user-friendly timepicker using pure JavaScript`,
2727
project: {
2828
title: 'NJ Timepicker',
29-
link: ''
29+
link: 'https://github.com/nj-coder/nj-timepicker'
3030
},
3131
techs: ['JavaScript', 'SASS', 'Gulp'],
3232
itemImage: 'assets/images/github.png'
3333
}, {
34-
type: 'education'
34+
type: 'education',
35+
startDate: '02-01-2017',
36+
endDate: '12-01-2018',
37+
education: {
38+
title: 'University of Wollongong, Australia',
39+
link: 'https://www.uow.edu.au/'
40+
},
41+
description: 'Masters in Information Technology',
42+
itemImage: 'assets/images/uow.jpg'
43+
}, {
44+
type: 'position',
45+
startDate: '10-01-2014',
46+
endDate: '02-01-2019',
47+
description: `Design, develop and test mobile and web-based applications for best user experience and performance.`,
48+
company: {
49+
name: 'TCS',
50+
link: 'https://www.tcs.com/',
51+
title: 'Systems Engineer'
52+
},
53+
techs: ['Android', 'AngularJS', 'ExtJS', 'Cordova'],
54+
itemImage: 'assets/images/tcs.png'
55+
}, {
56+
type: 'education',
57+
startDate: '07-01-2010',
58+
endDate: '07-01-2014',
59+
education: {
60+
title: 'Amal Jyothi College of Engineering',
61+
link: 'https://ajce.in/'
62+
},
63+
description: 'Bachelors in Computer Science',
64+
itemImage: 'assets/images/ajce.png'
3565
}];
3666

3767
constructor() { }

src/assets/images/ajce.png

12.5 KB
Loading

src/assets/images/tcs.png

10.9 KB
Loading

src/assets/images/uow.jpg

19.5 KB
Loading

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy