{"id":6,"date":"2026-06-08T12:02:17","date_gmt":"2026-06-08T12:02:17","guid":{"rendered":"https:\/\/prathameshbhagat.com\/?page_id=6"},"modified":"2026-06-09T08:19:28","modified_gmt":"2026-06-09T08:19:28","slug":"home","status":"publish","type":"page","link":"https:\/\/prathameshbhagat.com\/","title":{"rendered":"Home"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n*{box-sizing:border-box;margin:0;padding:0;}\n.shell{display:grid;grid-template-columns:220px 1fr 200px;height:600px;width:100%;background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;}\n.left{border-right:0.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);display:flex;flex-direction:column;padding:1.5rem 1.25rem;}\n.right{border-left:0.5px solid var(--color-border-tertiary);background:var(--color-background-secondary);padding:1.5rem 1.25rem;}\n.center{display:flex;flex-direction:column;overflow:hidden;}\n.topbar{padding:1.25rem 2rem;border-bottom:0.5px solid var(--color-border-tertiary);flex-shrink:0;display:flex;align-items:center;gap:16px;}\n.topbar h1{font-size:22px;font-weight:500;color:var(--color-text-primary);}\n.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#3B6D11;background:#EAF3DE;border-radius:20px;padding:3px 11px;}\n.dot{width:7px;height:7px;border-radius:50%;background:#639922;flex-shrink:0;}\n.intro{padding:1.25rem 2rem;border-bottom:0.5px solid var(--color-border-tertiary);flex-shrink:0;}\n.intro h2{font-size:32px;font-weight:500;color:var(--color-text-primary);letter-spacing:-0.5px;}\n.intro p{font-size:13px;color:var(--color-text-secondary);margin-top:4px;}\n.viewport{flex:1;overflow:hidden;}\n.slides{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;}\n.slides::-webkit-scrollbar{display:none;}\n.slide{height:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:16px;}\n.proj-img{background:var(--color-background-secondary);border:0.5px dashed var(--color-border-tertiary);border-radius:var(--border-radius-lg);flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);}\n.proj-img i{font-size:48px;opacity:.3;}\n.proj-meta h3{font-size:18px;font-weight:500;color:var(--color-text-primary);}\n.proj-meta p{font-size:13px;color:var(--color-text-secondary);margin-top:5px;line-height:1.6;}\n.proj-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#534AB7;font-weight:500;text-decoration:none;margin-top:8px;}\n.sidebar-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:12px;}\n.proj-nav{list-style:none;display:flex;flex-direction:column;gap:2px;flex:1;}\n.proj-nav li{font-size:14px;color:var(--color-text-secondary);padding:8px 10px;border-radius:var(--border-radius-md);cursor:pointer;transition:background .15s,color .15s;}\n.proj-nav li:hover{background:var(--color-background-primary);color:var(--color-text-primary);}\n.proj-nav li.active{background:var(--color-background-primary);color:#534AB7;font-weight:500;}\n.dots{display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:14px;}\n.pip{width:7px;height:7px;border-radius:50%;background:var(--color-border-secondary);transition:all .2s;}\n.pip.active{background:#534AB7;height:22px;border-radius:4px;}\n.nav-list{list-style:none;display:flex;flex-direction:column;gap:2px;margin-bottom:1.5rem;}\n.nav-list li{font-size:14px;color:var(--color-text-secondary);padding:8px 10px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;gap:8px;}\n.nav-list li:hover{background:var(--color-background-primary);color:var(--color-text-primary);}\n.nav-list li i{font-size:15px;color:var(--color-text-tertiary);}\n.social-list{list-style:none;display:flex;flex-direction:column;gap:2px;}\n.social-list li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary);padding:7px 10px;border-radius:var(--border-radius-md);cursor:pointer;}\n.social-list li:hover{background:var(--color-background-primary);color:var(--color-text-primary);}\n.social-list li i{font-size:16px;color:var(--color-text-tertiary);}\n<\/style>\n<p><script data-wp-block-html=\"js\">\nconst slides = document.getElementById('slides');\nconst navItems = document.querySelectorAll('#proj-nav li:not(:last-child)');\nconst pips = document.querySelectorAll('#dots .pip');<\/p>\n<p>function setActive(i) {\n  navItems.forEach((n,j) => n.classList.toggle('active', i===j));\n  pips.forEach((p,j) => p.classList.toggle('active', i===j));\n}<\/p>\n<p>function goTo(i) {\n  slides.scrollTo({ top: i * slides.clientHeight, behavior: 'smooth' });\n  setActive(i);\n}<\/p>\n<p>slides.addEventListener('scroll', () => {\n  const i = Math.round(slides.scrollTop \/ slides.clientHeight);\n  setActive(i);\n});\n<\/script><\/p>\n<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/><br \/>\n  <title>Prathamesh \u2014 Portfolio<\/title>\n  <link rel=\"stylesheet\" href=\"style.css\" \/>\n<\/head><br \/>\n<body><\/p>\n<h2 style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)\">Prathamesh full-screen portfolio with snap scroll projects<\/h2>\n<div class=\"shell\">\n<p>  <!-- LEFT SIDEBAR --><\/p>\n<aside class=\"left\">\n<p class=\"sidebar-label\">My projects<\/p>\n<ul class=\"proj-nav\" id=\"proj-nav\">\n<li class=\"active\" onclick=\"goTo(0)\">Project 1<\/li>\n<li onclick=\"goTo(1)\">Project 2<\/li>\n<li onclick=\"goTo(2)\">Project 3<\/li>\n<li onclick=\"goTo(3)\">Project 4<\/li>\n<li onclick=\"goTo(4)\" style=\"color:var(--color-text-tertiary);font-size:13px;\">More\u2026<\/li>\n<\/ul>\n<div class=\"dots\" id=\"dots\">\n<div class=\"pip active\"><\/div>\n<div class=\"pip\"><\/div>\n<div class=\"pip\"><\/div>\n<div class=\"pip\"><\/div>\n<\/p><\/div>\n<\/aside>\n<p>  <!-- CENTER COLUMN --><\/p>\n<section class=\"center\">\n<p>    <!-- Top bar --><\/p>\n<div class=\"topbar\">\n<h1>Prathamesh<\/h1>\n<p>      <span class=\"badge\"><span class=\"dot\"><\/span>Available for work<\/span>\n    <\/div>\n<p>    <!-- Intro --><\/p>\n<div class=\"intro\">\n<h2>Hello, I am Prathamesh<\/h2>\n<p>Here are some projects I worked on<\/p>\n<\/p><\/div>\n<p>    <!-- Snap scroll project feed --><\/p>\n<div class=\"viewport\">\n<div class=\"slides\" id=\"slides\">\n<p>        <!-- Project 1 --><\/p>\n<div class=\"slide\">\n<div class=\"proj-img\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><\/div>\n<div class=\"proj-meta\">\n<h3>Project 1 \u2014 title here<\/h3>\n<p>Short description of what this project does and the technologies used. Replace this with your real content.<\/p>\n<p>            <a class=\"proj-link\" href=\"#\"><i class=\"ti ti-external-link\" aria-hidden=\"true\"><\/i>View project<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Project 2 --><\/p>\n<div class=\"slide\">\n<div class=\"proj-img\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><\/div>\n<div class=\"proj-meta\">\n<h3>Project 2 \u2014 title here<\/h3>\n<p>Short description of what this project does and the technologies used. Replace this with your real content.<\/p>\n<p>            <a class=\"proj-link\" href=\"#\"><i class=\"ti ti-external-link\" aria-hidden=\"true\"><\/i>View project<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Project 3 --><\/p>\n<div class=\"slide\">\n<div class=\"proj-img\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><\/div>\n<div class=\"proj-meta\">\n<h3>Project 3 \u2014 title here<\/h3>\n<p>Short description of what this project does and the technologies used. Replace this with your real content.<\/p>\n<p>            <a class=\"proj-link\" href=\"#\"><i class=\"ti ti-external-link\" aria-hidden=\"true\"><\/i>View project<\/a>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- Project 4 --><\/p>\n<div class=\"slide\">\n<div class=\"proj-img\"><i class=\"ti ti-photo\" aria-hidden=\"true\"><\/i><\/div>\n<div class=\"proj-meta\">\n<h3>Project 4 \u2014 title here<\/h3>\n<p>Short description of what this project does and the technologies used. Replace this with your real content.<\/p>\n<p>            <a class=\"proj-link\" href=\"#\"><i class=\"ti ti-external-link\" aria-hidden=\"true\"><\/i>View project<\/a>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- RIGHT SIDEBAR --><\/p>\n<aside class=\"right\">\n<p class=\"sidebar-label\">Pages<\/p>\n<ul class=\"nav-list\">\n<li><i class=\"ti ti-user\" aria-hidden=\"true\"><\/i>About<\/li>\n<li><i class=\"ti ti-pencil\" aria-hidden=\"true\"><\/i>Blog<\/li>\n<li><i class=\"ti ti-mail\" aria-hidden=\"true\"><\/i>Contact<\/li>\n<\/ul>\n<p class=\"sidebar-label\">My socials<\/p>\n<ul class=\"social-list\">\n<li><i class=\"ti ti-brand-github\" aria-hidden=\"true\"><\/i>GitHub<\/li>\n<li><i class=\"ti ti-brand-linkedin\" aria-hidden=\"true\"><\/i>LinkedIn<\/li>\n<li><i class=\"ti ti-brand-instagram\" aria-hidden=\"true\"><\/i>Instagram<\/li>\n<\/ul>\n<\/aside>\n<\/div>\n<p><script src=\"script.js\"><\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prathamesh \u2014 Portfolio Prathamesh full-screen portfolio with snap scroll projects My projects Project 1 Project 2 Project 3 Project 4 More\u2026 Prathamesh Available for work Hello, I am Prathamesh Here are some projects I worked on Project 1 \u2014 title here Short description of what this project does and the technologies used. Replace this with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":3,"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/prathameshbhagat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}