Skip to content

Commit b25a72d

Browse files
codingoutloudcodingoutloud
committed
Restore full index.html with semantic hgroup element
1 parent ecea616 commit b25a72d

File tree

1 file changed

+237
-4
lines changed

1 file changed

+237
-4
lines changed

‎index.html‎

Lines changed: 237 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,237 @@
1-
<hgroup>
2-
<h1 class="site-title">AgentFramework.dev</h1>
3-
<p class="site-tagline">Hands-on, instructor-led workshops for developers building AI agents.</p>
4-
</hgroup>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Google tag (gtag.js) -->
5+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q66MG147RE"></script>
6+
<script>
7+
window.dataLayer = window.dataLayer || [];
8+
function gtag(){dataLayer.push(arguments);}
9+
gtag('js', new Date());
10+
11+
gtag('config', 'G-Q66MG147RE');
12+
</script>
13+
<meta charset="utf-8">
14+
<meta name="viewport" content="width=device-width, initial-scale=1">
15+
<meta name="color-scheme" content="light dark">
16+
<meta name="description" content="AgentFramework.dev - Hands-on, instructor-led workshops for developers building AI agents with Microsoft Agent Framework and related tooling.">
17+
<title>AgentFramework.dev</title>
18+
<link rel="icon" type="image/svg+xml" href="https://raw.githubusercontent.com/AgentFrameworkDev/brand/main/logos/logo.svg">
19+
<link rel="stylesheet" href="styles.css">
20+
</head>
21+
22+
<body>
23+
<div class="container">
24+
<header class="site-header">
25+
<div class="site-brand">
26+
<img
27+
class="site-logo"
28+
src="https://raw.githubusercontent.com/AgentFrameworkDev/brand/main/logos/logo.svg"
29+
alt="Agent Framework Dev Project Logo"
30+
width="120"
31+
height="120"
32+
>
33+
<hgroup>
34+
<h1 class="site-title">AgentFramework.dev</h1>
35+
<p class="site-tagline">Hands-on, instructor-led workshops for developers building AI agents.</p>
36+
</hgroup>
37+
</div>
38+
39+
<nav class="nav-primary" aria-label="Primary navigation">
40+
<a href="https://github.com/AgentFrameworkDev" target="_blank" rel="noopener noreferrer">GitHub</a>
41+
<a href="https://www.meetup.com/bostonazureai/" target="_blank" rel="noopener noreferrer">Meetup</a>
42+
<a href="https://github.com/AgentFrameworkDev/agent-framework-dev-day" target="_blank" rel="noopener noreferrer">Dev Day Repo</a>
43+
</nav>
44+
</header>
45+
46+
<main>
47+
<!-- Introduction -->
48+
<article class="card">
49+
<h2 class="hero__title">Agent Framework Dev Project</h2>
50+
<p class="hero__lead">
51+
The Agent Framework Dev Project is a community initiative delivering instructor-led, hands-on,
52+
developer-focused training for building AI agents using modern frameworks and tooling.
53+
</p>
54+
<p class="card__body">
55+
Our current lab and presentation materials focus on instructor-led lab material for Agent Framework Dev Days
56+
with labs, decks, and supporting assets. Some of our current choices:
57+
</p>
58+
<ul class="card__list">
59+
<li>Using Microsoft Agent Framework (open source, preview as of Oct 2025) for building AI Agents</li>
60+
<li>Using Microsoft Foundry platform for running AI Agents with observability, safety, and other enterprise-grade features</li>
61+
<li>Applying practical agent architectures, tools, and workflows, including human-in-the-loop</li>
62+
<li>Applying useful real-world patterns for building, evaluating, and operating AI agents</li>
63+
</ul>
64+
</article>
65+
66+
<!-- Memories -->
67+
<section class="card" aria-labelledby="memories-heading">
68+
<p class="card__label">Memories</p>
69+
<h2 id="memories-heading" class="card__title">16-Jan-2026 - Agent Framework Dev Day</h2>
70+
<p class="card__body">
71+
We burned more than <strong>3 million inference tokens</strong> during the day at Microsoft in Burlington!
72+
</p>
73+
<img
74+
class="memory-image"
75+
src="memories/2025-01-16/3milliontokens-dashboard.png"
76+
alt="Dashboard showing three million tokens used during labs"
77+
loading="lazy"
78+
>
79+
<p class="card__body">
80+
<strong>3008.03k tokens</strong> - A testament to the hands-on, intensive nature of our labs.
81+
</p>
82+
<img
83+
class="memory-image"
84+
src="memories/2025-01-16/underway.jpeg"
85+
alt="Event underway at Agent Framework Dev Day"
86+
loading="lazy"
87+
>
88+
</section>
89+
90+
<!-- Event Details -->
91+
<section class="card" aria-labelledby="event-heading">
92+
<p class="card__label">Upcoming Events</p>
93+
<h2 id="event-heading" class="card__title">Agent Framework Dev Day</h2>
94+
<dl class="card__body">
95+
<dt><strong>Date:</strong></dt>
96+
<dd>Friday, January 16, 2026</dd>
97+
<dt><strong>Time:</strong></dt>
98+
<dd>TBD</dd>
99+
<dt><strong>Location:</strong></dt>
100+
<dd>TBD</dd>
101+
<dt><strong>Hosted by:</strong></dt>
102+
<dd>Boston Azure AI</dd>
103+
</dl>
104+
<p class="card__body">
105+
<strong>Materials:</strong>
106+
<a href="https://github.com/AgentFrameworkDev/agent-framework-dev-day" target="_blank" rel="noopener noreferrer">Agent Framework Dev Day Repository</a>
107+
</p>
108+
<div class="cta-group">
109+
<a class="btn btn--primary" href="https://www.meetup.com/bostonazureai/events/" target="_blank" rel="noopener noreferrer">Register on Meetup (new events will appear here)</a>
110+
</div>
111+
</section>
112+
113+
<!-- Agenda -->
114+
<section class="card" aria-labelledby="agenda-heading">
115+
<p class="card__label">Agenda</p>
116+
<h2 id="agenda-heading" class="card__title">What we'll cover</h2>
117+
<p class="card__body">
118+
A full-day workshop broken into three parts:
119+
</p>
120+
<ul class="card__list">
121+
<li><strong>Part 1:</strong> Overview, first agent (lab0), OpenTelemetry, Safety, Hosted Agents</li>
122+
<li><strong>Part 2:</strong> RAG, Agentic RAG, MCP (Model Context Protocol)</li>
123+
<li><strong>Part 3:</strong> Workflows, MCP deep-dive</li>
124+
</ul>
125+
</section>
126+
127+
<!-- Presenters -->
128+
<section class="card" aria-labelledby="presenters-heading">
129+
<p class="card__label">Presenters</p>
130+
<h2 id="presenters-heading" class="card__title">Your instructors</h2>
131+
<ul class="card__list" id="instructor-list">
132+
<li><strong><a href="https://jasonhaley.com" target="_blank" rel="noopener noreferrer">Jason</a></strong></li>
133+
<li><strong><a href="https://udai.io" target="_blank" rel="noopener noreferrer">Udai</a></strong></li>
134+
<li><strong><a href="https://blog.codingoutloud.com" target="_blank" rel="noopener noreferrer">Bill</a></strong></li>
135+
</ul>
136+
</section>
137+
138+
<!-- Resources -->
139+
<section class="card" aria-labelledby="resources-heading">
140+
<p class="card__label">Resources</p>
141+
<h2 id="resources-heading" class="card__title">Labs and materials</h2>
142+
<p class="card__body">
143+
All labs are available in both .NET (C#) and Python:
144+
</p>
145+
<ul class="card__list">
146+
<li><a href="https://github.com/AgentFrameworkDev/agent-framework-dev-day" target="_blank" rel="noopener noreferrer">Lab Repository</a> - Hands-on exercises and code samples</li>
147+
<li><a href="https://github.com/AgentFrameworkDev" target="_blank" rel="noopener noreferrer">GitHub Organization</a> - All project repositories</li>
148+
<li><a href="https://www.meetup.com/bostonazureai/events/" target="_blank" rel="noopener noreferrer">Meetup Event Page</a> - Registration and updates (future events will be listed here)[...]</li>
149+
</ul>
150+
</section>
151+
152+
<!-- Experimental Tools -->
153+
<section class="card" aria-labelledby="experimental-heading">
154+
<p class="card__label">Experimental</p>
155+
<h2 id="experimental-heading" class="card__title">Experimental Tools</h2>
156+
<p class="card__body">
157+
Tools and utilities we're experimenting with:
158+
</p>
159+
<ul class="card__list">
160+
<li><a href="https://funwithvectors.com/" target="_blank" rel="noopener noreferrer">Fun with Vectors</a> - Interactive vector embeddings exploration tool</li>
161+
<li><a href="https://lively-smoke-07f2d200f.3.azurestaticapps.net/" target="_blank" rel="noopener noreferrer">Pragmatic Email Validator</a> - Experimental email validation tool</li>
162+
</ul>
163+
</section>
164+
165+
<!-- Community Partners -->
166+
<section class="card" aria-labelledby="partners-heading">
167+
<p class="card__label">Community Partners</p>
168+
<h2 id="partners-heading" class="card__title">Our Community Partners</h2>
169+
<p class="card__body">
170+
We're proud to collaborate with these amazing communities:
171+
</p>
172+
<div class="partner-grid">
173+
<article class="partner-card">
174+
<h3 class="partner-card__title">
175+
<a href="https://www.meetup.com/bostonazureai/" target="_blank" rel="noopener noreferrer">Boston Azure AI</a>
176+
</h3>
177+
<p class="partner-card__description">Meetup community focused on Azure AI technologies and developer education.</p>
178+
</article>
179+
<article class="partner-card">
180+
<h3 class="partner-card__title">
181+
<a href="https://www.meetup.com/nashuaug/" target="_blank" rel="noopener noreferrer">Nashua Cloud .NET User Group</a>
182+
</h3>
183+
<p class="partner-card__description">User group for cloud and .NET developers in the Nashua area.</p>
184+
</article>
185+
</div>
186+
</section>
187+
188+
<!-- Sponsors -->
189+
<section class="card" aria-labelledby="sponsors-heading">
190+
<p class="card__label">Sponsors</p>
191+
<h2 id="sponsors-heading" class="card__title">Our Sponsors</h2>
192+
<p class="card__body">
193+
We're grateful for the support of our sponsors who make these events possible:
194+
</p>
195+
<div class="sponsor-section">
196+
<a href="https://www.akumina.com/" target="_blank" rel="noopener noreferrer">
197+
<img
198+
class="sponsor-logo"
199+
src="https://www.akumina.com/application/themes/rawnet/app/images/interface/akumina_logo.png"
200+
alt="Akumina Logo"
201+
loading="lazy"
202+
>
203+
</a>
204+
</div>
205+
<p class="card__body sponsor-info">
206+
<strong><a href="https://www.akumina.com/" target="_blank" rel="noopener noreferrer">Akumina</a></strong> - Primary sponsor
207+
</p>
208+
</section>
209+
210+
<!-- Contact -->
211+
<section class="card" aria-labelledby="contact-heading">
212+
<p class="card__label">Contact</p>
213+
<h2 id="contact-heading" class="card__title">Get in touch</h2>
214+
<address class="contact-info">
215+
For general questions: <a href="mailto:info@agentframework.dev">info@agentframework.dev</a><br>
216+
For sponsorship inquiries: <a href="mailto:sponsors@agentframework.dev">sponsors@agentframework.dev</a>
217+
</address>
218+
</section>
219+
</main>
220+
221+
<footer class="site-footer">
222+
<div class="site-footer__links">
223+
<span>&copy; 2025-<span id="current-year"></span> Agent Framework Dev Project</span>
224+
<span class="site-footer__separator" aria-hidden="true">&bull;</span>
225+
<a href="https://github.com/AgentFrameworkDev" target="_blank" rel="noopener noreferrer">GitHub</a>
226+
<span class="site-footer__separator" aria-hidden="true">&bull;</span>
227+
<a href="https://www.meetup.com/bostonazureai/" target="_blank" rel="noopener noreferrer">Meetup</a>
228+
</div>
229+
<p class="site-footer__note">
230+
Built with plain HTML/CSS. <a href="https://github.com/AgentFrameworkDev/agentframework.dev" target="_blank" rel="noopener noreferrer">src</a>
231+
</p>
232+
</footer>
233+
</div>
234+
235+
<script src="main.js"></script>
236+
</body>
237+
</html>

0 commit comments

Comments
 (0)