Guido van Dijk
18 lines
2.0 KiB
HTML
18 lines
2.0 KiB
HTML
<section id="demo01" 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 · 3 minuten</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Tekst op niveau</h2>
|
|
<div style="display:flex; gap:48px">
|
|
<div style="flex:1; display:flex; flex-direction:column; gap:20px">
|
|
<p style="font-size:30px; color:#3D4756; line-height:1.4">Plak een tekst, kies een niveau (groep 7, brugklas, 3 havo, 5 vwo), en krijg een herschreven versie plus drie begripsvragen.</p>
|
|
<ul style="font-size:28px; color:#3D4756; line-height:1.5"><li>Twee LLM-stappen achter elkaar: herschrijven, dan vragen maken</li><li>De tweede stap werkt met wat de eerste maakte</li><li>Gepubliceerd als webapp: link delen, klaar</li></ul>
|
|
</div>
|
|
<div style="width:640px; display:flex; flex-direction:column; gap:20px; background:#EFEAE0; padding:36px; border-radius:16px; border:1px solid #D8D2C4">
|
|
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#2563EB">Interactie · roep het maar</p>
|
|
<p style="font-family:'Rubik', Arial, sans-serif; font-size:40px; font-weight:600; color:#1E2A3A; line-height:1.2">Welk patroon is dit?</p>
|
|
<p style="font-size:28px; color:#3D4756; line-height:1.4">En: wat gebeurt er als ik een tekst met een leerlingnaam plak?</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p>
|
|
<aside>Live demo op udify.app/workflow/eINp9Jdd6ICodDZF. Antwoord: patroon 1, ook al zijn het twee stappen; jij bepaalt de volgorde. De naam-vraag leidt naar de checklist eigen materiaal.</aside>
|
|
</section>
|