refresh ui

asrient · asrient · commit 6462d40aa1ea · 2026-02-12T11:05:57.000+05:30
diff --git a/components/contacts.tsx b/components/contacts.tsx
@@ -4,24 +4,21 @@ import Image from 'next/image'
 
 const Contacts = () => {
     return (
-        <div className='bg-[#8FACF8]'>
-            <div className='container mx-auto px-0 py-28'>
+        <div className='bg-neutral-200 dark:bg-neutral-900'>
+            <div className='container mx-auto px-0 py-24 sm:py-32'>
                 <div className='px-5'>
-                    <h2 className='text-4xl md:text-6xl font-bold text-gray-800 max-w-3xl text-brand'>
-                        Make <span className='text-transparent bg-clip-text bg-gradient-to-r from-[#12115E] to-[#A023DA]'>great products</span> together, connect on socials.
+                    <h2 className='text-7xl md:text-8xl font-thin text-gray-700 dark:text-gray-400 max-w-3xl text-brand'>
+                            Asrient's Studio.
                     </h2>
                 </div>
-                <div className='flex items-end pt-16'>
-                    <div>
-                        <Image src='/assets/img/contacts-hero.jpg' width={600} height={0} className='md:h-auto h-[300px] object-cover object-right max-w-[35vw]' alt='Contacts' />
-                    </div>
+                <div className='flex items-end pt-5 sm:pt-10'>
                     <div className='flex flex-col justify-start mt-4 w-full pl-4 md:pl-8'>
                         {Object.keys(SOCIALS).map((social) => (
-                            <a key={social} href={SOCIALS[social]} target='_blank' className='transition delay-100 max-w-[20rem] pt-2 pl-2 text-neutral-900 font-thin flex items-center group hover:bg-zinc-100'>
+                            <a key={social} href={SOCIALS[social]} target='_blank' className='transition delay-100 max-w-[20rem] pt-2 pl-2 text-neutral-900 dark:text-neutral-400 font-thin flex items-center group hover:bg-zinc-100 hover:dark:bg-neutral-800'>
                                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1} stroke="currentColor" className="w-4 h-4 group-hover:scale-125 group-hover:text-[#c97356] mr-2 mb-2">
                                     <path strokeLinecap="round" strokeLinejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
                                 </svg>
-                                <div className='pb-2 border-b border-neutral-900 group-hover:border-zinc-100 border-opacity-40 w-full'>
+                                <div className='pb-2 border-b border-neutral-900 dark:border-neutral-500 group-hover:border-zinc-100/50 border-opacity-40 w-full'>
                                     {social}
                                 </div>
                             </a>
diff --git a/components/docs-grid.tsx b/components/docs-grid.tsx
@@ -1,6 +1,7 @@
 import type RouteItem from '../interfaces/routeItem'
 import { themed } from '../lib/utils'
 import Link from 'next/link'
+import SectionTitle from './section-title'
 
 type Props = {
   routes: RouteItem[],
@@ -15,9 +16,9 @@ const DocsGrid = ({ routes, theme, title }: Props) => {
   return (
     <section className='pt-12 mx-auto max-w-5xl'>
       <hr className='mb-10' />
-      <h2 className='h2'>
+      <SectionTitle>
         {title || 'Read next'}
-      </h2>
+      </SectionTitle>
       <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-2 gap-y-2 lg:gap-x-3 lg:gap-y-3">
         {routes.map((route) => (
           <Link href={route.path} key={route.path} className={thm`text-base font-light text-gray-900/60 dark:text-white/50 px-6 py-8 md:px-8 md:py-10 bg-white/40 dark:bg-neutral-700/40 hover:bg-neutral-500/10 dark:hover:bg-white/10 hover:border-transparent rounded-xl border-neutral-500/30 border border-solid`} >
diff --git a/components/footer.tsx b/components/footer.tsx
@@ -27,7 +27,7 @@ const Footer = ({ theme, project, currentDoc, lastUpdatedOn }: {
     <footer className={thm`$bg-accent-5 dark:$bg-accent-5 border-color-lite border-t pt-12 pb-4`}>
       <Container className='max-w-5xl'>
         <div className="flex flex-col-reverse lg:flex-row items-center justify-between">
-          <h3 className="text-3xl font-bold tracking-tighter leading-tight text-center lg:text-left mt-5 lg:mt-0 lg:mb-0 lg:pr-4 lg:w-1/2">
+          <h3 className="text-3xl font-light tracking-tighter leading-tight text-center lg:text-left mt-5 lg:mt-0 lg:mb-0 lg:pr-4 lg:w-1/2">
             <div className='flex flex-row justify-center items-center md:justify-start'>
               <Link href={project ? `/${project.name.toLowerCase()}` : "/"}>
                 <Image
diff --git a/components/header.tsx b/components/header.tsx
@@ -125,7 +125,7 @@ const Header = ({ theme, project, docsConfig, style }: {
     url: '/projects'
   },
   {
-    name: 'Blog',
+    name: 'Journal',
     url: '/blog'
   }];
 
diff --git a/components/home/homecloud-card.tsx b/components/home/homecloud-card.tsx
@@ -80,7 +80,7 @@ export const HomecloudCard = ({ project }: {
         top: parallexY,
       }}>
         <h1 className='text-3xl font-semibold bg-clip-text text-transparent bg-gradient-to-r dark:from-[#ffb597] to-[#9E3F21] from-[#4E382F] dark:to-[#9E3F21] w-min'>{project.title}</h1>
-        <p className='text-3xl md:text-4xl font-bold py-7 md:max-w-3xl text-center text-neutral-900 dark:text-neutral-100 text-brand'>{project.tagline}</p>
+        <p className='text-3xl md:text-4xl font-light py-7 md:max-w-3xl text-center text-neutral-900 dark:text-neutral-100 text-brand'>{project.tagline}</p>
         <Link href={`/${project.name.toLowerCase()}`} className='buttonPrimaryRound'>
           Learn more
         </Link>
diff --git a/components/home/homenet-card.tsx b/components/home/homenet-card.tsx
@@ -17,7 +17,7 @@ export const HomenetCard = ({ project }: {
         </div>
         <div>
           <h1 className='text-3xl font-semibold bg-clip-text text-transparent bg-gradient-to-r from-[#93D3DB] to-[#296FD8] w-min'>{project.title}</h1>
-          <p className='text-3xl md:text-4xl font-bold py-5 max-w-2xl text-neutral-100 text-brand'>{project.tagline}</p>
+          <p className='text-3xl md:text-4xl font-light py-5 max-w-2xl text-neutral-100 text-brand'>{project.tagline}</p>
           <Link href={`/${project.name.toLowerCase()}`} className='buttonPrimaryRound'>
             Learn more
           </Link>
diff --git a/components/home/projects-showcase.tsx b/components/home/projects-showcase.tsx
@@ -8,8 +8,6 @@ const CardSwitcher = ({ project }: {
   project: ProjectConfigType
 }) => {
   switch (project.name) {
-    case 'musicroom':
-      return <MusicroomCard project={project} />
     case 'HomeCloud':
       return <HomecloudCard project={project} />
     case 'homenet':
diff --git a/components/markdown-styles.module.css b/components/markdown-styles.module.css
@@ -21,17 +21,17 @@
 }
 
 .markdown h1 {
-  @apply mb-6 text-4xl font-extrabold tracking-tight;
+  @apply mb-6 text-3xl font-semibold tracking-tight;
 }
 
 .markdown h2 {
-  @apply mt-12 mb-4 text-3xl font-extrabold tracking-tight;
+  @apply mt-10 mb-4 text-2xl font-semibold tracking-tight;
 }
 .markdown h3 {
-  @apply mt-8 mb-3 text-2xl font-extrabold tracking-tight;
+  @apply mt-8 mb-3 text-xl font-medium tracking-tight;
 }
 .markdown h4 {
-  @apply mt-8 mb-3 text-xl font-extrabold tracking-tight;
+  @apply mt-6 mb-3 text-lg font-medium tracking-tight;
 }
 
 .markdown code {
diff --git a/components/more-stories.tsx b/components/more-stories.tsx
@@ -1,5 +1,6 @@
 import PostPreview from './post-preview'
 import type Post from '../interfaces/post'
+import SectionTitle from './section-title'
 
 type Props = {
   posts: Post[],
@@ -9,9 +10,9 @@ type Props = {
 const MoreStories = ({ posts, title }: Props) => {
   return (
     <section className='pt-10'>
-      <h2 className='h2'>
+      <SectionTitle>
         {title || 'Blog Posts'}
-      </h2>
+      </SectionTitle>
       <div className="grid grid-cols-1 md:grid-cols-2 md:gap-x-16 lg:gap-x-32 gap-y-20 md:gap-y-32 pb-32">
         {posts.map((post) => (
           <PostPreview
diff --git a/components/project-hero.tsx b/components/project-hero.tsx
@@ -78,7 +78,7 @@ export default function ProjectHero({ project, theme }: Props) {
                             </div>
                         </div>
 
-                        <h1 className={thm`font-brand text-4xl md:text-5xl lg:text-[3.5rem] leading-tight font-bold text-left`}>
+                        <h1 className={thm`font-brand text-4xl md:text-5xl lg:text-[3.5rem] leading-tight font-light text-left`}>
                             {project.tagline}
                         </h1>
                         <Buttons project={project} theme={theme} />
diff --git a/components/projects-library.tsx b/components/projects-library.tsx
@@ -2,6 +2,7 @@ import type ProjectConfigType from '../interfaces/projectConfig'
 import { themed } from '../lib/utils'
 import Link from 'next/link'
 import Image from 'next/image'
+import SectionTitle from './section-title'
 
 type Props = {
   projects: ProjectConfigType[],
@@ -10,17 +11,16 @@ type Props = {
 
 const ProjectCardBig = ({ name, title, iconPath, tagline, description, link, accentColor }: ProjectConfigType) => {
   return (
-    <div className="w-full flex flex-col justify-end py-12 px-7 md:px-12 bg-accent-4-orange dark:bg-accent-4-orange-dark h-full min-h-[30rem] border-lite">
+    <div className="w-full flex flex-col justify-start py-12 px-7 md:px-12 bg-accent-4-orange dark:bg-accent-4-orange-dark h-full lg:min-h-[30rem] border-lite">
       <div className="pb-2">
         <Image src={iconPath} height={100} width={100} alt={name + ' project icon'} />
       </div>
       <div className="text-sm text-2">
         <div className="text-3xl font-medium text-black dark:text-white">{title}</div>
-        {tagline}
       </div>
       <br />
-      <div className="text-base text-2">
-        {description}
+      <div className="text-base text-2 lg:min-h-[7rem]">
+        {description || tagline}
       </div>
       <div className='flex pt-4'>
         <Link href={`/${name.toLowerCase()}`} className='buttonPrimaryRound'>
@@ -37,11 +37,8 @@ const ProjectsLibrary = ({ projects, theme }: Props) => {
 
   return (
     <section className='py-4 pt-10 mx-auto max-w-4xl'>
-      <h2 className='h2'>
-        Projects
-      </h2>
-      <br />
-      <div className="grid grid-cols-1 md:grid-cols-2 md:gap-x-3 gap-y-3">
+      <SectionTitle>Projects</SectionTitle>
+      <div className="flex flex-col md:grid md:grid-cols-2 md:gap-x-3 gap-y-3">
         {projects.map((project) => (
           <ProjectCardBig
             key={project.title}
diff --git a/components/section-title.tsx b/components/section-title.tsx
@@ -0,0 +1,15 @@
+import { ReactNode } from 'react'
+
+type Props = {
+  children?: ReactNode
+}
+
+const SectionTitle = ({ children }: Props) => {
+  return (
+    <h2 className='text-3xl sm:text-4xl md:text-5xl font-light mb-6 text-gray-800/80 dark:text-gray-100/70 text-brand uppercase'>
+      {children}
+    </h2>
+  )
+}
+
+export default SectionTitle
diff --git a/config/site.json b/config/site.json
@@ -7,8 +7,7 @@
     "INTRO": "Cool stuff ahead...",
     "SOCIALS": {
         "GITHUB": "https://github.com/asrient",
-        "LINKEDIN": "https://www.linkedin.com/in/asrient/",
-        "TWITTER": "https://twitter.com/ooritroo"
+        "TWITTER": "https://twitter.com/asrientee"
     },
     "FOOTER_TEXT": "© 2023 Asrient.",
     "FOOTER_LINKS": [
@@ -17,7 +16,7 @@
             "LINK": "/archive/1"
         },
         {
-            "NAME": "Blog",
+            "NAME": "Journal",
             "LINK": "/blog"
         },
         {
@@ -27,7 +26,7 @@
     ],
     "NOTION": {
         "ENABLED": true,
-        "AUTHOR_DP": "/assets/blog/authors/asrient.jpeg",
+        "AUTHOR_DP": "/assets/blog/authors/asrient.png",
         "DATABASE_ID": "9083738af0d04455ba4696bbc3847ce2"
     }
 }
diff --git a/lib/projectUtils.ts b/lib/projectUtils.ts
@@ -9,6 +9,9 @@ function slugifyPath(p: string): string {
 }
 
 export function fixMdLinks(md: string, project?: ProjectConfigType, currentDocPath?: string, baseImageUrl?: string): string {
+    // Strip HTML tags from markdown
+    md = md.replace(/<[^>]+>/g, '');
+
     const docsPath = project?.docsPath;
     const projectSlug = project?.name?.toLowerCase();
     const githubUrl = project?.githubUrl;
diff --git a/pages/blog.tsx b/pages/blog.tsx
@@ -15,10 +15,10 @@ export default function Blog({ allPosts, theme }: Props) {
   return (
     <>
       <Head>
-        <title>{`Blog | ${BRAND_NAME}`}</title>
+        <title>{`Journal | ${BRAND_NAME}`}</title>
       </Head>
       <Container>
-        {allPosts.length > 0 ? <MoreStories title={NAME + "'s blog"} posts={allPosts} /> : <div>
+        {allPosts.length > 0 ? <MoreStories title={NAME + "'s journal"} posts={allPosts} /> : <div>
           <h1 className='text-center text-2xl pt-10'>Coming Soon</h1>
           </div>}
       </Container>
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -22,13 +22,11 @@ export default function Index({ allPosts, theme, projects }: Props) {
   return (
     <>
       <Head>
-        <title>{`${BRAND_NAME} | Personal Site`}</title>
+        <title>{`${BRAND_NAME}`}</title>
       </Head>
       <div className='dark'>
       <Header theme={theme} style={{ position: 'absolute', backgroundColor: 'transparent'}} />
       </div>
-      
-      <Intro theme={theme} />
       {projects.length > 0 && <ProjectShowcase projects={projects} theme={theme} />}
       <Container>
         {allPosts.length > 0 && <MoreStories title="Latest posts" posts={allPosts} />}
diff --git a/public/assets/blog/authors/asrient.jpeg b/public/assets/blog/authors/asrient.jpeg
diff --git a/public/assets/blog/authors/asrient.png b/public/assets/blog/authors/asrient.png
diff --git a/scripts/github.mjs b/scripts/github.mjs
@@ -68,6 +68,8 @@ Download and save a project info & docs
 */
 
 function fixImageLinks(md, proj, branch) {
+    // strip HTML tags from markdown
+    md = md.replace(/<[^>]+>/g, '');
     // replace image links that does not start with http with raw github links
     md = md.replace(/\!\[(.*?)\]\((?!http)(.*?)\)/g, (_match, p1, p2) => {
         return `![${p1}](${getRemoteFileLink(p2, proj, branch)})`;

Original file line number	Diff line number	Diff line change
`@@ -125,7 +125,7 @@ const Header = ({ theme, project, docsConfig, style }: {`
`125`	`125`	`url: '/projects'`
`126`	`126`	`},`
`127`	`127`	`{`
`128`		`- name: 'Blog',`
	`128`	`+ name: 'Journal',`
`129`	`129`	`url: '/blog'`
`130`	`130`	`}];`
`131`	`131`
Original file line number	Diff line number	Diff line change
`@@ -21,17 +21,17 @@`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`.markdown h1 {`
`24`		`- @apply mb-6 text-4xl font-extrabold tracking-tight;`
	`24`	`+ @apply mb-6 text-3xl font-semibold tracking-tight;`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`.markdown h2 {`
`28`		`- @apply mt-12 mb-4 text-3xl font-extrabold tracking-tight;`
	`28`	`+ @apply mt-10 mb-4 text-2xl font-semibold tracking-tight;`
`29`	`29`	`}`
`30`	`30`	`.markdown h3 {`
`31`		`- @apply mt-8 mb-3 text-2xl font-extrabold tracking-tight;`
	`31`	`+ @apply mt-8 mb-3 text-xl font-medium tracking-tight;`
`32`	`32`	`}`
`33`	`33`	`.markdown h4 {`
`34`		`- @apply mt-8 mb-3 text-xl font-extrabold tracking-tight;`
	`34`	`+ @apply mt-6 mb-3 text-lg font-medium tracking-tight;`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`.markdown code {`