Skip to content

Commit 4dff6c3

Browse files
payapulapayapula
authored
Title, Avatar and Resume Updates #86 (#87)
1 parent 8265ae9 commit 4dff6c3

11 files changed

+36
-25
lines changed

‎components/author-avatar.tsx

+10-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,15 @@ import { ReactElement } from 'react';
22
import { ChakraNextImage } from './chakra-next-image';
33
import profilePic from 'public/assets/resume/bharathikannanavatar.jpg';
44

5+
/**
6+
* * When updating images
7+
*
8+
* 1. Make sure to resize them to reduce the file size.
9+
* 2. Make sure the image is not clipped/cropped: Read about `objectFit` property.
10+
* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
11+
* 3. When I updated the image on May, 2024, Updated `objectFit` fron `contain` to
12+
* `cover`
13+
*/
514
function AuthorAvatar({ size }: { size: number }): ReactElement {
615
return (
716
<ChakraNextImage
@@ -12,7 +21,7 @@ function AuthorAvatar({ size }: { size: number }): ReactElement {
1221
height={size}
1322
priority
1423
placeholder="blur"
15-
objectFit="contain"
24+
objectFit="cover"
1625
/>
1726
);
1827
}

‎components/history.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ function History(): JSX.Element {
7979
date="2023 - Present"
8080
icon={<CustomIcon icon={DiReact} color="#61dafb" />}
8181
head={true}>
82-
<Title>Senior Associate, Experience Technology</Title>
82+
<Title>Lead Experience Engineer</Title>
8383
<Subtitle>Publicis Sapient</Subtitle>
8484
<Description>React | Typescript | SCSS | HTML | CSS</Description>
8585
</CustomVerticalTimeLine>

‎components/technologies.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ import {
77
SiNextdotjs,
88
SiTypescript,
99
SiCsharp,
10-
SiOracle,
1110
SiFirebase,
12-
SiAwsamplify
11+
SiAwsamplify,
12+
SiRemix
1313
} from 'react-icons/si';
1414

1515
type IconMeta = {
@@ -26,14 +26,14 @@ const iconSet: IconSet = {
2626
ts: { color: '#3178c6', text: 'TypeScript', icon: SiTypescript },
2727
react: { color: '#61dafb', text: 'React', icon: DiReact },
2828
next: { color: '', text: 'NextJS', icon: SiNextdotjs },
29+
remix: { color: '', text: 'Remix', icon: SiRemix },
2930
node: { color: '#026e00', text: 'NodeJS', icon: DiNodejs },
3031
js: { color: '#fcdc00', text: 'Javascript', icon: DiJsBadge },
3132
firebase: { color: '#FFCA28', text: 'Firebase', icon: SiFirebase },
3233
amplify: { color: '#FF9900', text: 'AWS Amplify', icon: SiAwsamplify },
3334
html: { color: '#e54c21', text: 'HTML', icon: DiHtml5 },
3435
css: { color: '#1672b6', text: 'CSS', icon: DiCss3 },
3536
csharp: { color: '#189f20', text: 'C Sharp', icon: SiCsharp },
36-
oracle: { color: '#ff141d', text: 'Oracle SQL', icon: SiOracle },
3737
android: { color: '#a5c736', text: 'Android', icon: DiAndroid }
3838
};
3939

‎package-lock.json

+7-7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
"prism-react-renderer": "^1.2.0",
3535
"react": "^18.2.0",
3636
"react-dom": "^18.2.0",
37-
"react-icons": "^4.3.1",
37+
"react-icons": "^5.2.1",
3838
"react-vertical-timeline-component": "^3.3.3",
3939
"remark": "11.0.2",
4040
"remark-html": "10.0.0",

‎public/assets/resume/Bharathi Kannan Full Stack Resume.pdf

2.92 KB
Binary file not shown.

‎public/assets/resume/Bharathi Kannan Full Stack Resume_old_26_may.pdf

57.1 KB
Binary file not shown.

‎public/assets/resume/bharathikannanavatar.jpg

16.8 KB
Loading

‎public/assets/resume/bharathikannanavatar_old.jpg

64 KB
Loading

‎public/sitemap.xml

+12-10
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
<?xml version="1.0" encoding="UTF-8"?>
22
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
3-
<url><loc>https://www.bharathikannan.com</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
4-
<url><loc>https://www.bharathikannan.com/blog</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
5-
<url><loc>https://www.bharathikannan.com/blog/what-is-this-javascript</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
6-
<url><loc>https://www.bharathikannan.com/blog/positioned-layout</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
7-
<url><loc>https://www.bharathikannan.com/blog/use-next-link-with-chakra-ui</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
8-
<url><loc>https://www.bharathikannan.com/blog/minimizing-lodash-bundle-size</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
9-
<url><loc>https://www.bharathikannan.com/blog/simple-introduction-to-chakra</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
10-
<url><loc>https://www.bharathikannan.com/blog/react-hooks-dependencies-and-stale-closures</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
11-
<url><loc>https://www.bharathikannan.com/blog/react-useeffect-flow</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
12-
<url><loc>https://www.bharathikannan.com/blog/react-is-just-javascript</loc><lastmod>2022-08-09T05:50:33.029Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
3+
<url><loc>https://www.bharathikannan.com</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
4+
<url><loc>https://www.bharathikannan.com/blog</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
5+
<url><loc>https://www.bharathikannan.com/quiz</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
6+
<url><loc>https://www.bharathikannan.com/blog/context-redux-composition</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
7+
<url><loc>https://www.bharathikannan.com/blog/what-is-this-javascript</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
8+
<url><loc>https://www.bharathikannan.com/blog/positioned-layout</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
9+
<url><loc>https://www.bharathikannan.com/blog/use-next-link-with-chakra-ui</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
10+
<url><loc>https://www.bharathikannan.com/blog/minimizing-lodash-bundle-size</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
11+
<url><loc>https://www.bharathikannan.com/blog/simple-introduction-to-chakra</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
12+
<url><loc>https://www.bharathikannan.com/blog/react-hooks-dependencies-and-stale-closures</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
13+
<url><loc>https://www.bharathikannan.com/blog/react-useeffect-flow</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
14+
<url><loc>https://www.bharathikannan.com/blog/react-is-just-javascript</loc><lastmod>2024-05-26T14:28:31.209Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
1315
</urlset>

‎tests/homepage/chrome.spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,14 @@ test.describe('Chrome Desktop Only', () => {
1515

1616
// Ensure the experience cards are not yet visible
1717
await expect(
18-
page.getByRole('heading', { name: 'Senior Associate, Experience Technology' })
18+
page.getByRole('heading', { name: 'Lead Experience Engineer' })
1919
).not.toBeVisible();
2020

2121
// Scroll down to kick in Experience Cards
2222
await page.mouse.wheel(0, 2000);
2323

2424
const firstSetOfExperience = [
25-
page.getByRole('heading', { name: 'Senior Associate, Experience Technology' }),
25+
page.getByRole('heading', { name: 'Lead Experience Engineer' }),
2626
page.getByRole('heading', { name: 'Software Engineer' }),
2727
page.getByRole('heading', { name: 'Technical Lead IV' })
2828
];

0 commit comments

Comments
 (0)