Add research papers section with styling for improved presentation

Author: savini98

index.html

@@ -108,7 +108,7 @@ <h2>Tutorial Themes</h2>
               <div class="theme-label">Theme 1</div>
               <div class="theme-title">Hands-On Agentic AI Development</div>
               <div class="theme-audience">For developers and students</div>
-              <div class="theme-desc">Write <code class="code-hl">by llm()</code> and the compiler writes the prompts. Build multi-agent systems with walkers on graphs. Zero boilerplate.</div>
+              <div class="theme-desc">Write <a href="https://byllm.jaseci.org/" target="_blank" rel="noopener"><code class="code-hl">by llm()</code></a> and the compiler writes the prompts. Build multi-agent systems with walkers on graphs. Zero boilerplate.</div>
               <div class="theme-glow"></div>
             </div>
             <div class="theme-card theme-2">
@@ -162,6 +162,24 @@ <h3>ASPLOS 2026</h3>
               <p>Official ASPLOS 2026 workshops and tutorials page at Pittsburgh, March 2026.</p>
             </a>
           </div>
+
+          <div class="papers-section">
+            <h3>Research Papers</h3>
+            <ul class="papers-list">
+              <li>
+                <svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+                <a href="https://dl.acm.org/doi/pdf/10.1145/3763092" target="_blank" rel="noopener">MTP: A Meaning-Typed Language Abstraction for AI-Integrated Programming</a>
+              </li>
+              <li>
+                <svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+                <a href="https://arxiv.org/abs/2509.16248" target="_blank" rel="noopener">GraphMend: Code Transformations for Fixing Graph Breaks in PyTorch 2</a>
+              </li>
+              <li>
+                <svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+                <a href="https://arxiv.org/abs/2511.19427" target="_blank" rel="noopener">Prompt Less, Smile More: MTP with Semantic Engineering in Lieu of Prompt Engineering</a>
+              </li>
+            </ul>
+          </div>
         </section>
 
         <!-- Schedule -->

styles.css

@@ -733,6 +733,65 @@ h2 {
   margin: 0;
 }
 
+/* Research Papers List */
+.papers-section {
+  margin-top: 40px;
+}
+
+.papers-section h3 {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-muted);
+  margin-bottom: 16px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.papers-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.papers-list li {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 12px 16px;
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-sm);
+  transition: all 0.2s ease;
+}
+
+.papers-list li:hover {
+  border-color: var(--primary-color);
+  background: rgba(245, 158, 11, 0.03);
+}
+
+.paper-icon {
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+  color: var(--primary-color);
+  margin-top: 2px;
+}
+
+.papers-list a {
+  color: var(--text-main);
+  text-decoration: none;
+  font-size: 0.95rem;
+  line-height: 1.5;
+  transition: color 0.2s;
+}
+
+.papers-list a:hover {
+  color: var(--primary-color);
+}
+
 /* Timeline / Schedule */
 .timeline {
   margin-top: 32px;