diff --git a/scripts/build.mjs b/scripts/build.mjs index 08ba981..b050638 100644 --- a/scripts/build.mjs +++ b/scripts/build.mjs @@ -38,6 +38,45 @@ const blogs = [ }, ]; +const socialLinks = [ + { + href: "https://x.com/home", + label: "X", + color: "#525252", + svg: ``, + }, + { + href: "https://bsky.app/profile/neeldhara.bsky.social", + label: "Bluesky", + color: "#4f83b8", + svg: ``, + }, + { + href: "https://www.linkedin.com/in/neeldhara-misra-a54b6920/", + label: "LinkedIn", + color: "#496f9e", + svg: ``, + }, + { + href: "https://mathstodon.xyz/@neeldhara", + label: "Mastodon", + color: "#7464a8", + svg: ``, + }, + { + href: "https://www.youtube.com/@neeldhara", + label: "YouTube", + color: "#b55252", + svg: ``, + }, + { + href: "https://www.instagram.com/neeldharamisra", + label: "Instagram", + color: "#9a6b8c", + svg: ``, + }, +]; + const rssHostSuffix = process.env.RSS_HOST_SUFFIX ?? "neeldhara.email"; const publicHostSuffix = process.env.PUBLIC_HOST_SUFFIX ?? "neeldhara.blog"; const outDir = new URL("../dist/", import.meta.url); @@ -129,6 +168,14 @@ function renderSiteIcon(blog) { `; } +function renderSocialLinks() { + return ``; +} + function renderBlog(blog, posts) { return `
@@ -247,6 +294,40 @@ const html = ` color: #666; font-weight: 500; } + .identity { + display: grid; + gap: 7px; + } + .social-links { + display: flex; + align-items: center; + gap: 13px; + margin-top: 7px; + } + .social-link { + display: inline-flex; + align-items: center; + justify-content: center; + width: 22px; + height: 22px; + color: #222; + opacity: 0.72; + transition: color 180ms ease, opacity 180ms ease, transform 180ms ease; + } + .social-link:hover { + color: var(--social-color); + opacity: 1; + transform: translateY(-1px); + } + .social-link svg { + width: 18px; + height: 18px; + fill: none; + stroke: currentColor; + stroke-width: 1.7; + stroke-linecap: round; + stroke-linejoin: round; + } .blog-list { display: grid; gap: 28px; @@ -365,9 +446,10 @@ const html = `