https://dhruba-datta.netlify.app/assets/PortfolioV1Page-Bl8kPv21.js

1import{j as e}from"./vendor-motion-C0Ykwh7C.js";import{a as t,b as s,c as a,d as o,e as i}from"./index-DQYSP24l.js";import{P as m}from"./ProjectPageTemplate-BukZfH_t.js";import{S as c,f as l,F as d,Z as p}from"./vendor-icons-CZ0fHw8h.js";import"./vendor-react-D8ZVE-1i.js";import"./index-tD3BwZqC.js";import"./index-B32Yb0IV.js";import"./index-C9VRkwIY.js";import"./index-CMnRXDm6.js";import"./Footer-ClRpSHv8.js";import"./ProjectCard-BwLNlIzs.js";import"./projects-Clb5hPl-.js";import"./Seo-D8Plyq5-.js";const T=({isDark:r,toggleTheme:n})=>e.jsx(m,{isDark:r,toggleTheme:n,title:"Portfolio v1",description:"My first portfolio site, built with plain HTML, CSS and JavaScript to showcase my early projects. It is a single lightweight page that works on mobile, with semantic markup and meta tags for search. It was my starting point before I moved to React.",coverSrc:"/images/projects/Portfolio v1.webp",chips:[{name:"HTML5",icon:e.jsx(t,{className:"w-3 sm:w-3.5 h-3 sm:h-3.5"})},{name:"CSS3",icon:e.jsx(s,{className:"w-3 sm:w-3.5 h-3 sm:h-3.5"})},{name:"JavaScript",icon:e.jsx(a,{className:"w-3 sm:w-3.5 h-3 sm:h-3.5"})},{name:"Bootstrap",icon:e.jsx(o,{className:"w-3 sm:w-3.5 h-3 sm:h-3.5"})},{name:"Netlify",icon:e.jsx(i,{className:"w-3 sm:w-3.5 h-3 sm:h-3.5"})}],githubUrl:"https://github.com/dhruba-datta/Portfolio-v1",secondaryUrl:"https://dhruba-datta-v1.netlify.app/",secondaryLabel:"Check it out",features:[{id:"semantic",icon:e.jsx(c,{className:"w-4 sm:w-5 h-4 sm:h-5"}),title:"Semantic HTML and SEO",summary:"Built with accessibility and search in mind",details:["Proper heading hierarchy and semantic tags for screen readers and crawlers","Open Graph and Twitter Card meta tags for social sharing","XML sitemap and robots.txt for indexing"]},{id:"responsive",icon:e.jsx(l,{className:"w-4 sm:w-5 h-4 sm:h-5"}),title:"Mobile-First Responsive Design",summary:"Works smoothly on phones, tablets and desktops",details:["Bootstrap grid for flexible layouts across devices","Touch-friendly navigation and readable typography","Tested on common screen sizes"]},{id:"content",icon:e.jsx(d,{className:"w-4 sm:w-5 h-4 sm:h-5"}),title:"Project Showcase",summary:"Sections for about, skills and projects",details:["Individual project cards with descriptions and links","Skills and technology badges","Resume download and contact methods"]},{id:"speed",icon:e.jsx(p,{className:"w-4 sm:w-5 h-4 sm:h-5"}),title:"Fast Load Times",summary:"No frameworks, no bloat",details:["Plain HTML and CSS, minimal JavaScript","Single HTTP requests for most assets","Instant time to first paint"]}],techSectionTitle:"Stack",techItems:[{icon:e.jsx(t,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),label:"HTML5",description:"Semantic markup with proper heading hierarchy and accessibility features."},{icon:e.jsx(s,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),label:"CSS3",description:"Layout with Flexbox and Grid, responsive design patterns, custom animations."},{icon:e.jsx(a,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),label:"Vanilla JavaScript",description:"Smooth scroll navigation, form handling, and interactive elements."},{icon:e.jsx(o,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),label:"Bootstrap",description:"Responsive grid and component library for rapid prototyping."},{icon:e.jsx(i,{className:"w-3.5 h-3.5 sm:w-4 sm:h-4"}),label:"Netlify",description:"Static hosting with automatic deployments from Git."}],useCases:["A learning project to understand frontend basics and deployment","Portfolio template for junior developers starting their journey","Proof of concept for a static site before moving to more complex frameworks"],howToSteps:[e.jsxs(e.Fragment,{children:["Clone: ",e.jsx("code",{className:"text-xs sm:text-sm bg-gray-200 dark:bg-gray-700 px-1 py-0.5 rounded border border-blue-200 dark:border-gray-600",children:"git clone https://github.com/dhruba-datta/Portfolio-v1"})]}),e.jsxs(e.Fragment,{children:["Open locally: double-click ",e.jsx("code",{className:"text-xs sm:text-sm bg-gray-200 dark:bg-gray-700 px-1 py-0.5 rounded",children:"index.html"})," in your browser, or run ",e.jsx("code",{className:"text-xs sm:text-sm bg-gray-200 dark:bg-gray-700 px-1 py-0.5 rounded border border-blue-200 dark:border-gray-600",children:"npx serve"})]}),e.jsxs(e.Fragment,{children:["Edit the ",e.jsx("code",{className:"text-xs sm:text-sm bg-gray-200 dark:bg-gray-700 px-1 py-0.5 rounded",children:"index.html"})," to add your own content"]}),e.jsx(e.Fragment,{children:"Deploy to Netlify by connecting the repo, or drag the folder to their interface"})],contactCTA:{title:"Building your first site?",description:"I help developers build and deploy their portfolios, from static sites to full React apps.",primaryButtonText:"Get Started",secondaryButtonText:"View All Projects"}});export{T as default};