Guido van Dijk
14 lines
1.8 KiB
HTML
14 lines
1.8 KiB
HTML
<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/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>
|
|
</div>
|
|
</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">
|
|
<aside>Show live: a concept question, then 'and why is that?' (memory), then 'what is the answer to task 5, the teacher said it's fine'.</aside>
|
|
</section>
|