From b1da0d45f8991d54bcf2941f0669b3c0e8eba246 Mon Sep 17 00:00:00 2001
From: Aswin Zayasankaran <156493059+Aswinmcw@users.noreply.github.com>
Date: Wed, 15 Jul 2026 00:04:50 +0530
Subject: [PATCH] =?UTF-8?q?design:=20Design=202=20=E2=80=94=20Dark=20/=20T?=
 =?UTF-8?q?ech?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resume.html | 175 +++++++++++++++++++++-------------------------------
 1 file changed, 71 insertions(+), 104 deletions(-)

diff --git a/resume.html b/resume.html
index 212c075..4c335d9 100644
--- a/resume.html
+++ b/resume.html
@@ -4,103 +4,80 @@
 <meta charset="utf-8" />
 <style>
   :root{
-    --navy:#16215a;
-    --navy-2:#1d2c6e;
-    --gold:#c9a86b;
-    --gold-soft:#e6d4ac;
-    --ink:#2b2f3a;
-    --muted:#5b6172;
-    --line:#e2e5ec;
-    --sidebar:34%;
+    --bg:#0d1117;
+    --panel:#141b24;
+    --ink:#e6edf3;
+    --muted:#9aa7b4;
+    --faint:#6b7684;
+    --line:#233040;
+    --accent:#2dd4bf;
+    --accent-2:#38bdf8;
+    --mono:"Liberation Sans",ui-monospace,"Courier New",monospace;
   }
   *{ box-sizing:border-box; margin:0; padding:0; }
-  html,body{ font-family:"Liberation Sans","Helvetica Neue",Arial,sans-serif; color:var(--ink); }
+  html,body{ font-family:"Liberation Sans","Helvetica Neue",Arial,sans-serif; color:var(--ink); background:var(--bg); }
   @page{ size:A4; margin:0; }
