<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Does the EU AI Act apply to you? — 2-minute check</title>
<meta name="description" content="Free 2-minute check: find out if the EU AI Act applies to your business, and what your minimal to-do list is before 2 August 2026.">
<style>
:root{--navy:#0D1326;--card:#161E38;--gold:#D4AF37;--white:#FFFFFF;--mute:#9AA3BF;--green:#6FCF97;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;}
.wrap{width:100%;max-width:640px;display:flex;flex-direction:column;flex:1;}
header{text-align:center;margin-bottom:20px;}
header h1{font-size:1.5rem;line-height:1.3;margin-bottom:6px;}
header p{color:var(--gold);font-size:.95rem;}
.progress{display:flex;gap:6px;margin:14px 0 22px;}
.progress span{flex:1;height:6px;border-radius:3px;background:var(--card);transition:background .3s;}
.progress span.done{background:var(--gold);}
.card{background:var(--card);border-radius:14px;padding:26px 22px;animation:fade .35s ease;}
@keyframes fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.qnum{color:var(--mute);font-size:.85rem;margin-bottom:10px;}
.qtext{font-size:1.2rem;line-height:1.45;margin-bottom:8px;font-weight:bold;}
.qhint{color:var(--mute);font-size:.95rem;line-height:1.45;margin-bottom:22px;}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;}
button{cursor:pointer;border:none;border-radius:10px;font-size:1.05rem;padding:15px 26px;flex:1;min-width:120px;font-family:inherit;}
button:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.yes{background:var(--gold);color:var(--navy);font-weight:bold;}
.no{background:transparent;color:var(--white);border:2px solid var(--mute);}
.yes:hover{filter:brightness(1.1);} .no:hover{border-color:var(--white);}
.result h2{font-size:1.35rem;line-height:1.35;margin-bottom:14px;color:var(--gold);}
.result ul{list-style:none;margin:0 0 18px;}
.result li{padding:9px 0 9px 28px;position:relative;line-height:1.45;font-size:1rem;}
.result li::before{content:"→";position:absolute;left:0;color:var(--gold);font-weight:bold;}
.deadline{background:var(--navy);border:1px solid var(--gold);border-radius:10px;padding:12px 16px;text-align:center;margin-bottom:20px;font-size:1rem;}
.deadline strong{color:var(--gold);}
.cta{display:block;text-align:center;background:var(--gold);color:var(--navy);font-weight:bold;font-size:1.05rem;text-decoration:none;border-radius:10px;padding:16px 20px;margin-bottom:12px;}
.cta:hover{filter:brightness(1.1);}
.cta2{display:block;text-align:center;color:var(--white);font-size:.95rem;text-decoration:underline;margin-bottom:18px;}
.restart{background:transparent;border:2px solid var(--mute);color:var(--mute);width:100%;font-size:.95rem;padding:12px;}
.restart:hover{color:var(--white);border-color:var(--white);}
footer{margin-top:26px;text-align:center;color:var(--mute);font-size:.8rem;line-height:1.5;max-width:640px;}
</style>
</head>
<body>
<div class="wrap">
<header>
<h1>Does the EU AI Act apply to you?</h1>
<p>The 2-minute check — plain language, no legal jargon</p>
</header>
<div class="progress" id="progress" aria-hidden="true"></div>
<div id="app"></div>
</div>
<footer>
By Aleš Frelih, author of <em>AI 4 Act Simple</em>.<br>
For informational purposes only — not legal advice.
</footer>
<script>
(function(){
var app = document.getElementById('app');
var progress = document.getElementById('progress');
var BOOK = "https://frelih.gumroad.com/l/pzqly";
var KIT = "https://frelih.gumroad.com/l/jprtb";
var questions = [
{ key:"usesAI",
q:"Do you or your team use ANY AI tools at work?",
hint:"ChatGPT, Microsoft Copilot, Gemini, Grammarly, DeepL, Midjourney — or AI features hidden inside other software (CRM suggestions, auto-summaries, chatbots)." },
{ key:"banned",
q:"Does your AI use fall into a banned category?",
hint:"Social scoring of people, emotion recognition of employees at work, or AI designed to manipulate people against their interest. Most businesses honestly answer no." },
{ key:"decisions",
q:"Does AI help make decisions about people?",
hint:"Hiring or firing, ranking job applicants, credit or insurance decisions, or access to education. \"Helps decide\" counts — even if a human clicks the final button." },
{ key:"talks",
q:"Does your AI talk to customers or create published content?",
hint:"Customer-facing chatbots, AI-written articles or marketing you publish, AI-generated images used commercially." }
];
var answers = {};
var step = 0;
function renderProgress(n){
progress.innerHTML = "";
for (var i=0;i<questions.length;i++){
var s = document.createElement('span');
if (i<n) s.className="done";
progress.appendChild(s);
}
}
function ask(n){
step = n;
renderProgress(n);
var item = questions[n];
app.innerHTML =
'<div class="card" role="group" aria-labelledby="qt">' +
'<div class="qnum">Question '+(n+1)+' of '+questions.length+'</div>' +
'<div class="qtext" id="qt">'+item.q+'</div>' +
'<div class="qhint">'+item.hint+'</div>' +
'<div class="btnrow">' +
'<button class="yes" id="yBtn">Yes</button>' +
'<button class="no" id="nBtn">No</button>' +
'</div></div>';
document.getElementById('yBtn').onclick = function(){ answer(true); };
document.getElementById('nBtn').onclick = function(){ answer(false); };
document.getElementById('yBtn').focus();
}
function answer(val){
answers[questions[step].key] = val;
if (step===0 && !val) return show('A');
if (step===1 && val) return show('E');
if (step < questions.length-1) return ask(step+1);
if (answers.decisions) return show('D');
if (answers.talks) return show('C');
return show('B');
}
var results = {
A: { h:"The AI Act barely touches you — for now.",
items:[
"With no AI use at work, you have no current obligations under the Act.",
"But AI is creeping into ordinary software — recheck whenever you adopt a new tool.",
"If you plan to start using AI, learn the basics first — it is cheaper than retrofitting compliance."
]},
B: { h:"The Act applies to you — but your to-do list is short.",
items:[
"Article 4 applies: staff who use AI need documented AI literacy training.",
"Keep a simple inventory of the AI tools your team uses.",
"Set basic rules: what data must never go into public AI tools.",
"Document it — signed training records are your evidence."
]},
C: { h:"The Act applies — literacy duty + transparency duty.",
items:[
"Article 4: staff AI literacy training, documented.",
"Article 50: disclose AI to your audience — label AI content, make chatbots identify as AI.",
"Keep an inventory of your AI tools and what they touch.",
"A one-page policy covers most of this — it is genuinely an afternoon of work."
]},
D: { h:"Careful — you are in (or near) high-risk territory.",
items:[
"AI that influences decisions about people (hiring, credit, education) faces the Act's strictest rules.",
"You need documentation, human oversight, and possibly professional advice for that specific use.",
"Often the safer move: keep a human making the final decision, with AI only assisting.",
"Article 4 literacy training applies to your whole team regardless."
]},
E: { h:"Stop — that use is banned outright.",
items:[
"Social scoring, workplace emotion recognition and manipulative AI are prohibited — no compliance path exists for them.",
"Discontinue that specific use now; the rest of your AI use follows the normal rules.",
"Re-run this check afterwards to see your remaining obligations."
]}
};
function show(code){
renderProgress(questions.length);
var r = results[code];
var lis = "";
for (var i=0;i<r.items.length;i++) lis += "<li>"+r.items[i]+"</li>";
app.innerHTML =
'<div class="card result">' +
'<h2>'+r.h+'</h2>' +
'<ul>'+lis+'</ul>' +
'<div class="deadline">Key date: <strong>2 August 2026</strong> — the enforcement milestone to be ready for.</div>' +
'<a class="cta" href="'+BOOK+'" target="_blank" rel="noopener">Get the plain-language handbook + toolkit (€35)</a>' +
'<a class="cta2" href="'+KIT+'" target="_blank" rel="noopener">Just need Article 4 training? The Rapid Kit — done in one afternoon (€49)</a>' +
'<button class="restart" id="rBtn">↺ Start the check again</button>' +
'</div>';
document.getElementById('rBtn').onclick = function(){ answers={}; ask(0); };
}
ask(0);
})();
</script>
</body>
</html>
Ales Frelih 