Guido van Dijk
14 lines
1.7 KiB
HTML
14 lines
1.7 KiB
HTML
<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/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>
|
|
</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>Point: the Social prompt asked to follow the style guide and still the abbreviation slipped through. Code cannot be talked into anything.</aside>
|
|
</section>
|