Skip to content

Commit 699d3d0

Browse files
imran-siddiqueimran-siddique
authored
Merge pull request #3 from imran-siddique/copilot/redesign-website-with-accurate-info
Redesign portfolio site with multi-page architecture and accurate repository information
2 parents 1fba0f8 + 7e1251e commit 699d3d0

File tree

8 files changed

+2413
-304
lines changed

8 files changed

+2413
-304
lines changed

‎about.html‎

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="About Imran Siddique - Principal Software Engineer at Microsoft, Agentic AI Architect, and Engineering Leader">
7+
<title>About - Imran Siddique</title>
8+
<link rel="stylesheet" href="styles.css">
9+
</head>
10+
<body>
11+
<nav class="navbar">
12+
<div class="container">
13+
<a href="index.html" class="logo">Imran Siddique</a>
14+
<ul class="nav-links">
15+
<li><a href="index.html">Home</a></li>
16+
<li><a href="about.html" class="active">About</a></li>
17+
<li><a href="projects.html">Projects</a></li>
18+
<li><a href="writings.html">Writings</a></li>
19+
<li><a href="contact.html">Contact</a></li>
20+
</ul>
21+
<div class="hamburger">
22+
<span></span>
23+
<span></span>
24+
<span></span>
25+
</div>
26+
</div>
27+
</nav>
28+
29+
<main>
30+
<section class="hero-small">
31+
<div class="container">
32+
<h1 class="fade-in">About Me</h1>
33+
<p class="hero-subtitle fade-in">Engineering Leader | Systems Architect | AI Innovator</p>
34+
</div>
35+
</section>
36+
37+
<section class="content-section">
38+
<div class="container">
39+
<div class="about-grid">
40+
<div class="about-content">
41+
<h2>👋 Hello, I'm Imran</h2>
42+
<p class="lead">I'm a Principal Software Engineer at Microsoft with over 15 years of experience building and leading teams that develop complex, enterprise-grade software systems.</p>
43+
44+
<p>My work sits at the intersection of <strong>Systems Engineering</strong> and <strong>Agentic AI</strong>. I focus on building production-ready AI agent systems that are reliable, scalable, and truly autonomous—not just sophisticated chatbots.</p>
45+
46+
<h3>🎯 My Philosophy: Scale by Subtraction</h3>
47+
<p>I believe the next generation of AI scaling won't come from adding more tokens or parameters, but from <strong>subtracting complexity</strong>. My approach emphasizes:</p>
48+
<ul>
49+
<li><strong>Control Planes over Prompts:</strong> Deterministic enforcement rather than probabilistic guardrails</li>
50+
<li><strong>Constraint Graphs over Context:</strong> Multi-dimensional boundaries that define what's possible</li>
51+
<li><strong>Polymorphic Interfaces over Chat:</strong> Just-in-Time UI that adapts to context</li>
52+
<li><strong>Silent Swarms over Conversations:</strong> Headless agents that communicate through structured data</li>
53+
</ul>
54+
55+
<h3>🚀 What I'm Working On</h3>
56+
<p>I'm currently focused on building the foundational infrastructure for autonomous AI systems, including:</p>
57+
<ul>
58+
<li>Agent Control Planes with governance primitives</li>
59+
<li>Self-correcting agent kernels with recursive ontologies</li>
60+
<li>Multidimensional knowledge graphs as semantic firewalls</li>
61+
<li>Context-as-a-Service architectures</li>
62+
</ul>
63+
64+
<h3>📚 Writing & Teaching</h3>
65+
<p>I'm passionate about sharing knowledge and challenging conventional thinking. I write extensively about agentic architecture, sharing practical patterns and real-world implementations through:</p>
66+
<ul>
67+
<li><strong>Medium:</strong> Deep dives into agentic systems and architecture patterns</li>
68+
<li><strong>Dev.to:</strong> Technical tutorials and implementation guides</li>
69+
<li><strong>LinkedIn:</strong> Thought leadership on AI, ML, and distributed systems</li>
70+
</ul>
71+
72+
<p>I'm also working on a book about large-scale systems development, focusing on the art of "subtraction"—removing unnecessary complexity to improve reliability.</p>
73+
74+
<h3>🎓 Background & Expertise</h3>
75+
<p>With more than 15 years in the industry, I've:</p>
76+
<ul>
77+
<li>Led engineering teams building distributed systems at scale</li>
78+
<li>Architected cloud computing and AI/ML platforms</li>
79+
<li>Developed enterprise-grade software for Fortune 500 companies</li>
80+
<li>Contributed to open source projects in the AI/ML ecosystem</li>
81+
</ul>
82+
</div>
83+
84+
<div class="about-sidebar">
85+
<div class="sidebar-card">
86+
<h4>💼 Professional</h4>
87+
<p><strong>Current Role:</strong><br>Principal Software Engineer<br>Microsoft</p>
88+
<p><strong>Experience:</strong><br>15+ years in software engineering</p>
89+
<p><strong>Specialties:</strong></p>
90+
<ul class="compact-list">
91+
<li>Agentic Architecture</li>
92+
<li>Distributed Systems</li>
93+
<li>Cloud Computing</li>
94+
<li>AI/ML Systems</li>
95+
<li>Engineering Leadership</li>
96+
</ul>
97+
</div>
98+
99+
<div class="sidebar-card">
100+
<h4>🌟 Key Concepts</h4>
101+
<ul class="compact-list">
102+
<li>Agent Control Planes</li>
103+
<li>Semantic Firewalls</li>
104+
<li>Deterministic Graphs</li>
105+
<li>The Mute Agent</li>
106+
<li>Silent Swarms</li>
107+
<li>Polymorphic Interfaces</li>
108+
<li>Scale by Subtraction</li>
109+
</ul>
110+
</div>
111+
112+
<div class="sidebar-card">
113+
<h4>🔗 Connect</h4>
114+
<div class="social-icons">
115+
<a href="https://github.com/imran-siddique" target="_blank" rel="noopener noreferrer" title="GitHub">
116+
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
117+
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
118+
</svg>
119+
</a>
120+
<a href="https://www.linkedin.com/in/imransiddique1986/" target="_blank" rel="noopener noreferrer" title="LinkedIn">
121+
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
122+
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
123+
</svg>
124+
</a>
125+
<a href="https://medium.com/@isiddique" target="_blank" rel="noopener noreferrer" title="Medium">
126+
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
127+
<path d="M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z"/>
128+
</svg>
129+
</a>
130+
<a href="https://dev.to/mosiddi" target="_blank" rel="noopener noreferrer" title="Dev.to">
131+
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
132+
<path d="M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z"/>
133+
</svg>
134+
</a>
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
</section>
141+
</main>
142+
143+
<footer>
144+
<div class="container">
145+
<div class="footer-content">
146+
<div class="footer-section">
147+
<h4>Imran Siddique</h4>
148+
<p>Engineering Leader & Agentic AI Architect</p>
149+
</div>
150+
<div class="footer-section">
151+
<h4>Quick Links</h4>
152+
<ul>
153+
<li><a href="index.html">Home</a></li>
154+
<li><a href="about.html">About</a></li>
155+
<li><a href="projects.html">Projects</a></li>
156+
<li><a href="writings.html">Writings</a></li>
157+
</ul>
158+
</div>
159+
<div class="footer-section">
160+
<h4>Connect</h4>
161+
<ul>
162+
<li><a href="https://github.com/imran-siddique" target="_blank" rel="noopener noreferrer">GitHub</a></li>
163+
<li><a href="https://www.linkedin.com/in/imransiddique1986/" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
164+
<li><a href="https://medium.com/@isiddique" target="_blank" rel="noopener noreferrer">Medium</a></li>
165+
<li><a href="https://dev.to/mosiddi" target="_blank" rel="noopener noreferrer">Dev.to</a></li>
166+
</ul>
167+
</div>
168+
</div>
169+
<div class="footer-bottom">
170+
<p>&copy; 2026 Imran Siddique. All rights reserved.</p>
171+
</div>
172+
</div>
173+
</footer>
174+
175+
<script src="script.js"></script>
176+
</body>
177+
</html>

0 commit comments

Comments
 (0)