Presentation: English screenshots for the three demo slides

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Guido van Dijk
2026-09-21 11:52:17 +02:00
parent 1a0a7bedd2
commit 95d21e358a
11 changed files with 6 additions and 6 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

+3 -3
View File
@@ -12,9 +12,9 @@ ARTIFACT = "--artifact" in sys.argv
IMG = {
"logo": ("../images/logo-lex-wit.png", "/_blob/LEXWIT"),
"logocolour": ("../images/logo-lex.png", "/_blob/LEXCOLOUR"),
"rejected": ("../images/schoolnieuws-afgekeurd.jpg", "/_blob/REJECTED"),
"flow": ("../images/studiecoach-flow.jpg", "/_blob/FLOW"),
"teacher": ("../images/studiecoach-docent-antwoord.jpg", "/_blob/TEACHER"),
"rejected": ("../images/school-news-rejected.jpg", "/_blob/REJECTED"),
"flow": ("../images/study-coach-flow.jpg", "/_blob/FLOW"),
"teacher": ("../images/study-coach-teacher-answer.jpg", "/_blob/TEACHER"),
}
def img(name): return IMG[name][1 if ARTIFACT else 0]
OWNER = "Guido van Dijk, LeX Consultancy B.V."
Binary file not shown.
+1 -1
View File
@@ -1,7 +1,7 @@
<section id="demo07" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#D9480F">Demo · 5 minutes</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">A prompt asks, a gatekeeper enforces</h2>
<div style="display:flex; gap:40px; align-items:center">
<img src="../images/schoolnieuws-afgekeurd.jpg" alt="School news: message rejected with four reasons" style="width:1000px; height:540px; object-fit:contain; border-radius:12px; border:1px solid #D8D2C4; background:#FFFFFF">
<img src="../images/school-news-rejected.jpg" alt="School news: message rejected with four reasons" style="width:1000px; height:540px; object-fit:contain; border-radius:12px; border:1px solid #D8D2C4; background:#FFFFFF">
<div style="flex:1; display:flex; flex-direction:column; gap:16px">
<p style="font-size:27px; color:#3D4756; line-height:1.4">School news turns one message into a piece for the website, the parent app and social media. Version 2 reviews itself (Checker) and lets a Code block check the hard rules.</p>
<p style="font-size:27px; color:#3D4756; line-height:1.4">This message had no date and contained an abbreviation: rejected, with the reasons, to the communications officer.</p>
+1 -1
View File
@@ -1,7 +1,7 @@
<section id="demo08" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#D9480F">Demo · 8 minutes</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Study coach biology: four routes, one chat</h2>
<div style="display:flex; gap:40px; align-items:center">
<img src="../images/studiecoach-flow.jpg" alt="The Chatflow of the Study coach with four routes" style="width:1060px; height:560px; object-fit:contain; border-radius:12px; border:1px solid #D8D2C4; background:#FFFFFF">
<img src="../images/study-coach-flow.jpg" alt="The Chatflow of the Study coach with four routes" style="width:1060px; height:560px; object-fit:contain; border-radius:12px; border:1px solid #D8D2C4; background:#FFFFFF">
<div style="flex:1; display:flex; flex-direction:column; gap:14px">
<ul style="font-size:27px; color:#3D4756; line-height:1.5"><li><b>Concept question</b>: explanation from the booklet, with a check question</li><li><b>Homework question</b>: no answer, but a hint</li><li><b>Planning question</b>: date and material from the study planner</li><li><b>Personal</b>: to the teacher, by email</li></ul>
<p style="font-size:25px; color:#6B7280; line-height:1.4">Learning material: a fictional booklet plus an open educational resource (CC BY).</p>
+1 -1
View File
@@ -5,7 +5,7 @@
<p style="font-size:29px; color:#3D4756; line-height:1.4">"I don't get any of it and everyone laughs at me." No model should answer that. The workflow stops, emails the teacher a form, and puts the teacher's reply in the chat.</p>
<ul style="font-size:27px; color:#3D4756; line-height:1.5"><li>The student immediately gets an honest message and a helpline</li><li>The teacher replies in their own words</li><li>After three days without a reply: a safety-net message</li></ul>
</div>
<img src="../images/studiecoach-docent-antwoord.jpg" alt="The chat shows Passed on and then the teacher's message" style="width:820px; height:520px; object-fit:contain; border-radius:12px; border:1px solid #D8D2C4; background:#FFFFFF">
<img src="../images/study-coach-teacher-answer.jpg" alt="The chat shows Passed on and then the teacher's message" style="width:820px; height:520px; object-fit:contain; border-radius:12px; border:1px solid #D8D2C4; background:#FFFFFF">
</div>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents with Dify · LeX Consultancy · CC BY-SA 4.0</p><img src="../images/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">