Aaroophan
Varatharajan

SYSTEM_STATUS: ONLINE

SECURE_CONNECTION: ESTABLISHED

TARGET_ID: AAROOPHAN

SECTION_TITLE: x

SOURCE_CODE: ({initialData:a})=>{let g=(0,s.useParams)(),h=decodeURIComponent(g?.username||"Aaroophan"),i=`/${g?.username||""}`,y=(0,e.useRef)(null);(0,d.useInView)(y,{once:!1,amount:.2});let[z,A]=(0,e.useState)(a),[B,C]=(0,e.useState)(!a),[D,E]=(0,e.useState)(null),[F,G]=(0,e.useState)(null),[H,I]=(0,e.useState)(!1),[J,K]=(0,e.useState)(!1),L=(0,e.useRef)([]),M=async()=>{C(!0);try{let a=j.getInstance(),b=await a.Projects(i);[200,201,202,203,204,205,206,207,208,226].includes(b.Status)?(A(b),E(null)):E(b.Message)}catch(a){E(a instanceof Error?a.message:"Unknown error occurred")}finally{C(!1)}};if((0,e.useEffect)(()=>{a||M()},[]),D)return(0,b.jsx)(k.default,{message:D});if(B)return(0,b.jsx)(l.default,{});let N={...z,Name:h};return(0,b.jsxs)("section",{id:"Projects",className:"relative min-h-screen py-20 px-4 overflow-hidden font-comic text-[var(--foreground)]",ref:y,children:[(0,b.jsx)(v.default,{Data:N,Name:x.name,Code:x.toString()}),(0,b.jsx)(r.GlowCapture,{children:(0,b.jsx)(r.Glow,{color:"var(--mono-4)",children:(0,b.jsxs)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8 max-w-8xl relative z-10",children:[(0,b.jsx)("div",{className:"mb-16 text-center relative",children:(0,b.jsxs)(c.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.5},className:"inline-block",children:[(0,b.jsx)("h2",{className:"text-4xl sm:text-6xl font-bold mb-2 font-oswald text-[var(--foreground)] uppercase tracking-wide",children:"Project Archive"}),(0,b.jsx)("div",{className:"h-2 w-full bg-gradient-to-r from-transparent via-[var(--mono-4)] to-transparent rounded-full overflow-hidden relative",children:(0,b.jsx)(c.motion.div,{initial:{x:"-100%"},whileInView:{x:"200%"},transition:{duration:5,repeat:1/0,ease:"easeInOut"},className:"absolute top-0 left-0 w-1/3 h-full bg-[var(--mono-4)] opacity-50 blur-[2px]"})})]})}),(0,b.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:(J?z.Projects:z.Projects.slice(0,6)).map((a,d)=>(0,b.jsx)("div",{ref:a=>{L.current[d]=a},className:"h-full",onClick:()=>{G(a),I(!0)},children:(0,b.jsx)(f.LazySection,{threshold:.05,delay:100*d,fallback:(0,b.jsx)("div",{className:"w-full h-96 bg-[var(--mono-4)]/10 animate-pulse rounded-xl"}),children:(0,b.jsxs)(c.motion.article,{initial:{opacity:0,scale:.95,y:20},whileInView:{opacity:1,scale:1,y:0},viewport:{once:!0,amount:.1},transition:{duration:.5,delay:.1*d},whileHover:{y:-5,scale:1.02},className:"h-full flex flex-col overflow-hidden transition-all duration-300 rounded-xl border border-[var(--foreground)]/5 hover:border-[var(--mono-4)]/50 cursor-pointer bg-[var(--mono-4)]/5 backdrop-blur-xs shadow-lg hover:shadow-[0_0_20px_rgba(var(--mono-4-rgb),0.1)] group relative",children:[(0,b.jsx)(w.default,{Padding:0,Width:8,Height:8}),(0,b.jsxs)("div",{className:"h-48 overflow-hidden relative border-b border-[var(--foreground)]/10",children:[(0,b.jsx)(u.default,{src:a.Image,alt:a.Name,width:500,height:500,className:"scale-95 translate-y-3 rounded-xl w-full h-full object-cover transition-transform duration-500 group-hover:scale-110 opacity-80 group-hover:opacity-100",onError:a=>{a.target.src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"}}),(0,b.jsx)("div",{className:"absolute inset-0 bg-[var(--mono-4)]/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 mix-blend-overlay"}),(0,b.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(transparent_50%,rgba(0,0,0,0.5)_50%)] bg-[length:100%_4px] opacity-10 pointer-events-none"})]}),(0,b.jsxs)("div",{className:"p-6 flex-1 flex flex-col relative z-10",children:[(0,b.jsxs)("div",{className:"flex justify-between items-start mb-3",children:[(0,b.jsx)("h3",{className:"text-xl font-bold font-comic text-[var(--foreground)] group-hover:text-[var(--mono-4)] transition-colors ",children:a.Name}),(0,b.jsx)("span",{className:"text-[10px] sm:text-xs px-2 py-1 bg-[var(--mono-4)]/10 text-[var(--foreground)] font-mono border border-[var(--mono-4)]/20 rounded",children:a.Date})]}),(0,b.jsx)("p",{className:"text-sm font-comic text-[var(--foreground)]/70 mb-4 flex-1 transition-all duration-500 line-clamp-3 group-hover:line-clamp-none leading-relaxed",children:a.Description}),(0,b.jsx)("div",{className:"mb-6",children:(0,b.jsxs)("div",{className:"flex flex-wrap gap-2",children:[Array.isArray(a.Technologies)?a.Technologies.slice(0,4).map(a=>(0,b.jsx)("span",{className:"text-[10px] px-2 py-1 bg-[var(--foreground)]/5 text-[var(--foreground)]/80 font-mono border border-[var(--foreground)]/10 transition-colors group-hover:border-[var(--mono-4)]/30 group-hover:text-[var(--mono-4)]",children:a},a)):"string"==typeof a.Technologies?a.Technologies.split(", ").slice(0,4).map(a=>(0,b.jsx)("span",{className:"text-[10px] px-2 py-1 bg-[var(--foreground)]/5 text-[var(--foreground)]/80 font-mono border border-[var(--foreground)]/10 transition-colors group-hover:border-[var(--mono-4)]/30 group-hover:text-[var(--mono-4)]",children:a},a)):null,Array.isArray(a.Technologies)&&a.Technologies.length>4||"string"==typeof a.Technologies&&a.Technologies.split(", ").length>4?(0,b.jsx)("span",{className:"text-[10px] px-2 py-1 text-[var(--mono-4)] font-mono",children:"..."}):null]})}),(0,b.jsxs)("div",{className:"mt-auto flex items-center gap-2 opacity-50 group-hover:opacity-100 transition-opacity",children:[(0,b.jsx)("div",{className:"h-px flex-1 bg-[var(--mono-4)]/30"}),(0,b.jsx)("span",{className:"text-[10px] font-mono text-[var(--mono-4)] uppercase",children:"ACCESS_PROJECT"})]})]})]})})},`${a.Name}-${d}`))}),(0,b.jsx)("div",{className:"flex flex-col items-center gap-6 mt-16",children:z.Projects.length>6&&(0,b.jsx)("button",{onClick:()=>K(!J),className:"inline-flex items-center gap-2 px-8 py-3 bg-[var(--mono-4)]/10 hover:bg-[var(--mono-4)]/20 text-[var(--foreground)] font-bold font-comic uppercase tracking-wider transition-all duration-300 border border-[var(--mono-4)]/30 hover:border-[var(--mono-4)]",children:J?(0,b.jsxs)(b.Fragment,{children:["COLLAPSE_ARCHIVE ",(0,b.jsx)(q.ChevronUp,{className:"w-4 h-4"})]}):(0,b.jsxs)(b.Fragment,{children:["EXPAND_ARCHIVE ",(0,b.jsx)(p.ChevronDown,{className:"w-4 h-4"})]})})})]})})}),H&&F&&(0,b.jsx)("div",{className:"",children:(0,b.jsx)(t,{Title:`CASE_FILE: ${F.Name}`,setIsModalOpen:I,children:(0,b.jsxs)("div",{className:"space-y-6 font-comic relative",children:[(0,b.jsxs)("div",{className:"absolute inset-0 pointer-events-none opacity-5",children:[(0,b.jsx)("div",{className:"absolute top-0 right-0 w-32 h-32 border-t-2 border-r-2 border-[var(--foreground)] rounded-tr-3xl"}),(0,b.jsx)("div",{className:"absolute bottom-0 left-0 w-32 h-32 border-b-2 border-l-2 border-[var(--foreground)] rounded-bl-3xl"})]}),(0,b.jsxs)("div",{className:"w-full h-64 sm:h-96 rounded-none border-y-2 border-[var(--mono-4)]/30 overflow-hidden relative group",children:[(0,b.jsx)("img",{src:F.Image,alt:F.Name,className:"w-full h-full object-cover opacity-90 group-hover:opacity-100 transition-opacity duration-500",onError:a=>{a.target.src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80"}}),(0,b.jsx)("div",{className:"absolute inset-0 bg-[linear-gradient(transparent_50%,rgba(0,0,0,0.5)_50%)] bg-[length:100%_4px] opacity-20 pointer-events-none"})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-8 px-2",children:[(0,b.jsx)("div",{className:"lg:col-span-2 space-y-6",children:(0,b.jsxs)("div",{children:[(0,b.jsxs)("h3",{className:"text-lg font-bold mb-3 text-[var(--foreground)] flex items-center gap-2 uppercase tracking-tight",children:[(0,b.jsx)("span",{className:"w-2 h-2 bg-[var(--mono-4)]"}),"Mission Brief"]}),(0,b.jsxs)("div",{className:"p-4 border border-[var(--foreground)]/10 bg-[var(--background)]/30 relative",children:[(0,b.jsx)(w.default,{Padding:0,Width:1,Height:1}),(0,b.jsx)("p",{className:"text-[var(--foreground)]/80 leading-relaxed text-justify whitespace-pre-line text-sm md:text-md",children:F.Description})]})]})}),(0,b.jsxs)("div",{className:"space-y-6",children:[(0,b.jsxs)("div",{className:"p-4 bg-[var(--mono-4)]/5 border-l-2 border-[var(--mono-4)]",children:[(0,b.jsx)("h4",{className:"text-xs font-bold font-mono text-[var(--mono-4)] mb-1 uppercase tracking-wider",children:"Timestamp"}),(0,b.jsx)("p",{className:"text-[var(--foreground)] font-bold",children:F.Date})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h3",{className:"text-lg font-bold mb-3 text-[var(--foreground)] uppercase tracking-tight",children:"Tech Stack"}),(0,b.jsx)("div",{className:"flex flex-wrap gap-2",children:Array.isArray(F.Technologies)?F.Technologies.map(a=>(0,b.jsx)("span",{className:"text-xs px-2 py-1 bg-[var(--foreground)]/5 text-[var(--foreground)]/90 font-mono border border-[var(--foreground)]/10",children:a},a)):"string"==typeof F.Technologies?F.Technologies.split(", ").map(a=>(0,b.jsx)("span",{className:"text-xs px-2 py-1 bg-[var(--foreground)]/5 text-[var(--foreground)]/90 font-mono border border-[var(--foreground)]/10",children:a},a)):null})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h3",{className:"text-lg font-bold mb-3 text-[var(--foreground)] uppercase tracking-tight",children:"Data Links"}),(0,b.jsx)("div",{className:"flex flex-col gap-3",children:F.Links&&F.Links.map((a,c)=>(0,b.jsxs)("a",{href:a.Href,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-3 p-3 border border-[var(--mono-4)]/20 hover:bg-[var(--mono-4)]/10 hover:border-[var(--mono-4)] text-[var(--foreground)] transition-all duration-300 group",children:[(0,b.jsx)("div",{className:"p-2 bg-[var(--mono-4)]/10 text-[var(--mono-4)]",children:(a=>{switch(a.toLowerCase()){case"github":return(0,b.jsx)(n.default,{className:"w-5 h-5"});case"link":default:return(0,b.jsx)(m.ExternalLink,{className:"w-5 h-5"});case"play-circle":return(0,b.jsx)(o.default,{className:"w-5 h-5"})}})(a.Icon)}),(0,b.jsx)("span",{className:"font-bold font-comic text-sm group-hover:translate-x-1 transition-transform",children:a.Name}),(0,b.jsx)(m.ExternalLink,{className:"w-3 h-3 ml-auto opacity-50"})]},c))})]})]})]})]})})})]})}

