PageSourceSearch

https://ziphay-smart-compression.vercel.app/about.html

html ziphay-smart-compression.vercel.app collected 2026-10-03 08:05:05 UTC 22,689 bytes, 343 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" data-theme="dark">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>About — Abhay Donde · Ziphay</title>
7    <link rel="icon" type="image/png" href="favicon.png">
8  <link rel="manifest" href="manifest.json">
9  <meta name="theme-color" content="#00d4aa">
10  <link rel="preconnect" href="https://fonts.googleapis.com">
11  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12  <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet">
13  <link rel="stylesheet" href="pages.css">
14  <style>
15    .about-hero { display:grid; grid-template-columns:1fr auto; gap:32px; align-items:start; margin-bottom:48px; }
16    .avatar-ring {
17      width:100px; height:100px; border-radius:50%;
18      background:linear-gradient(135deg,#00d4aa,#8b5cf6);
19      display:flex; align-items:center; justify-content:center;
20      font-size:2.8rem; flex-shrink:0;
21      box-shadow:0 0 40px rgba(0,212,170,.3);
22    }
23    .skill-tags { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 20px; }
24    .skill-tag { padding:4px 13px; border-radius:100px; font-size:.73rem; font-weight:600; background:var(--glass); border:1px solid var(--border); color:var(--muted); }
25    .project-card {
26      background:var(--card); border:1px solid var(--border); border-radius:var(--r2);
27      padding:24px; margin-bottom:14px; transition:.25s;
28    }
29    .project-card:hover { border-color:rgba(0,212,170,.22); transform:translateY(-3px); }
30    .project-card-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
31    .project-emoji { font-size:1.6rem; }
32    .project-name { font-family:'Syne',sans-serif; font-weight:700; font-size:1rem; }
33    .project-desc { color:var(--muted); font-size:.84rem; line-height:1.65; }
34    .project-stack { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
35    .stack-tag { padding:2px 9px; border-radius:6px; font-size:.67rem; font-weight:700; background:rgba(0,212,170,.08); color:var(--teal); border:1px solid rgba(0,212,170,.18); }
36    .ziphay-highlight {
37      background:linear-gradient(135deg,rgba(0,212,170,.07),rgba(139,92,246,.05));
38      border:1px solid rgba(0,212,170,.2); border-radius:var(--r2);
39      padding:28px; margin-bottom:14px;
40    }
41    .quote-block {
42      border-left:3px solid var(--teal); padding:12px 20px;
43      background:var(--card); border-radius:0 var(--r) var(--r) 0;
44      color:var(--muted); font-size:.9rem; font-style:italic;
45      margin:20px 0;
46    }
47    @media(max-width:540px){ .about-hero { grid-template-columns:1fr; } .avatar-ring { width:72px; height:72px; font-size:2rem; } }
48  </style>
49</head>
50<body>
51
52  <!-- NAV -->
53  <nav class="pg-nav">
54    <div class="pg-nav-inner">
55      <a href="index.html" class="pg-logo">
56        <div class="pg-logo-icon"><svg viewBox="0 0 24 24"><path d="M13 2L4.5 13.5H11L9 22L19.5 10H13Z"/></svg></div>
57        Ziphay<span>.</span>
58      </a>
59      <div class="pg-nav-right">
60        <a href="index.html" class="pg-back-btn">← Back to Ziphay</a>
61        <a href="blog.html">Blog</a>
62        <a href="contact.html">Contact</a>
63        <button class="pg-theme-btn" id="themeBtn" title="Toggle theme">🌙</button>
64      </div>
65    </div>
66  </nav>
67
68  <!-- MAIN -->
69  <div class="pg-wrap">
70
71    <!-- HERO -->
72    <div class="about-hero">
73      <div>
74        <div class="pg-tag">About the Creator</div>
75        <h1 class="pg-title">👋 Hello! I'm<br><em>Abhay Sachin Donde</em></h1>
76        <p style="color:var(--muted);font-size:.95rem;margin-bottom:14px">Founder & Builder of Ziphay AI · Software Engineer · AI Enthusiast · Startup Founder</p>
77        <p style="color:var(--muted);font-size:.85rem">📍 Nashik, Maharashtra, India</p>
78        <div class="skill-tags" style="margin-top:14px">
79          <span class="skill-tag">Python</span>
80          <span class="skill-tag">Java</span>
81          <span class="skill-tag">C</span>
82          <span class="skill-tag">React</span>
83          <span class="skill-tag">Node.js</span>
84          <span class="skill-tag">Flask</span>
85          <span class="skill-tag">Firebase</span>
86          <span class="skill-tag">Android</span>
87          <span class="skill-tag">AI / ML</span>
88          <span class="skill-tag">Computer Vision</span>
89        </div>
90        <div class="founder-roles" style="margin-top:12px">
91          <span class="founder-role primary">Founder & Builder of Ziphay AI</span>
92          <span class="founder-role">Computer Engineering Student</span>
93          <span class="founder-role">Technology Builder</span>
94          <span class="founder-role">AI Enthusiast</span>
95          <span class="founder-role">Startup Founder</span>
96          <span class="founder-role">Filmmaker & Story Writer</span>
97          <span class="founder-role">Developer Tools Creator</span>
98          <span class="founder-role">Future Product Visionary</span>
99        </div>
100      </div>
101      <div class="avatar-ring">👨‍💻</div>
102    </div>
103
104    <!-- BIO -->
105    <div class="prose">
106      <p>I am a passionate developer currently pursuing my <strong>Bachelor of Engineering in Computer Engineering</strong> at Pravara College of Engineering, having recently completed my <strong>Diploma in Computer Technology</strong> from K.K. Wagh Engineering College.</p>
107      <p>I specialize in bridging the gap between complex backend logic and intuitive, visually striking user experiences. My work lives at the intersection of engineering precision and creative vision.</p>
108
109      <div class="quote-block">"I firmly believe that studying the direction, pacing, and visual effects of great films gives me a unique advantage as a developer — it trains me to care deeply about the UI/UX, the flow of an application, and the ultimate story a product tells its users."</div>
110
111      <h2>🎓 Education & Experience</h2>
112      <div class="project-card">
113        <div class="project-card-head">
114          <span class="project-emoji">🎓</span>
115          <div>
116            <div class="project-name">Bachelor of Engineering — Computer Engineering</div>
117            <div style="color:var(--muted);font-size:.8rem">Pravara College of Engineering · Ongoing</div>
118          </div>
119        </div>
120      </div>
121      <div class="project-card">
122        <div class="project-card-head">
123          <span class="project-emoji">📜</span>
124          <div>
125            <div class="project-name">Diploma in Computer Technology</div>
126            <div style="color:var(--muted);font-size:.8rem">K.K. Wagh Engineering College · Completed</div>
127          </div>
128        </div>
129      </div>
130      <div class="project-card">
131        <div class="project-card-head">
132          <span class="project-emoji">📱</span>
133          <div>
134            <div class="project-name">Android Developer Intern — Sumago Infotech</div>
135            <div style="color:var(--muted);font-size:.8rem">Built the "AEK Tunes" music application</div>
136          </div>
137        </div>
138        <p class="project-desc">Designed and developed a full-featured Android music player application, gaining hands-on experience with cross-platform mobile architecture and native Android development patterns.</p>
139        <div class="project-stack"><span class="stack-tag">Android</span><span class="stack-tag">Java</span><span class="stack-tag">XML</span></div>
140      </div>
141
142      <hr class="pg-divider">
143
144      <!-- ZIPHAY HIGHLIGHT -->
145      <h2>⚡ Ziphay — The Project You're Using Right Now</h2>
146      <div class="ziphay-highlight">
147        <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px">
148          <div style="width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#00d4aa,#0a8f72);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(0,212,170,.3)">
149            <svg viewBox="0 0 24 24" style="width:22px;fill:white"><path d="M13 2L4.5 13.5H11L9 22L19.5 10H13Z"/></svg>
150          </div>
151          <div>
152            <div style="font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem">Ziphay</div>
153            <div style="color:var(--teal);font-size:.78rem;font-weight:600">Smart Compression. Zero Compromise.</div>
154          </div>
155          <span class="badge badge-teal" style="margin-left:auto">Live Product</span>
156        </div>
157        <p class="project-desc">Ziphay is my vision for what a modern file compression and upscaling tool should feel like — fast, private, beautiful, and genuinely useful. Built entirely with vanilla HTML, CSS, and JavaScript with zero backend dependency, it runs 100% in the user's browser using the Canvas API and fflate GZIP engine.</p>
158        <p class="project-desc" style="margin-top:8px">Every pixel of the UI was crafted from scratch — from the glassmorphism upload card to the real before/after comparison slider. Ziphay represents my belief that developer tools don't have to look like developer tools.</p>
159        <div class="project-stack" style="margin-top:12px">
160          <span class="stack-tag">HTML5</span><span class="stack-tag">CSS3</span><span class="stack-tag">Vanilla JS</span>
161          <span class="stack-tag">Canvas API</span><span class="stack-tag">fflate (GZIP)</span>
162          <span class="stack-tag">WebAssembly-ready</span>
163        </div>
164        <div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap">
165          <span class="badge badge-green">✓ File Compression</span>
166          <span class="badge badge-teal">✓ Image Upscaling 2×/4×/8×</span>
167          <span class="badge badge-purple">✓ Before/After Slider</span>
168          <span class="badge badge-muted">✓ Dark/Light Mode</span>
169          <span class="badge badge-gold">✓ Goal-based Modes</span>
170        </div>
171      </div>
172
173      <hr class="pg-divider">
174
175      <h2>🤖 ScholarBot — Flagship AI Project</h2>
176      <div class="project-card">
177        <div class="project-card-head">
178          <span class="project-emoji">🤖</span>
179          <div>
180            <div class="project-name">ScholarBot</div>
181            <div style="color:var(--muted);font-size:.78rem">Multimodal AI Tutoring Platform · SaaS Prototype</div>
182          </div>
183          <span class="badge badge-purple" style="margin-left:auto">EdTech + AI</span>
184        </div>
185        <p class="project-desc">My flagship project — an elite, multimodal AI tutoring platform engineered specifically for university students. Representing the intersection of EdTech and generative AI, it operates as a fully-fledged SaaS prototype.</p>
186        <ul style="color:var(--muted);font-size:.83rem;padding-left:18px;margin-top:10px;line-height:1.8">
187          <li><strong>Modern Stack</strong> — Python, Flask, Google Gemini 2.5 Flash AI, Firebase</li>
188          <li><strong>Multimodal Tools</strong> — Interactive HTML5 whiteboard for real-time diagram analysis</li>
189          <li><strong>Collaborative Learning</strong> — Live group study synchronization + secure auth</li>
190          <li><strong>Adaptive AI</strong> — Context-aware personas: "Code Reviewer" to "Professor Mode"</li>
191        </ul>
192        <div class="project-stack" style="margin-top:12px">
193          <span class="stack-tag">Python</span><span class="stack-tag">Flask</span>
194          <span class="stack-tag">Gemini 2.5</span><span class="stack-tag">Firebase</span>
195          <span class="stack-tag">HTML5 Canvas</span>
196        </div>
197      </div>
198
199      <hr class="pg-divider">
200      <h2>💡 More Projects</h2>
201
202      <div class="project-card">
203        <div class="project-card-head"><span class="project-emoji">✋</span><div><div class="project-name">Air Canvas</div><div style="color:var(--muted);font-size:.78rem">Computer Vision · Hand Gesture Recognition</div></div></div>
204        <p class="project-desc">An advanced computer-vision application that lets users draw on a virtual whiteboard using real-time hand gesture recognition. No touch required.</p>
205        <div class="project-stack"><span class="stack-tag">Python</span><span class="stack-tag">OpenCV</span><span class="stack-tag">MediaPipe</span></div>
206      </div>
207
208      <div class="project-card">
209        <div class="project-card-head"><span class="project-emoji">🌱</span><div><div class="project-name">KrishiMitra</div><div style="color:var(--muted);font-size:.78rem">AgriTech · Farmer Advisory System</div></div></div>
210        <p class="project-desc">A dedicated web-based farmer advisory system designed to bridge the information gap between agricultural science and Indian farmers.</p>
211        <div class="project-stack"><span class="stack-tag">Web</span><span class="stack-tag">Python</span><span class="stack-tag">AI</span></div>
212      </div>
213
214      <div class="project-card">
215        <div class="project-card-head"><span class="project-emoji">☀️</span><div><div class="project-name">Solarix</div><div style="color:var(--muted);font-size:.78rem">
215CleanTech · Solar EV Charging</div></div></div>
216        <p class="project-desc">A conceptual web platform advancing solar-powered EV charging infrastructure — combining clean energy and modern mobility.</p>
217        <div class="project-stack"><span class="stack-tag">Web</span><span class="stack-tag">UI/UX</span><span class="stack-tag">CleanTech</span></div>
218      </div>
219
220      <hr class="pg-divider">
221
222      <h2>🎬 CineAbstra — The Creative Edge</h2>
223      <div class="project-card">
224        <div class="project-card-head">
225          <span class="project-emoji">🎬</span>
226          <div><div class="project-name">CineAbstra</div><div style="color:var(--muted);font-size:.78rem">Founder & Creative Director · Upcoming Platform</div></div>
227          <span class="badge badge-gold" style="margin-left:auto">Upcoming</span>
228        </div>
229        <p class="project-desc">Beyond software engineering, I am the Founder and Creative Director of CineAbstra — an upcoming platform dedicated to filmmaking and creative education. I have a profound passion for cinema and visual storytelling.</p>
230        <p class="project-desc" style="margin-top:6px">Studying the direction, pacing, and visual effects of great films gives me a unique edge as a developer — it trains me to care deeply about UI/UX, application flow, and the story a product tells.</p>
231      </div>
232
233      <hr class="pg-divider">
234
235      <h2>🚀 Let's Connect</h2>
236      <p>Whether I'm optimizing an AI API route, training a hand-gesture recognition model, or conceptualizing a new startup — I'm always eager to push boundaries. I'm actively looking for opportunities to collaborate on innovative projects that leverage AI and modern web technologies.</p>
237      <p><strong>Let's connect and build something extraordinary.</strong></p>
238      <div style="margin-top:20px;display:flex;gap:12px;flex-wrap:wrap">
239        <a href="contact.html" style="display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:var(--teal);color:#07070f;border-radius:var(--r);font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;text-decoration:none;transition:.2s;box-shadow:0 0 22px rgba(0,212,170,.3)">✉️ Contact Me</a>
240        <a href="blog.html" style="display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:transparent;color:var(--teal);border:1px solid rgba(0,212,170,.3);border-radius:var(--r);font-family:'Syne',sans-serif;font-weight:700;font-size:.88rem;text-decoration:none;transition:.2s;">📝 Read the Blog</a>
241      </div>
242
243      <hr class="pg-divider">
244
245      <h2 id="community-partners">🤝 Community Partners</h2>
246      <div class="partner-section">
247        <div class="partner-card">
248          <div class="partner-card-head">
249            <div class="partner-logo">
250              <img src="grid-logo.png" alt="GRID Community Logo" loading="lazy">
251            </div>
252            <div>
253              <div class="partner-name">GRID Community</div>
254              <span class="partner-role-badge">Technology Community Partner</span>
255            </div>
256            <span class="badge badge-teal" style="margin-left:auto">Community Partner</span>
257          </div>
258          <p class="partner-desc">Ziphay AI proudly collaborates with GRID Community, an independent Machine Learning and Technology community founded by <strong style="color:var(--purple)">Ganpati Raj</strong>. GRID supports innovation, learning, technical collaboration, mentorship, and community-driven growth among students, working professionals, builders, researchers, and technology enthusiasts.</p>
259          <p class="partner-desc" style="margin-bottom:16px">Community feedback and testing insights from GRID members help Ziphay AI improve product quality and user experience.</p>
260
261          <!-- GRID Founder -->
262          <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px">
263            <div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 12px rgba(139,92,246,.1)">👤</div>
264            <div style="font-size:.8rem;color:var(--muted);line-height:1.5">
265              <strong style="color:var(--text)">Ganpati Raj</strong><br>
266              <span style="font-size:.68rem;color:var(--purple);font-weight:600">Founder of GRID</span><br>
267              ML Enthusiast · Developer · Community Builder · Technology Educator
268            </div>
269          </div>
270          <div style="display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r);margin-bottom:16px">
271            <div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 12px rgba(139,92,246,.1)">👤</div>
272            <div style="font-size:.8rem;color:var(--muted);line-height:1.5">
273              <strong style="color:var(--text)">Krishna Lal</strong><br>
274              <span style="font-size:.68rem;color:var(--purple);font-weight:600">Vice President of GRID</span><br>
275              Developer · Community Leader
276            </div>
277          </div>
278
279          <div class="partner-highlights">
280            <span class="partner-tag">☁️ Google Cloud Cohorts</span>
281            <span class="partner-tag">🧠 ML &amp; AI Learning</span>
282            <span class="partner-tag">🧑‍💻 Hackathons</span>
283            <span class="partner-tag">📚 Technical Workshops</span>
284            <span class="partner-tag">🔗 LinkedIn Networking</span>
285            <span class="partner-tag">📜 Certifications</span>
286            <span class="partner-tag">🚀 Startup Showcases</span>
287            <span class="partner-tag">🤝 Peer Mentorship</span>
288            <span class="partner-tag">📈 Career Growth</span>
289            <span class="partner-tag">🎁 Community Giveaways</span>
290          </div>
291          <div class="partner-quote">
292            "GRID serves as a valuable community partner by fostering collaboration, knowledge sharing, technical mentorship, and innovation among developers, students, and technology enthusiasts."
293          </div>
294          <div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap">
295            <a href="https://chat.whatsapp.com/Gy5MEE62EJ11IUlBr59bYo" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:var(--teal);color:#07070f;border-radius:var(--r);font-family:'Syne',sans-serif;font-weight:700;font-size:.8rem;text-decoration:none;transition:.2s;box-shadow:0 0 16px rgba(0,212,170,.2)">🔗 Join GRID Community</a>
296          </div>
297        </div>
298      </div>
299
300      <hr class="pg-divider">
301
302      <h2>👥 Independent Founders</h2>
303      <p style="color:var(--muted);font-size:.85rem;margin-bottom:16px">Ziphay AI and GRID Community are independent entities collaborating through a community partnership.</p>
304      <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:14px">
305        <div class="project-card" style="text-align:center;border-color:rgba(0,212,170,.15)">
306          <div style="font-size:1.8rem;margin-bottom:8px">👨‍💻</div>
307          <div class="project-name">Abhay Sachin Donde</div>
308          <div style="color:var(--teal);font-size:.72rem;font-weight:600;margin:4px 0 8px">Founder &amp; Builder of Ziphay AI</div>
309          <div style="color:var(--muted);font-size:.76rem">Computer Engineering Student · AI Enthusiast · Startup Founder</div>
310          <div class="stack-tag" style="margin-top:10px;display:inline-block">⚡ Independent Product</div>
311        </div>
312        <div class="project-card" style="text-align:center;border-color:rgba(139,92,246,.15)">
313          <div style="font-size:1.8rem;margin-bottom:8px">👤</div>
314          <div class="project-name">Ganpati Raj</div>
315          <div style="color:var(--purple);font-size:.72rem;font-weight:600;margin:4px 0 8px">Founder of GRID</div>
316          <div style="color:var(--muted);font-size:.76rem">ML Enthusiast · Developer · Community Builder · Technology Educator</div>
317          <div class="stack-tag" style="margin-top:10px;display:inline-block;background:rgba(139,92,246,.08);color:var(--purple);border-color:rgba(139,92,246,.18)">🔗 Independent Community</div>
318        </div>
319        <div class="project-card" style="text-align:center;border-color:rgba(139,92,246,.15)">
320          <div style="font-size:1.8rem;margin-bottom:8px">👤</div>
321          <div class="project-name">Krishna Lal</div>
322          <div style="color:var(--purple);font-size:.72rem;font-weight:600;margin:4px 0 8px">Vice President of GRID</div>
323          <div style="color:var(--muted);font-size:.76rem">Developer · Community Leader</div>
324          <div class="stack-tag" style="margin-top:10px;display:inline-block;background:rgba(139,92,246,.08);color:var(--purple);border-color:rgba(139,92,246,.18)">🔗 Independent Community</div>
325        </div>
326      </div>
327    </div>
328  </div>
329
330  <!-- FOOTER -->
331  <footer class="pg-footer">
332    © 2026 <strong>Abhay Sachin Donde</strong> · Ziphay AI. All rights reserved. &nbsp;·&nbsp;
333    <a href="index.html">Back to Ziphay</a> &nbsp;·&nbsp;
334    <a href="privacy.html">Privacy</a> &nbsp;·&nbsp;
335    <a href="terms.html">Terms</a> &nbsp;·&nbsp;
336    Community Partner: GRID
337  </footer>
338
339  
339<script src="theme-toggle.js"></script>
339
340</body>
341</html>
342
343

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.