Skip to content

Commit 20652a8

Browse files
vigneshshettyinvigneshshettyin
committed
Some Changes
Fixed Layout Issue : Baseline
1 parent de88a52 commit 20652a8

File tree

5 files changed

+51
-32
lines changed

5 files changed

+51
-32
lines changed

‎public/index.html‎

Lines changed: 24 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -20,19 +20,36 @@
2020
crossorigin="anonymous"
2121
/>
2222
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
23-
<title>
24-
Linktree || Vignesh Shetty || Full Stack Developer &amp; Open Source
25-
Enthusiast 🧑‍🚀
26-
</title>
23+
<title>Vignesh Shetty | Linktree | Make your link do more.</title>
2724
<style>
28-
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap");
25+
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap");
2926

3027
body {
31-
font-family: "Poppins", sans-serif;
32-
font-weight: bold;
28+
font-family: "Inter", sans-serif;
3329
overflow-x: hidden;
3430
scroll-behavior: smooth;
3531
}
32+
/* custom Scroll bar */
33+
34+
::-webkit-scrollbar {
35+
width: 15px;
36+
}
37+
38+
/* Track */
39+
::-webkit-scrollbar-track {
40+
box-shadow: inset 0 0 5px grey;
41+
}
42+
43+
/* Handle */
44+
::-webkit-scrollbar-thumb {
45+
background: #c1c1c1;
46+
border-radius: 10px;
47+
}
48+
49+
/* Handle on hover */
50+
::-webkit-scrollbar-thumb:hover {
51+
background: #c1c1c1;
52+
}
3653
</style>
3754
</head>
3855
<body>

‎renovate.json‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎src/components/header/header.js‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import "react-lazy-load-image-component/src/effects/blur.css";
99