COORDINATES: 2026.1.14

ENCRYPTION: AES-256

DATA_FOUND: { "Status": 200, "Message": "", "User_Session_Token": "User_Session_Token", "Projects": [ { "Image": "/images/HarkBase-min.JPG", "Name": "Harkbase", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://harkbase.onrender.com" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/HarkBase" } ], "Date": "July 2025", "Description": "DBaaS platform that provisions isolated SQLite databases with REST APIs for rapid prototyping.Supports dynamic schema, optional JWT authentication, Google Drive persistence, audit logs, input validation, and quota monitoring.", "Technologies": "FastAPI, Python, SQLite, Pydantic, Google Drive API " }, { "Image": "/images/OneWorkLoc-min.JPG", "Name": "OneWorkLoc", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://OneWorkLoc.vercel.app" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/OneWorkLoc" } ], "Date": "June 2025", "Description": "Built a modern web application for encoding and sharing text, code, JSON, and diagrams through compact, versioned URLs. Enabled real-time content compression, syntax-highlighted code sharing, and diagram visualization—all accessible via shareable links without requiring user accounts or backend infrastructure. Focused on developer experience, responsive UI, and multi-format content support.", "Technologies": "Next.js 14, React, TypeScript, Tailwind CSS, Shadcn UI, Lucide, custom URL encoding, localStorage" }, { "Image": "/images/SkrinePlae-min.JPG", "Name": "SkrinePlae", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://skrineplae.vercel.app" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/SkrinePlae" } ], "Date": "June 2025", "Description": "Built a modern, web-based screenwriting application with industry-standard formatting and a rich, interactive editor. Enabled users to create, edit, and manage multiple screenplays with persistent local storage, keyboard navigation, responsive design, and customizable theming. Focused on usability, professional formatting, and a seamless experience across devices—all without a backend.", "Technologies": "React, Next.js, TypeScript, Tailwind CSS, Radix UI, Lucide, localStorage, GitHub" }, { "Image": "/images/anaphora-min.JPG", "Name": "anaphora", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://aaroophan.onrender.com/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/anaphora" } ], "Date": "June 2025", "Description": "Developed a fully customizable, data-driven portfolio system where each user has a unique URL and personalized content. Enabled real-time content updates, interactive animations, responsive layouts, and 3D visual elements—all without requiring code changes. Prioritized performance, accessibility, and seamless user experience across devices.", "Technologies": "React, TypeScript, Tailwind, Framer-Motion, Zod, GitHub" }, { "Image": "/images/Tic-Tac-Bot-min.JPG", "Name": "Tic-Tac-Bot", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://aaroophan.github.io/Tic-Tac-Bot/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/Tic-Tac-Bot" } ], "Date": "May 2025", "Description": "Designed a strategy-driven Tic Tac Toe platform featuring Classic, Super, and Continuous game modes with AI opponents, adaptive difficulty, and AI vs AI simulations. Included innovative mechanics like decision-tree visualizations, interactive tutorials, and persistent play through dynamic board updates. Prioritized user engagement with responsive UI, intuitive controls, and a polished gameplay experience.", "Technologies": "React, TypeScript, Tailwind, Framer-Motion, GitHub" }, { "Image": "/images/Grid-ify-min.JPG", "Name": "Grid-ify", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://aaroophan.github.io/Grid-ify/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/Grid-ify" } ], "Date": "May 2025", "Description": "Built an interactive 3D spatial data editor that lets users input and visualize coordinates in real time. Designed a seamless experience where data entry (via a spreadsheet-style interface or raw input) instantly reflects in a dynamic 3D scene with support for point, line, and vector render modes. Enabled full control over axis naming, graph scaling, and scene manipulation, tailored for educators, engineers, and designers working with spatial data.", "Technologies": "React, TypeScript, Tailwind, Framer-Motion Three, Zod, GitHub" }, { "Image": "/images/SVG-ify-min.JPG", "Name": "SVG-ify", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://aaroophan.github.io/SVG-ify/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/SVG-ify" } ], "Date": "May 2025", "Description": "Built an API that converts text into clean, scalable SVGs with individual path elements per character. Enabled real-time font selection from web-safe and Google Fonts, with customizable styling, spacing, and persistent font preferences. Designed for easy integration into design tools with graceful fallbacks and high-quality vector output.", "Technologies": "React, TypeScript, Tailwind, FastAPI, Python, GitHub" }, { "Image": "/images/PixelPainter-min.JPG", "Name": "PixelPainter", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://aaroophan.github.io/PixelPainter/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/PixelPainter" } ], "Date": "May 2025", "Description": "Created an interactive web app for designing customizable pixel art icons using a grid-based editor. Enabled features like zoom, undo/redo, fill/erase tools, and export options for clean SVG files or React-ready JSX/TSX code. Included advanced customization (color palettes, stroke/size options), responsive UI, and local save/load functionality for a seamless design workflow.", "Technologies": "React, TypeScript, Tailwind, GitHub" }, { "Image": "/images/AFCLOD-min.JPG", "Name": "AFC's LOD Web Application", "Links": [], "Date": "Jul 2024 - Jul 2024", "Description": "Developed and implemented a new Letter of Demand (LOD) Web Application for Alliance Finance PLC's LIME banking solution in just one day using the MERN Stack and PostgreSQL. This secondary MERN Stack application integrates with Lime's MongoDB and Finacle's PostgreSQL databases to generate LOD issued details. The Audit and Legal teams use it to input parameters and produce a comprehensive LOD posting list in PDF format for their daily tasks.", "Technologies": "JavaScript, MongoDB, Express, React, Node, PostgreSQL, Bootstrap, Mongoose" }, { "Image": "/images/MT-min.JPG", "Name": "Mend-Tale-Game", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://mend-tale-game.onrender.com/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/Mend-Tale-Game" }, { "Name": "Demo", "Icon": "play-circle", "Href": "https://mend-tale-game.onrender.com/" } ], "Date": "Dec 2023 - Apr 2024", "Description": "The idea of MendTale is to develop a text-based adventure game website that analyses user's mood by utilizing machine learning and provide feedback through storytelling using Natural Language Processing to promote a sense of emotional-awareness among its users. By combining gaming, personal journaling, machine learning, and storytelling, users will be encouraged to interact with the platform regularly, turning this emotional-awareness promotion into an enjoyable and informative experience.", "Technologies": "JavaScript, Python, MongoDB, Express, React, Node, Flask, PyTorch, OpenAI, Bootstrap, Mongoose, GitHub" }, { "Image": "/images/Dom-min.JPG", "Name": "CIS-Domeytoe-Game", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://cis-domeytoe-game.onrender.com/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/CIS-Domeytoe-Game" }, { "Name": "Demo", "Icon": "play-circle", "Href": "https://www.youtube.com/watch?v=Q0trwCC5dgE" } ], "Date": "Oct 2023 - Dec 2023", "Description": "Developed the game 'Domeytoe' in MERN Stack to use the 'Tomato' API. This Computer Integrated Systems module assignment asks to reflect on various concepts, paradigms and architectures related to Software Development. Software design principles, event-driven programming, interoperability, and virtual identity.", "Technologies": "JavaScript, MongoDB, Express, React, Node, Bootstrap, Mongoose, GitHub" }, { "Image": "/images/LocDev-min.JPG", "Name": "LocDev", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://loc-dev-assessment.onrender.com/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/loc-dev-assessment" } ], "Date": "Apr 2024 - Apr 2024", "Description": "This one day project manages locations that control multiple devices, with a REST service and user interfaces for storing and displaying information about these locations and their associated devices. All data is securely stored in a MongoDB database.", "Technologies": "JavaScript, MongoDB, Express, React, Node, Bootstrap, Mongoose, GitHub" }, { "Image": "/images/ML-min.JPG", "Name": "MovieList", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://3d2y-genin-com.stackstaging.com/" } ], "Date": "Jun 2023 - Jun 2023", "Description": "Developed a movie database website as a project to enhance my React skills. The website includes various functions such as the Home Page, Movie Page, Series Page, Search, Theme, Sign in, Sign up, Watchlist, Watch History, Dashboard, Profile, Edit Profile.", "Technologies": "HTML, JavaScript, CSS, SQL, PHP, VS Code, React, MySQL, phpMyAdmin, Bootstrap, GitHub" }, { "Image": "/images/EveryMoveProgress-min.JPG", "Name": "EveryMove", "Links": [ { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/NeroBrutal/EveryMoveApp" } ], "Date": "May 2023 - May 2023", "Description": "Developed 'Progress' function of a fitness nutrition tracking android app for a gym's members as a group project for Higer Diploma in Information Technology. The Progress function combines progress tracking, chart visualization, data saving, and post management.", "Technologies": "Java, XML, Studio, Firebase, GitHub" }, { "Image": "/images/BB1-min.JPG", "Name": "BaratieBakery", "Links": [ { "Name": "Link", "Icon": "link", "Href": "https://baratiebakery-asv.stackstaging.com/" }, { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/BaratieBakery" } ], "Date": "Nov 2022 - Dec 2022", "Description": "Developed an e-commerce website for a model bakery as a project for Higher Diploma in Information Technology. The website includes various pages such as the Home Page, Product Page, Search, Sign in, Sign up, Cart, Checkout Bill, Order History, Dashboard, Profile, Edit Profile, Admin Product Page (with options to Edit, Delete, and set Availability, exclusive to administrators), and Admin Add Product.", "Technologies": "HTML, CSS, JavaScript, jQuery, SQL, PHP, DreamWeaver, MySQL, phpMyAdmin, GitHub" }, { "Image": "/images/2D-min.JPG", "Name": "2D Animation Short", "Links": [ { "Name": "Demo", "Icon": "play-circle", "Href": "https://www.youtube.com/watch?v=Q0trwCC5dgE" } ], "Date": "Nov 2022 - Nov 2022", "Description": "This is a 2D animation short video I animated as a part for a group project for Interactive Design Concepts & Practices module for Higer Diploma in Information Technology.", "Technologies": "Adobe Illustrator, After Effects" }, { "Image": "/images/TT-min.JPG", "Name": "TimeTicker", "Links": [ { "Name": "GitHub", "Icon": "github", "Href": "https://github.com/Aaroophan/PaperClips" } ], "Date": "May 2022 - Jun 2022", "Description": "Developed a Java Swing application for a watch sales and repair shop. Implemented features for managing watch sales invoices, watch repair jobs, spare parts, and part suppliers. Developed functionality for allocating employees to repair jobs and generating monthly income and expense reports. Integrated ability to send notifications to suppliers when parts are out of stock and to customers when repair job is completed via email.", "Technologies": "Java, NetBeans IDE, MySQL, phpMyAdmin, GitHub" } ], "Name": "Aaroophan" }

SYSTEM_STATUS: ONLINE

SECURE_CONNECTION: ESTABLISHED

TARGET_ID: AAROOPHAN

SECTION_TITLE: w

SOURCE_CODE: ({initialData:a})=>{let d=(0,s.useParams)(),e=decodeURIComponent(d?.username||"Aaroophan"),f=`/${d?.username||""}`,[g,h]=(0,c.useState)(a?.Experiences||[]),[i,j]=(0,c.useState)(!a),[k,l]=(0,c.useState)(null),m=async()=>{j(!0);try{let a=o.getInstance(),b=await a.Experience(f);[200,201,202,203,204,205,206,207,208,226].includes(b.Status)?(b.Experiences&&h(b.Experiences),l(null)):l(b.Message)}catch(a){l(a instanceof Error?a.message:"Unknown error occurred")}finally{j(!1)}};if((0,c.useEffect)(()=>{a||m()},[]),i)return(0,b.jsx)(q.default,{});if(k)return(0,b.jsx)(p.default,{message:k});if(!g||0===g.length)return null;let n={...g,Name:e};return(0,b.jsxs)("section",{id:"Experience",className:"relative min-h-screen py-20 px-4 overflow-hidden font-comic text-[var(--foreground)]",children:[(0,b.jsx)(t.default,{Data:n,Name:w.name,Code:w.toString()}),(0,b.jsx)(v.GlowCapture,{children:(0,b.jsx)(v.Glow,{color:"var(--mono-4)",children:(0,b.jsx)(x,{experiences:g})})})]})}

COORDINATES: 2026.1.14

ENCRYPTION: AES-256

DATA_FOUND: { "0": { "Image": "/images/MDZ_logo-min.JPG", "Title": "Associate Software Engineer", "Company": "M Data Zone (PVT) LTD", "JobType": "Full-time", "Location": "Colombo, Western Province, Sri Lanka", "LocationType": "On-site (US Hours)", "Date": "September 2024 - Present", "Description": [ "Building a metadata-driven multi-channel marketing and admin platform using Next.js, ASP.NET Core, SQL Server, and Jenkins CI/CD, powering brand management, deep-linking, analytics, and user/role governance.", "Designed and implemented a dynamic CRUD grid framework in the Next.js App Router where a single generic route renders multiple screens from backend metadata, eliminating one-off pages and accelerating feature delivery.", "Developed a configurable, backend-driven, permission-aware UI with advanced table interactions including column resizing, drag-to-reorder, search, and filtering boosting admin productivity and reducing deployment churn.", "Built and extended the .NET API layer with stored-procedure-driven endpoints, cross-cutting middleware (logging, no-cache, error tracing), rotating-token authentication, Twilio/TOTP-based 2FA, and an HMAC-signed webhook dispatcher/receiver.", "Implemented new services within a distributed multi-service event pipeline: Push API, Deeplink API, RabbitMQ publishing with dead-letter handling, and enhanced observability via rotating Serilog logs and DB-backed sinks.", "Authored 100+ T-SQL queries and database objects with constraints and DB Mail notifications, improving data quality signals and reducing rework.", "Troubleshot and resolved database issues using T-SQL, constraints, and defensive parsing reducing data-related downtime by ~20%.", "Built 3 .NET Core CLI apps with Selenium for automated group/single test runs, screenshots, and logs cutting repeat manual effort by ~70%.", "Automated 1000+ end-to-end UI scenarios with resilient selectors, enabling overnight suites and improving triage with evidence-rich artifacts.", "Performed manual QA across 6+ projects (feature & regression), improving defect detection and reducing escaped bugs by ~30%.", "Led onboarding for 2 employees through code walkthroughs, documentation, and demo suites reducing ramp-up time by ~40% within 4 weeks.", "Documented software and database designs for 3+ system areas, improving cross-team collaboration and onboarding efficiency.", "Collaborated across time zones with teams in Canada, US, and Sri Lanka on release planning, QA handoffs, and DB changes.", "Managed 20+ Zendesk tickets weekly (triage, client communication, routing), improving response and resolution metrics by ~35%." ] }, "1": { "Image": "/images/afcplc_logo-min.JPG", "Title": "Intern Software Engineer", "Company": "Alliance Finance Company PLC", "JobType": "Internship", "Location": "Colombo, Western Province, Sri Lanka", "LocationType": "On-site", "Date": "Nov 2023 - Sep 2024", "Description": [ "Developed and hosted a MERN stack application for report generation used by 5 departments, integrating Lime’s MongoDB and Finacle’s PostgreSQL.", "Ensured data integrity by writing PostgreSQL and MongoDB scripts to validate backend data from Finacle against in-bank systems.", "Performed manual testing on 40+ core-banking workflows including Customers, Savings, and Fixed Deposits, ensuring functional stability.", "Created 500+ test cases and detailed QA documentation covering both predefined and new Lime workflows.", "Identified, documented, and reported 30+ workflow bugs via JIRA performed regression testing after system updates.", "Developed a sanction list module with database lookups and validation scripts collaborated with Legal & Compliance on risk score security setups.", "Conducted UAT training sessions for 200+ users across AFC branches and provided continuous support post-deployment.", "Trained 2 interns using customized guides and practical exercises reducing onboarding time by ~80%." ] }, "Name": "Aaroophan" }

SYSTEM_STATUS: ONLINE

SECURE_CONNECTION: ESTABLISHED

TARGET_ID: AAROOPHAN

SECTION_TITLE: t

SOURCE_CODE: ({initialData:a})=>{let d=(0,p.useParams)(),e=decodeURIComponent(d?.username||"Aaroophan"),f=`/${d?.username||""}`,[g,h]=(0,c.useState)(a?.Educations||[]),[i,j]=(0,c.useState)(!a),[k,o]=(0,c.useState)(null),r=async()=>{j(!0);try{let a=l.getInstance(),b=await a.Education(f);[200,201,202,203,204,205,206,207,208,226].includes(b.Status)?(b.Educations&&h(b.Educations),o(null)):o(b.Message)}catch(a){o(a instanceof Error?a.message:"Unknown error occurred")}finally{j(!1)}};if((0,c.useEffect)(()=>{a||r()},[]),i)return(0,b.jsx)(n.default,{});if(k)return(0,b.jsx)(m.default,{message:k});if(!g||0===g.length)return null;let v={Educations:g.length,Name:e};return(0,b.jsxs)("section",{id:"Education",className:"relative min-h-screen py-20 px-4 overflow-hidden font-comic text-[var(--foreground)]",children:[(0,b.jsx)(q.default,{Data:v,Name:t.name,Code:t.toString()}),(0,b.jsx)(s.GlowCapture,{children:(0,b.jsx)(s.Glow,{color:"var(--mono-4)",children:(0,b.jsx)(u,{educations:g})})})]})}

COORDINATES: 2026.1.14

ENCRYPTION: AES-256

DATA_FOUND: { "Educations": 4, "Name": "Aaroophan" }

SYSTEM_STATUS: ONLINE

SECURE_CONNECTION: ESTABLISHED

TARGET_ID: AAROOPHAN

SECTION_TITLE: v

SOURCE_CODE: ({initialData:a})=>{let e=(0,s.useParams)(),f=decodeURIComponent(e?.username||"Aaroophan"),g=`/${e?.username||""}`,[w,x]=(0,c.useState)(a?.References||[]),[y,z]=(0,c.useState)(!a),[A,B]=(0,c.useState)(null),C=async()=>{z(!0);try{let a=h.getInstance(),b=await a.Reference(g);[200,201,202,203,204,205,206,207,208,226].includes(b.Status)?(b.References&&x(b.References),B(null)):B(b.Message)}catch(a){B(a instanceof Error?a.message:"Unknown error occurred")}finally{z(!1)}};if((0,c.useEffect)(()=>{a||C()},[]),y)return(0,b.jsx)(j.default,{});if(A)return(0,b.jsx)(i.default,{message:A});if(!w||0===w.length)return null;let D={References:w.length,Name:f};return(0,b.jsxs)("section",{className:"relative min-h-screen py-20 px-4 overflow-hidden font-comic text-[var(--foreground)]",id:"References",children:[(0,b.jsx)(t.default,{Data:D,Name:v.name,Code:v.toString()}),(0,b.jsx)(k.GlowCapture,{children:(0,b.jsx)(k.Glow,{color:"var(--mono-4)",children:(0,b.jsxs)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[(0,b.jsx)("div",{className:"mb-24 text-center relative",children:(0,b.jsxs)(d.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.5},className:"inline-block",children:[(0,b.jsx)("h2",{className:"text-4xl sm:text-6xl font-bold mb-2 font-oswald text-[var(--foreground)] uppercase tracking-wide",children:"References"}),(0,b.jsx)("div",{className:"h-2 w-full bg-gradient-to-r from-transparent via-[var(--mono-4)] to-transparent rounded-full overflow-hidden relative",children:(0,b.jsx)(d.motion.div,{initial:{x:"-100%"},whileInView:{x:"200%"},transition:{duration:5,repeat:1/0,ease:"easeInOut"},className:"absolute top-0 left-0 w-1/3 h-full bg-[var(--mono-4)] opacity-50 blur-[2px]"})})]})}),(0,b.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-7xl mx-auto",children:w.map((a,c)=>(0,b.jsx)(r.LazySection,{delay:100*c,children:(0,b.jsx)(d.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5},whileHover:{y:-5},className:"h-full",children:(0,b.jsxs)("div",{className:"h-full bg-[var(--mono-4)]/5 backdrop-blur-xs border border-[var(--foreground)]/5 hover:border-[var(--mono-4)]/30 rounded-xl p-8 transition-all duration-300 hover:shadow-[0_0_30px_rgba(var(--mono-4-rgb),0.1)] group relative overflow-hidden",children:[(0,b.jsx)(u.default,{Padding:4,Width:6,Height:6}),(0,b.jsx)(p.default,{className:"absolute top-6 right-8 w-24 h-24 text-[var(--mono-4)]/5 -rotate-12 group-hover:scale-110 group-hover:rotate-0 transition-transform duration-500"}),(0,b.jsxs)("div",{className:"relative z-10 flex flex-col h-full gap-6",children:[(0,b.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,b.jsxs)("div",{className:"flex justify-between items-start",children:[(0,b.jsx)("h3",{className:"text-2xl font-bold font-Comic text-[var(--foreground)] group-hover:text-[var(--mono-4)] transition-colors duration-300 tracking-wide",children:a.Name}),(0,b.jsx)("div",{className:"w-2 h-2 rounded-full bg-[var(--mono-4)] animate-pulse shadow-[0_0_8px_var(--mono-4)] mt-2"})]}),(0,b.jsxs)("div",{className:"flex flex-col gap-1 text-[var(--foreground)]/80",children:[(0,b.jsx)("span",{className:"font-bold text-lg font-comic text-[var(--mono-4)]",children:a.Job}),(0,b.jsxs)("span",{className:"flex items-center gap-1.5 text-sm font-mono opacity-80",children:[(0,b.jsx)(n.default,{className:"w-3 h-3 text-[var(--mono-4)]"}),a.Company]})]})]}),a.Education&&(0,b.jsxs)("div",{className:"flex items-start gap-3 p-4 rounded-lg bg-[var(--background)]/30 border border-[var(--mono-4)]/10 group-hover:border-[var(--mono-4)]/20 transition-colors",children:[(0,b.jsx)(o.GraduationCap,{className:"w-5 h-5 text-[var(--mono-4)] mt-0.5 shrink-0"}),(0,b.jsxs)("p",{className:"text-sm font-comic text-[var(--foreground)]/80 italic leading-relaxed",children:['"',a.Education,'"']})]}),(0,b.jsx)("div",{className:"w-full h-px bg-gradient-to-r from-transparent via-[var(--mono-4)]/20 to-transparent my-auto"}),(0,b.jsxs)("div",{className:"flex flex-col gap-3 mt-auto",children:[a.Email&&(0,b.jsxs)("a",{className:"flex items-center gap-3 p-3 rounded-lg border border-[var(--mono-4)]/5 bg-[var(--mono-4)]/5 hover:bg-[var(--mono-4)]/10 hover:border-[var(--mono-4)]/30 text-[var(--foreground)]/80 hover:text-[var(--mono-4)] transition-all group/link",children:[(0,b.jsx)("div",{className:"p-1.5 rounded bg-[var(--background)] text-[var(--mono-4)] border border-[var(--mono-4)]/20",children:(0,b.jsx)(l.Mail,{className:"w-4 h-4"})}),(0,b.jsx)("span",{className:"text-sm font-bold font-mono tracking-tight blur-xs",children:a.Email}),(0,b.jsx)(q.ExternalLink,{className:"w-3 h-3 ml-auto opacity-0 group-hover/link:opacity-50 transition-opacity"})]}),a.Phone&&(0,b.jsxs)("a",{className:"flex items-center gap-3 p-3 rounded-lg border border-[var(--mono-4)]/5 bg-[var(--mono-4)]/5 hover:bg-[var(--mono-4)]/10 hover:border-[var(--mono-4)]/30 text-[var(--foreground)]/80 hover:text-[var(--mono-4)] transition-all group/link",children:[(0,b.jsx)("div",{className:"p-1.5 rounded bg-[var(--background)] text-[var(--mono-4)] border border-[var(--mono-4)]/20",children:(0,b.jsx)(m.Phone,{className:"w-4 h-4"})}),(0,b.jsx)("span",{className:"text-sm font-bold font-mono tracking-tight blur-xs",children:a.Phone}),(0,b.jsx)(q.ExternalLink,{className:"w-3 h-3 ml-auto opacity-0 group-hover/link:opacity-50 transition-opacity"})]})]})]})]})})},c))})]})})})]})}

COORDINATES: 2026.1.14

ENCRYPTION: AES-256

DATA_FOUND: { "References": 2, "Name": "Aaroophan" }

SYSTEM_STATUS: ONLINE

SECURE_CONNECTION: ESTABLISHED

TARGET_ID: AAROOPHAN

SECTION_TITLE: w

SOURCE_CODE: ({initialData:a})=>{let m=(0,t.useParams)(),n=decodeURIComponent(m?.username||"Aaroophan"),o=`/${m?.username||""}`,[x,y]=(0,c.useState)(a?.Contact||null),[z,A]=(0,c.useState)(!a),[B,C]=(0,c.useState)(null),[D,E]=(0,c.useState)({name:"",email:"",subject:"",message:""}),[F,G]=(0,c.useState)(!1),H=async()=>{A(!0);try{let a=p.getInstance(),b=await a.Contact(o);[200,201,202,203,204,205,206,207,208,226].includes(b.Status)?(b.Contact&&y(b.Contact),C(null)):C(b.Message)}catch(a){C(a instanceof Error?a.message:"Unknown error occurred")}finally{A(!1)}};(0,c.useEffect)(()=>{a||H()},[]);let I=a=>{let{name:b,value:c}=a.target;E(a=>({...a,[b]:c}))};if(z)return(0,b.jsx)(r.default,{});if(B)return(0,b.jsx)(q.default,{message:B});if(!x)return null;let J=x.Email?x.Email.replace("mailto:",""):"",K={...D,...x,Section:"CONTACT",Name:n};return(0,b.jsxs)("section",{className:"relative min-h-screen py-20 px-4 overflow-hidden font-comic text-[var(--foreground)]",id:"Contact",children:[(0,b.jsx)(u.default,{Data:K,Name:w.name,Code:w.toString()}),(0,b.jsx)(s.GlowCapture,{children:(0,b.jsx)(s.Glow,{color:"var(--mono-4)",children:(0,b.jsxs)("div",{className:"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10",children:[(0,b.jsxs)(d.motion.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-100px"},transition:{duration:.8},className:"text-center mb-16",children:[(0,b.jsx)("h2",{className:"text-4xl sm:text-6xl font-bold mb-2 font-oswald text-[var(--foreground)] uppercase tracking-wide",children:"Get in Touch"}),(0,b.jsx)("div",{className:"h-2 w-full max-w-lg mx-auto bg-gradient-to-r from-transparent via-[var(--mono-4)] to-transparent rounded-full overflow-hidden relative mb-6",children:(0,b.jsx)(d.motion.div,{initial:{x:"-100%"},whileInView:{x:"200%"},transition:{duration:5,repeat:1/0,ease:"easeInOut"},className:"absolute top-0 left-0 w-1/3 h-full bg-[var(--mono-4)] opacity-50 blur-[2px]"})}),(0,b.jsx)("p",{className:"font-inkfree font-bold text-md md:text-lg text-[var(--foreground)] max-w-3xl mx-auto tracking-[0.1em] opacity-80 my-5",children:x.Message})]}),(0,b.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 items-start max-w-7xl mx-auto",children:[(0,b.jsxs)(d.motion.div,{initial:{opacity:0,x:-50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.6},className:"space-y-8",children:[(0,b.jsxs)("h3",{className:"text-2xl font-bold text-[var(--foreground)] font-comic tracking-wide flex items-center gap-2",children:[(0,b.jsx)("span",{className:"w-1 h-6 bg-[var(--mono-4)] rounded-full animate-pulse"}),"Contact Information"]}),(0,b.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,b.jsxs)("a",{href:x.Email,className:"relative flex items-center gap-4 p-6 rounded-xl bg-[var(--mono-4)]/5 border border-[var(--mono-4)]/10 hover:border-[var(--mono-4)]/40 hover:bg-[var(--mono-4)]/10 transition-all duration-300 group overflow-hidden backdrop-blur-xs",children:[(0,b.jsx)(v.default,{Padding:2,Width:4,Height:4}),(0,b.jsx)("div",{className:"p-3 rounded-md bg-[var(--background)] border border-[var(--mono-4)]/20 text-[var(--mono-4)] group-hover:scale-110 transition-transform shadow-[0_0_10px_rgba(var(--mono-4-rgb),0.1)]",children:(0,b.jsx)(e.Mail,{className:"w-6 h-6"})}),(0,b.jsxs)("div",{className:"flex flex-col",children:[(0,b.jsx)("p",{className:"text-xs text-[var(--mono-4)] font-mono uppercase tracking-wider mb-1",children:"Email"}),(0,b.jsx)("p",{className:"text-lg text-[var(--foreground)] font-bold font-comic tracking-wide group-hover:text-[var(--foreground)/80] transition-colors",children:J})]}),(0,b.jsx)(l.ExternalLink,{className:"absolute top-4 right-4 w-4 h-4 text-[var(--mono-4)]/30 group-hover:text-[var(--mono-4)] transition-colors"})]}),(0,b.jsxs)("a",{href:x.Phone,target:"_blank",rel:"noopener noreferrer",className:"relative flex items-center gap-4 p-6 rounded-xl bg-[var(--mono-4)]/5 border border-[var(--mono-4)]/10 hover:border-[var(--mono-4)]/40 hover:bg-[var(--mono-4)]/10 transition-all duration-300 group overflow-hidden backdrop-blur-xs",children:[(0,b.jsx)(v.default,{Padding:2,Width:4,Height:4}),(0,b.jsx)("div",{className:"p-3 rounded-md bg-[var(--background)] border border-[var(--mono-4)]/20 text-[var(--mono-4)] group-hover:scale-110 transition-transform shadow-[0_0_10px_rgba(var(--mono-4-rgb),0.1)]",children:(0,b.jsx)(f.Phone,{className:"w-6 h-6"})}),(0,b.jsxs)("div",{className:"flex flex-col",children:[(0,b.jsx)("p",{className:"text-xs text-[var(--mono-4)] font-mono uppercase tracking-wider mb-1",children:"WhatsApp"}),(0,b.jsxs)("p",{className:"text-lg text-[var(--foreground)] font-bold font-comic tracking-wide group-hover:text-[var(--foreground)]/80 transition-colors",children:["Start a Chat at ",x.Phone.split("wa.me/")[1]||x.Phone]})]}),(0,b.jsx)(l.ExternalLink,{className:"absolute top-4 right-4 w-4 h-4 text-[var(--mono-4)]/30 group-hover:text-[var(--mono-4)] transition-colors"})]}),(0,b.jsxs)("div",{className:"relative flex items-center gap-4 p-6 rounded-xl bg-[var(--mono-4)]/5 border border-[var(--mono-4)]/10 hover:border-[var(--mono-4)]/40 hover:bg-[var(--mono-4)]/10 transition-all duration-300 group cursor-default overflow-hidden backdrop-blur-xs",children:[(0,b.jsx)(v.default,{Padding:2,Width:4,Height:4}),(0,b.jsx)("div",{className:"p-3 rounded-md bg-[var(--background)] border border-[var(--mono-4)]/20 text-[var(--mono-4)] group-hover:scale-110 transition-transform shadow-[0_0_10px_rgba(var(--mono-4-rgb),0.1)]",children:(0,b.jsx)(g.MapPin,{className:"w-6 h-6"})}),(0,b.jsxs)("div",{className:"flex flex-col",children:[(0,b.jsx)("p",{className:"text-xs text-[var(--mono-4)] font-mono uppercase tracking-wider mb-1",children:"Location"}),(0,b.jsx)("p",{className:"text-lg text-[var(--foreground)] font-bold font-comic tracking-wide",children:x.Location})]})]})]})]}),(0,b.jsxs)(d.motion.div,{initial:{opacity:0,x:50},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{duration:.6,delay:.2},className:"relative bg-[var(--mono-4)]/5 backdrop-blur-md border border-[var(--mono-4)]/20 rounded-xl p-8 shadow-[0_0_40px_rgba(var(--mono-4-rgb),0.05)]",children:[(0,b.jsx)(v.default,{Padding:6,Width:8,Height:8}),(0,b.jsx)("div",{className:"absolute top-0 left-0 w-full h-1 bg-[var(--mono-4)]/20"}),(0,b.jsx)("div",{className:"absolute bottom-0 left-0 w-full h-1 bg-[var(--mono-4)]/20"}),(0,b.jsx)("h3",{className:"text-xl font-bold text-[var(--foreground)] font-comic tracking-widest mb-8 text-center border-b border-[var(--mono-4)]/20 pb-4",children:"Send a Message"}),(0,b.jsxs)("form",{onSubmit:a=>{a.preventDefault(),G(!0),setTimeout(()=>{let a=`${x.Email}?subject=${encodeURIComponent(D.subject||"Portfolio Contact")}&body=${encodeURIComponent(`Name: ${D.name} Email: ${D.email} Message: ${D.message}`)}`;window.location.href=a,G(!1),E({name:"",email:"",subject:"",message:""})},1e3)},className:"space-y-6",children:[(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{htmlFor:"name",className:"text-md font-inkfree font-bold tracking-widest text-[var(--foreground)] ml-1 opacity-70",children:"Name"}),(0,b.jsxs)("div",{className:"relative group",children:[(0,b.jsx)(i.User,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--mono-4)] group-focus-within:text-[var(--foreground)] transition-colors"}),(0,b.jsx)("input",{type:"text",id:"name",name:"name",value:D.name,onChange:I,required:!0,className:"w-full bg-[var(--background)]/50 border border-[var(--mono-4)]/20 rounded-md px-12 py-3 text-[var(--foreground)] placeholder-[var(--foreground)]/20 font-comic focus:outline-none focus:border-[var(--mono-4)] focus:ring-1 focus:ring-[var(--mono-4)]/50 transition-all font-bold",placeholder:"Your Name"}),(0,b.jsx)("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[var(--mono-4)]/30 group-focus-within:bg-[var(--mono-4)] group-focus-within:shadow-[0_0_5px_var(--mono-4)] transition-all"})]})]}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{htmlFor:"email",className:"text-md font-inkfree font-bold tracking-widest text-[var(--foreground)] ml-1 opacity-70",children:"Email"}),(0,b.jsxs)("div",{className:"relative group",children:[(0,b.jsx)(e.Mail,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--mono-4)] group-focus-within:text-[var(--foreground)] transition-colors"}),(0,b.jsx)("input",{type:"email",id:"email",name:"email",value:D.email,onChange:I,required:!0,className:"w-full bg-[var(--background)]/50 border border-[var(--mono-4)]/20 rounded-md px-12 py-3 text-[var(--foreground)] placeholder-[var(--foreground)]/20 font-comic focus:outline-none focus:border-[var(--mono-4)] focus:ring-1 focus:ring-[var(--mono-4)]/50 transition-all font-bold",placeholder:"your@email.com"}),(0,b.jsx)("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[var(--mono-4)]/30 group-focus-within:bg-[var(--mono-4)] group-focus-within:shadow-[0_0_5px_var(--mono-4)] transition-all"})]})]}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{htmlFor:"subject",className:"text-md font-inkfree font-bold tracking-widest text-[var(--foreground)] ml-1 opacity-70",children:"Subject"}),(0,b.jsxs)("div",{className:"relative group",children:[(0,b.jsx)(j.default,{className:"absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--mono-4)] group-focus-within:text-[var(--foreground)] transition-colors"}),(0,b.jsx)("input",{type:"text",id:"subject",name:"subject",value:D.subject,onChange:I,required:!0,className:"w-full bg-[var(--background)]/50 border border-[var(--mono-4)]/20 rounded-md px-12 py-3 text-[var(--foreground)] placeholder-[var(--foreground)]/20 font-comic focus:outline-none focus:border-[var(--mono-4)] focus:ring-1 focus:ring-[var(--mono-4)]/50 transition-all font-bold",placeholder:"What's this about?"}),(0,b.jsx)("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-[var(--mono-4)]/30 group-focus-within:bg-[var(--mono-4)] group-focus-within:shadow-[0_0_5px_var(--mono-4)] transition-all"})]})]}),(0,b.jsxs)("div",{className:"space-y-2",children:[(0,b.jsx)("label",{htmlFor:"message",className:"text-md font-inkfree font-bold tracking-widest text-[var(--foreground)] ml-1 opacity-70",children:"Message"}),(0,b.jsxs)("div",{className:"relative group",children:[(0,b.jsx)("div",{className:"absolute left-4 top-4 w-4 h-4 text-[var(--mono-4)] group-focus-within:text-[var(--foreground)] transition-colors",children:(0,b.jsx)("div",{className:"w-1.5 h-1.5 bg-current animate-pulse"})}),(0,b.jsx)("textarea",{id:"message",name:"message",value:D.message,onChange:I,required:!0,rows:4,className:"w-full bg-[var(--background)]/50 border border-[var(--mono-4)]/20 rounded-md px-12 py-3 text-[var(--foreground)] placeholder-[var(--foreground)]/20 font-comic focus:outline-none focus:border-[var(--mono-4)] focus:ring-1 focus:ring-[var(--mono-4)]/50 transition-all resize-none font-bold",placeholder:"How can I help you?"})]})]}),(0,b.jsxs)("button",{type:"submit",disabled:F,className:"w-full bg-[var(--mono-4)] hover:bg-[var(--mono-4)]/90 text-white font-bold font-inkfree uppercase tracking-widest py-4 rounded-md shadow-[0_0_20px_rgba(var(--mono-4-rgb),0.3)] hover:shadow-[0_0_30px_rgba(var(--mono-4-rgb),0.5)] hover:scale-[1.01] transition-all duration-200 disabled:opacity-70 disabled:cursor-not-allowed flex items-center justify-center gap-2 group relative overflow-hidden",children:[(0,b.jsx)("div",{className:"absolute top-0 left-[-100%] w-1/2 h-full bg-white/20 skew-x-[-20deg] group-hover:left-[200%] transition-all duration-700 ease-in-out"}),F?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(k.default,{className:"w-5 h-5 animate-spin"}),"Sending..."]}):(0,b.jsxs)(b.Fragment,{children:["Send Message",(0,b.jsx)(h.Send,{className:"w-5 h-5 group-hover:translate-x-1 transition-transform"})]})]})]})]})]})]})})})]})}

COORDINATES: 2026.1.14

ENCRYPTION: AES-256

DATA_FOUND: { "name": "", "email": "", "subject": "", "message": "", "Email": "mailto:arophn@gmail.com", "Phone": "https://wa.me/+94768505131", "Location": "Colombo, Sri Lanka.", "Message": "I'm currently open to new opportunities and collaborations. Whether you have a question or just want to say hi, drop a message and I'll get back to you!", "Section": "CONTACT", "Name": "Aaroophan" }