{
"data": {
"saidulbadhon3.near": {
"widget": {
"Linktree": {
"": "// update\n\nconst profile = {\n avatar:\n \"https://images.unsplash.com/photo-1600486913747-55e5470d6f40?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80\",\n title: \"Zahid Islam\",\n subtitle: \"Data Engineer\",\n links: [\n { title: \"github\", url: \"https://github.com/zahid-dev\" },\n { title: \"twitter\", url: \"https://twitter.com/zahid-dev\" },\n ],\n socials: [\n { title: \"github\", url: \"https://github.com/zahid-dev\" },\n { title: \"twitter\", url: \"https://twitter.com/zahid-dev\" },\n ],\n};\n\nconst titleToIcon = [\n {\n title: \"github\",\n icon: <i class=\"bi bi-github\"></i>,\n },\n {\n title: \"twitter\",\n icon: <i class=\"bi bi-twitter\"></i>,\n },\n {\n title: \"facebook\",\n icon: <i class=\"bi bi-facebook\"></i>,\n },\n {\n title: \"whatsapp\",\n icon: <i class=\"bi bi-whatsapp\"></i>,\n },\n {\n title: \"linkedin\",\n icon: <i class=\"bi bi-linkedin\"></i>,\n },\n];\n\nreturn (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n gap: 16,\n height: \"100%\",\n padding: \"0 8px\",\n }}\n >\n <img\n style={{\n height: \"100%\",\n maxHeight: 200,\n borderRadius: \"50%\",\n aspectRatio: 1 / 1,\n objectFit: \"cover\",\n }}\n src={profile.avatar}\n alt={profile.title}\n />\n\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n }}\n >\n <h2 style={{ color: props.theme.textColor }}>{profile.title}</h2>\n <h5 style={{ color: props.theme.textColor2 }}>{profile.subtitle}</h5>\n </div>\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n gap: 8,\n width: \"100%\",\n maxWidth: 400,\n }}\n >\n {profile.links?.map((link) => (\n <a href={link.url} target=\"_blank\">\n <button style={{ width: \"100%\" }}>{link.title}</button>\n </a>\n ))}\n </div>\n\n <div style={{ display: \"flex\", gap: 16 }}>\n {profile.socials?.map((link) => (\n <a href={link.url} target=\"_blank\" style={{ fontSize: \"1.5rem\" }}>\n {titleToIcon.find((ti) => ti.title === link.title).icon}\n </a>\n ))}\n </div>\n </div>\n);\n",
"metadata": {
"fork_of": "saidulbadhon.near/widget/Linktree@110416467"
}
}
}
}
}
}