1010
const Header = () => {
1111
const a = useContext(themeContext);
12-
const { userName, photoLink } = profileData;
12+
const { userName, photoLink, desc } = profileData;
1313
if (!a.darkMode) {
1414
document.body.style.backgroundColor = themeData.dark.backgroundColor;
1515
} else {
@@ -25,6 +25,9 @@ const Header = () => {
2525
<UserNameText props={a.darkMode ? themeData.light : themeData.dark}>
2626
@{userName}
2727
</UserNameText>
28+
<UserNameText props={a.darkMode ? themeData.light : themeData.dark}>
29+
{desc}
30+
</UserNameText>
2831
</HeaderWrapper>
2932
</Zoom>
3033
</>

‎src/components/link/link.js‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -42,8 +42,8 @@ const CustomDiv = styled.div`
4242
margin-bottom: 15px;
4343
border-radius: 15px;
4444
cursor: pointer;
45-
align-items: center;
46-
45+
align-content: center;
46+
align-items: baseline;
4747
justify-content: center;
4848
width: 50vw;
4949
padding: 5px;
@@ -69,11 +69,9 @@ const CustomDiv = styled.div`
6969
flex: 1;
7070
}
7171
#image {
72-
background-color: white;
7372
margin-left: 10px;
74-
max-width: 60px;
75-
max-height: 60px;
76-
border-radius: 2px;
73+
width: 50px;
74+
height: 50px;
7775
}
7876
`;
7977

‎src/data/data.js‎

Lines changed: 19 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ const socialLinks = [
88
const profileData = {
99
userName: "vigneshshettyin",
1010
photoLink: "https://github.com/vigneshshettyin.png",
11+
desc: " Full-Stack | Python | React | Kotlin | JavaScript | Node.js",
1112
};
1213

1314
const themeData = {
@@ -18,17 +19,18 @@ const themeData = {
1819
onHoverTextColor: "#636e72",
1920
footerColor: "black",
2021
footerSocialLinkColor: "white",
21-
headerFontColor: "#74b9ff",
22+
headerFontColor: "#black",
2223
CardtextColor: "#2d3436",
2324
},
2425
dark: {
25-
backgroundColor: "#161b22",
26+
backgroundColor: "#000000",
2627
onHoverBackgroundColor: "#02040a",
27-
cardBackgroundColor: "#636e72",
28+
cardBackgroundColor: "#222222",
2829
onHoverTextColor: "white",
2930
footerColor: "white",
3031
footerSocialLinkColor: "white",
3132
headerFontColor: "white",
33+
CardtextColor: "white",
3234
},
3335
};
3436
const linkData = [
@@ -44,66 +46,70 @@ const linkData = [
4446
link: "https://go.vigneshcodes.in/certify",
4547
name: "Certify - Free Online Certification App",
4648
image:
47-
"https://camo.githubusercontent.com/ba0a1b28b9fb8e428a69d5ddcfc56b4b0425fb96202b40ab3b802489f424b286/68747470733a2f2f736f6369616c6966792e6769742e63692f7669676e657368736865747479696e2f466c61736b2d47656e65726174652d43657274696669636174652f696d6167653f6465736372697074696f6e3d3126666f6e743d4b6f486f26666f726b733d31266973737565733d31266c616e67756167653d31266c6f676f3d68747470732533412532462532467265732e636c6f7564696e6172792e636f6d2532467669676e657368736865747479696e253246696d61676525324675706c6f616425324676313632323830313230352532466c793370736e643139357a7570776b65377064342e706e67266f776e65723d31267061747465726e3d427269636b25323057616c6c2670756c6c733d31267374617267617a6572733d31267468656d653d4c69676874",
49+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
4850
},
4951
{
5052
id: 3,
5153
link: "https://react.eatmyurl.ml",
5254
name: "EatMyUrl - Free URL Shortener",
5355
image:
54-
"https://res.cloudinary.com/vigneshshettyin/image/upload/v1631588908/oia0inntihtas3ymsvgi.png",
56+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
5557
},
5658
{
5759
id: 4,
5860
link: "https://go.vigneshcodes.in/bulkmailer",
5961
name: "BulkMailer - Free Bulk Mailer App",
6062
image:
61-
"https://camo.githubusercontent.com/a7556597ba335122c647a45408d13680680225ce1500c33f6dda02c9e8564a04/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f7669676e657368736865747479696e2f696d6167652f75706c6f61642f76313632323231303237342f776c63657864676862683976693177647a7a716e2e706e67",
63+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
6264
},
6365
{
6466
id: 5,
6567
link: "https://tesla.vigneshcodes.in",
6668
name: "Tesla UI Clone Using ReactJS",
67-
image: "https://tesla.vigneshcodes.in/images/logo.svg",
69+
image:
70+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
6871
},
6972
{
7073
id: 6,
7174
link: "https://webscraper.vigneshin.ml/",
7275
name: "WebScraper - Free S.E.O Scrapper / API",
73-
image: "https://www.webharvy.com/images/web%20scraping.png",
76+
image:
77+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
7478
},
7579
{
7680
id: 7,
7781
link: "https://react-blog.vigneshcodes.in",
7882
name: "Free Blogging Application (MERN STACK)",
7983
image:
80-
"https://www.thebalancesmb.com/thmb/ro9ebSW5IBz4iLytEqsZAcDyI9U=/3000x2000/filters:no_upscale():max_bytes(150000):strip_icc()/blogging-what-is-it-1794405-v2-5b60d316c9e77c0050f7eb9e.png",
84+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
8185
},
8286
{
8387
id: 8,
8488
link: "https://blog.vigneshin.ml",
8589
name: "Free Blogging Application (Flask)",
86-
image: "https://www.whizsky.com/wp-content/uploads/2020/06/blog2.png",
90+
image:
91+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
8792
},
8893
{
8994
id: 9,
9095
link: "https://react-opensource.vigneshcodes.in/",
9196
name: "Open Source React (Promote Open Source Contributions)",
9297
image:
93-
"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png",
98+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
9499
},
95100
{
96101
id: 10,
97102
link: "https://linktree.vigneshcodes.in",
98103
name: "LinkTree (Clone) - Display Links Uniquely ",
99-
image: "https://cdn.worldvectorlogo.com/logos/linktree-1.svg",
104+
image:
105+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
100106
},
101107
{
102108
id: 11,
103109
link: "https://blog.vigneshcodes.in/quick-guide-to-deploy-using-docker",
104110
name: "Quick Guide To Deploy Using Docker (Blog)",
105111
image:
106-
"https://blog.vigneshcodes.in/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1630990172036%2Fv9olxXXUI.png%3Fw%3D1600%26h%3D840%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp&w=3840&q=75",
112+
"https://play-lh.googleusercontent.com/QYc9QNf0_c-M7rhF4eo8daWbIRg_ukwzabR3Xj9TX_6zxG-AbzhKF5NS3CAd2X79fm0=s360-rw",
107113
},
108114
];
109115

0 commit comments

Comments
 (0)