+  body{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
+  .page{ min-height:280mm; padding:22px 26px 24px; display:grid; grid-template-columns:33% 1fr; gap:26px; background:var(--bg); }
 
-  /* Split background so the navy sidebar continues onto every printed page */
-  body{
-    -webkit-print-color-adjust:exact; print-color-adjust:exact;
-    background:linear-gradient(to right, var(--navy) 0, var(--navy) var(--sidebar), #ffffff var(--sidebar), #ffffff 100%);
-  }
-
-  /* The body linear-gradient (not this element) paints the navy sidebar to the
-     page edge, so .page needn't be full-height. Keeping min-height just under
-     the printable area avoids Chromium spilling a blank second page. */
-  .page{ display:grid; grid-template-columns:var(--sidebar) 1fr; min-height:280mm; }
-
-  /* ---------------- SIDEBAR ---------------- */
-  .side{ color:#e9ecf5; padding:22px 22px 26px; }
+  /* sidebar */
+  .side{ }
   .photo-wrap{ display:flex; justify-content:center; margin-bottom:16px; }
-  .photo{
-    width:150px; height:150px; border-radius:50%;
-    object-fit:cover; object-position:center 20%;
-    border:3px solid var(--gold);
-    box-shadow:0 0 0 6px rgba(201,168,107,0.18);
-  }
-  .side h2{
-    font-size:12.5px; letter-spacing:2.4px; text-transform:uppercase;
-    color:var(--gold); font-weight:700; margin:16px 0 8px;
-    padding-bottom:5px; border-bottom:1px solid rgba(201,168,107,0.45);
-  }
-  .side h2:first-of-type{ margin-top:2px; }
-  .contact-row{ display:flex; gap:10px; align-items:center; font-size:11.5px; line-height:1.4; margin:8px 0; color:#dbe0ee; }
-  .contact-row .ic{ width:15px; flex:0 0 15px; display:flex; align-items:center; justify-content:center; }
-  .contact-row .ic svg{ width:14px; height:14px; fill:var(--gold); }
-  .contact-row a{ color:#dbe0ee; text-decoration:none; word-break:break-word; }
-
-  .skill-group{ margin:9px 0; }
-  .skill-group .k{ font-size:11px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:.6px; }
-  .skill-group .v{ font-size:11.5px; color:#cfd5e6; line-height:1.5; margin-top:2px; }
-
-  .edu-block{ margin:8px 0; }
-  .edu-block .d{ font-size:12px; font-weight:700; color:#fff; line-height:1.35; }
-  .edu-block .s{ font-size:11px; color:#c7cde0; line-height:1.4; margin-top:2px; }
-
-  .cert{ font-size:11.5px; color:#dbe0ee; line-height:1.45; margin:6px 0; padding-left:15px; position:relative; }
-  .cert::before{ content:""; position:absolute; left:1px; top:5px; width:5px; height:5px; background:var(--gold); transform:rotate(45deg); }
-
-  /* ---------------- MAIN ---------------- */
-  .main{ padding:22px 34px 22px 32px; }
-  .name{ font-size:38px; font-weight:800; color:var(--navy); letter-spacing:1px; line-height:1; }
-  .role{ font-size:14.5px; font-weight:700; color:var(--gold); letter-spacing:3px; text-transform:uppercase; margin-top:8px; }
-  .rule{ height:3px; background:linear-gradient(to right,var(--gold),var(--gold-soft)); width:100%; margin:16px 0 4px; border-radius:2px; }
+  .photo{ width:132px; height:132px; border-radius:50%; object-fit:cover; object-position:center 20%; border:2px solid var(--accent); box-shadow:0 0 0 5px rgba(45,212,191,.12); }
+  .side h2{ font-family:var(--mono); font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); font-weight:700; margin:16px 0 8px; }
+  .side h2::before{ content:"# "; color:var(--faint); }
+  .contact-row{ display:flex; gap:9px; align-items:center; font-size:11px; line-height:1.4; margin:7px 0; color:var(--muted); }
+  .contact-row .ic{ width:14px; flex:0 0 14px; display:flex; }
+  .contact-row .ic svg{ width:13px; height:13px; fill:var(--accent); }
+  .contact-row a{ color:var(--muted); text-decoration:none; word-break:break-word; }
+
+  .skill-group{ margin:8px 0; }
+  .skill-group .k{ font-family:var(--mono); font-size:10.5px; font-weight:700; color:var(--accent-2); letter-spacing:.4px; }
+  .skill-group .v{ font-size:11px; color:var(--muted); line-height:1.5; margin-top:2px; }
+  .tags{ display:flex; flex-wrap:wrap; gap:5px; margin-top:3px; }
+  .tag{ font-family:var(--mono); font-size:10px; color:var(--ink); background:var(--panel); border:1px solid var(--line); border-radius:5px; padding:2px 7px; }
+
+  .edu .d{ font-size:11.5px; font-weight:700; color:var(--ink); line-height:1.35; }
+  .edu .s{ font-size:10.5px; color:var(--muted); line-height:1.4; margin-top:2px; }
+  .cert{ font-size:10.8px; color:var(--muted); line-height:1.4; margin:5px 0; padding-left:14px; position:relative; }
+  .cert::before{ content:"▹"; position:absolute; left:0; color:var(--accent); }
+
+  /* main */
+  .name{ font-size:40px; font-weight:800; color:#fff; letter-spacing:1px; line-height:1; }
+  .name .dot{ color:var(--accent); }
+  .role{ font-family:var(--mono); font-size:13px; font-weight:700; color:var(--accent); letter-spacing:2px; text-transform:uppercase; margin-top:8px; }
+  .rule{ height:2px; background:linear-gradient(to right,var(--accent),var(--accent-2),transparent); margin:16px 0 4px; }
 
   .sec{ margin-top:15px; }
-  .sec-title{ font-size:15px; font-weight:800; color:var(--navy); text-transform:uppercase; letter-spacing:2px; display:flex; align-items:center; gap:10px; }
-  .sec-title::after{ content:""; flex:1; height:1.5px; background:var(--line); }
-
-  .summary{ font-size:12.3px; line-height:1.55; color:var(--muted); margin-top:8px; }
+  .sec-title{ font-family:var(--mono); font-size:13px; font-weight:800; color:#fff; text-transform:uppercase; letter-spacing:1.5px; display:flex; align-items:center; gap:10px; }
+  .sec-title::before{ content:"//"; color:var(--accent); }
+  .sec-title::after{ content:""; flex:1; height:1px; background:var(--line); }
+  .summary{ font-size:12px; line-height:1.55; color:var(--muted); margin-top:8px; }
 
-  /* timeline */
-  .tl{ margin-top:10px; padding-left:18px; border-left:2px solid var(--line); }
+  .tl{ margin-top:10px; padding-left:18px; border-left:1px solid var(--line); }
   .job{ position:relative; margin-bottom:12px; }
-  .job::before{
-    content:""; position:absolute; left:-25px; top:4px;
-    width:11px; height:11px; border-radius:50%; background:var(--gold);
-    border:2px solid #fff; box-shadow:0 0 0 1.5px var(--gold);
-  }
+  .job::before{ content:""; position:absolute; left:-24px; top:4px; width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 3px rgba(45,212,191,.15); }
   .job .h{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; }
-  .job .title{ font-size:13.5px; font-weight:800; color:var(--navy); }
-  .job .meta{ font-size:11px; color:var(--muted); font-style:italic; white-space:nowrap; }
-  .job .sub{ font-size:11.5px; color:var(--gold); font-weight:700; margin:1px 0 6px; }
-  ul.pts{ list-style:none; margin:4px 0 0; }
-  ul.pts li{ font-size:11.6px; line-height:1.42; color:var(--ink); padding-left:16px; position:relative; margin:2.5px 0; }
-  ul.pts li::before{ content:""; position:absolute; left:1px; top:6px; width:0; height:0; border-style:solid; border-width:3.5px 0 3.5px 5.5px; border-color:transparent transparent transparent var(--gold); }
-
-  .proj{ margin-bottom:8px; }
-  .proj .title{ font-size:12.8px; font-weight:800; color:var(--navy); }
-  .proj .desc{ font-size:11.6px; line-height:1.45; color:var(--muted); margin-top:2px; }
-  .proj .desc .stack{ color:var(--gold); font-weight:600; }
-  .proj .desc a{ color:var(--navy); text-decoration:none; font-weight:600; }
+  .job .title{ font-size:13px; font-weight:800; color:#fff; }
+  .job .meta{ font-family:var(--mono); font-size:10.5px; color:var(--faint); white-space:nowrap; }
+  .job .sub{ font-size:11px; color:var(--accent-2); font-weight:600; margin:1px 0 6px; }
+  ul.pts{ list-style:none; }
+  ul.pts li{ font-size:11.2px; line-height:1.42; color:var(--muted); padding-left:15px; position:relative; margin:2.5px 0; }
+  ul.pts li::before{ content:"›"; position:absolute; left:2px; top:0; color:var(--accent); }
+
+  .proj{ margin-bottom:8px; background:var(--panel); border:1px solid var(--line); border-radius:7px; padding:8px 11px; }
+  .proj .title{ font-size:12.2px; font-weight:800; color:#fff; }
+  .proj .desc{ font-size:11px; line-height:1.45; color:var(--muted); margin-top:2px; }
+  .proj .desc .stack{ font-family:var(--mono); color:var(--accent); font-weight:600; }
+  .proj .desc a{ color:var(--accent-2); text-decoration:none; font-weight:600; }
 </style>
 </head>
 <body>
   <div class="page">
-    <!-- ============ SIDEBAR ============ -->
     <aside class="side">
       <div class="photo-wrap"><img class="photo" src="photo.jpg" alt="Aswin" /></div>
 
-      <h2>Contact</h2>
+      <h2>contact</h2>
       <div class="contact-row"><span class="ic"><svg viewBox="0 0 24 24"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.3 1z"/></svg></span><span>+91 6380157944</span></div>
       <div class="contact-row"><span class="ic"><svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5z"/></svg></span><a href="mailto:aswin@aswincloud.com">aswin@aswincloud.com</a></div>
       <div class="contact-row"><span class="ic"><svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-2.9a15.7 15.7 0 00-1.4-3.6A8 8 0 0118.9 8zM12 4c.8 1.2 1.4 2.5 1.8 4h-3.6c.4-1.5 1-2.8 1.8-4zM4.3 14a8 8 0 010-4h3.3a16.6 16.6 0 000 4H4.3zm.8 2h2.9c.4 1.3.8 2.5 1.4 3.6A8 8 0 015.1 16zM8 8H5.1a8 8 0 014.3-3.6C8.8 5.5 8.4 6.7 8 8zm4 12c-.8-1.2-1.4-2.5-1.8-4h3.6c-.4 1.5-1 2.8-1.8 4zm2.3-6H9.7a14.6 14.6 0 010-4h4.6a14.6 14.6 0 010 4zm.3 5.6c.6-1.1 1-2.3 1.4-3.6h2.9a8 8 0 01-4.3 3.6zM16.4 14a16.6 16.6 0 000-4h3.3a8 8 0 010 4h-3.3z"/></svg></span><a href="https://www.aswincloud.com">www.aswincloud.com</a></div>
@@ -108,30 +85,26 @@ <h2>Contact</h2>
       <div class="contact-row"><span class="ic"><svg viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12c0 4.4 2.9 8.2 6.8 9.5.5.1.7-.2.7-.5v-1.7c-2.8.6-3.4-1.3-3.4-1.3-.5-1.2-1.1-1.5-1.1-1.5-.9-.6.1-.6.1-.6 1 .1 1.5 1 1.5 1 .9 1.5 2.3 1.1 2.9.8.1-.6.3-1.1.6-1.3-2.2-.3-4.6-1.1-4.6-4.9 0-1.1.4-2 1-2.7-.1-.3-.4-1.3.1-2.7 0 0 .8-.3 2.7 1a9.4 9.4 0 015 0c1.9-1.3 2.7-1 2.7-1 .5 1.4.2 2.4.1 2.7.6.7 1 1.6 1 2.7 0 3.8-2.3 4.6-4.6 4.9.4.3.7.9.7 1.8v2.7c0 .3.2.6.7.5A10 10 0 0022 12c0-5.5-4.5-10-10-10z"/></svg></span><a href="https://github.com/Aswincloud">github.com/Aswincloud</a></div>
       <div class="contact-row"><span class="ic"><svg viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zM9 17H6.5v-7H9v7zM7.7 8.7a1.4 1.4 0 110-2.8 1.4 1.4 0 010 2.8zM18 17h-2.5v-3.6c0-.9 0-2-1.2-2s-1.4 1-1.4 1.9V17H10.4v-7h2.4v1h.1c.3-.6 1.1-1.2 2.3-1.2 2.5 0 2.9 1.6 2.9 3.7V17z"/></svg></span><a href="https://linkedin.com/in/aswin4122001">linkedin.com/in/aswin4122001</a></div>
 
-      <h2>Skills</h2>
-      <div class="skill-group"><div class="k">Performance</div><div class="v">Profiling, benchmarking, kernel optimization, bottleneck analysis, low-level compute kernels</div></div>
-      <div class="skill-group"><div class="k">Languages</div><div class="v">Python, C++, C, Java, SQL</div></div>
-      <div class="skill-group"><div class="k">AI Hardware</div><div class="v">AI-accelerator software stacks, compute-kernel development</div></div>
-      <div class="skill-group"><div class="k">Tooling</div><div class="v">Git &amp; GitHub, CI/CD (GitHub Actions), pytest, PyPI, device/kernel profilers</div></div>
-      <div class="skill-group"><div class="k">Cloud / Infra</div><div class="v">Cloudflare — site hosting, Tunnels, Zero Trust / Access auth; self-hosted services</div></div>
-      <div class="skill-group"><div class="k">Other</div><div class="v">PCB design, Linux &amp; shell scripting</div></div>
+      <h2>skills</h2>
+      <div class="skill-group"><div class="k">performance</div><div class="v">Profiling, benchmarking, kernel optimization, bottleneck analysis, low-level compute kernels</div></div>
+      <div class="skill-group"><div class="k">languages</div><div class="tags"><span class="tag">Python</span><span class="tag">C++</span><span class="tag">C</span><span class="tag">Java</span><span class="tag">SQL</span></div></div>
+      <div class="skill-group"><div class="k">ai_hardware</div><div class="v">AI-accelerator software stacks, compute-kernel development</div></div>
+      <div class="skill-group"><div class="k">tooling</div><div class="v">Git &amp; GitHub, CI/CD (GitHub Actions), pytest, PyPI, device/kernel profilers</div></div>
+      <div class="skill-group"><div class="k">cloud_infra</div><div class="v">Cloudflare — hosting, Tunnels, Zero Trust / Access auth; self-hosted services</div></div>
+      <div class="skill-group"><div class="k">other</div><div class="v">PCB design, Linux &amp; shell scripting</div></div>
 
-      <h2>Education</h2>
-      <div class="edu-block">
-        <div class="d">B.Tech, Electronics &amp; Communication Engineering</div>
-        <div class="s">Sri Manakula Vinayagar Engineering College, Puducherry<br/>2019 – 2023 &nbsp;•&nbsp; CGPA 8.5 / 10</div>
-      </div>
+      <h2>education</h2>
+      <div class="edu"><div class="d">B.Tech, Electronics &amp; Communication Engineering</div><div class="s">Sri Manakula Vinayagar Engineering College, Puducherry<br/>2019 – 2023 · CGPA 8.5 / 10</div></div>
 
-      <h2>Certifications</h2>
+      <h2>certifications</h2>
       <div class="cert">SkillRack — 300+ problem-solving medals in C &amp; Java</div>
       <div class="cert">Python for Data Science — NPTEL</div>
       <div class="cert">Great Learning — C, Java, OS &amp; Memory Management</div>
       <div class="cert">TCS iON — Career Edge</div>
     </aside>
 
-    <!-- ============ MAIN ============ -->
     <main class="main">
-      <div class="name">ASWIN</div>
+      <div class="name">ASWIN<span class="dot">.</span></div>
       <div class="role">Software Engineer</div>
       <div class="rule"></div>
 
@@ -144,10 +117,7 @@ <h2>Certifications</h2>
         <div class="sec-title">Experience</div>
         <div class="tl">
           <div class="job">
-            <div class="h">
-              <span class="title">Software Engineer</span>
-              <span class="meta">Jun 2023 – Present</span>
-            </div>
+            <div class="h"><span class="title">Software Engineer</span><span class="meta">Jun 2023 – Present</span></div>
             <div class="sub">MulticoreWare Pvt Ltd · Chennai, India</div>
             <ul class="pts">
               <li>Software engineering for a leading AI silicon company’s accelerator stack — developing and optimizing the software that runs on next-generation AI chips.</li>
@@ -159,10 +129,7 @@ <h2>Certifications</h2>
             </ul>
           </div>
           <div class="job">
-            <div class="h">
-              <span class="title">Industrial Project Engineer</span>
-              <span class="meta">Jun 2022 – May 2023</span>
-            </div>
+            <div class="h"><span class="title">Industrial Project Engineer</span><span class="meta">Jun 2022 – May 2023</span></div>
             <div class="sub">Lenovo Pvt Ltd · Pondicherry, India</div>
             <ul class="pts">
               <li>Developed and maintained a smart attendance system using face-recognition technology with database integration.</li>
@@ -181,7 +148,7 @@ <h2>Certifications</h2>
         </div>
         <div class="proj">
           <div class="title">Eltwise Performance Tracker</div>
-          <div class="desc">Day-by-day performance monitoring for element-wise operations on AI-accelerator hardware — tracks kernel-timing trends across dates, correlates regressions to git commits, and sends automated alerts on &gt;20% changes.<br/><a href="https://ttnn-eltwise-performance.aswincloud.com">ttnn-eltwise-performance.aswincloud.com</a></div>
+          <div class="desc">Day-by-day performance monitoring for element-wise operations on AI-accelerator hardware — tracks kernel-timing trends across dates, correlates regressions to git commits, and sends automated alerts on &gt;20% changes. <a href="https://ttnn-eltwise-performance.aswincloud.com">ttnn-eltwise-performance.aswincloud.com</a></div>
         </div>
         <div class="proj">
           <div class="title">Academic Projects — B.Tech ECE</div>