Skip to content

Commit ecea616

Browse files
codingoutloudcodingoutloud
committed
Replace div with semantic hgroup element
1 parent c61a781 commit ecea616

File tree

1 file changed

+4
-237
lines changed

1 file changed

+4
-237
lines changed

‎index.html‎

Lines changed: 4 additions & 237 deletions
Original file line numberDiff line numberDiff line change
@@ -1,237 +1,4 @@
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-
<div>
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-
</div>
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>
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>

0 commit comments

Comments
 (0)