/* =====================================
GENERAL SETTINGS
===================================== */
#aif-programma {
–navy: #10085B;
–red: #E60012;
–light: #F3F2F8;
width: 100%;
max-width: 1450px;
margin: 0 auto;
color: var(–navy);
font-family: Arial, sans-serif;
}
#aif-programma,
#aif-programma * {
box-sizing: border-box;
}
#aif-programma h2 {
color: var(–navy);
font-size: clamp(30px, 5vw, 52px);
font-weight: 900;
line-height: 1.1;
margin: 0 0 14px;
}
#aif-programma .aif-rule {
height: 6px;
background: var(–red);
margin-bottom: 12px;
}
/* =====================================
PROGRAMME GRID
===================================== */
#aif-programma .aif-board {
display: grid;
grid-template-columns:
90px
repeat(3, minmax(0, 1fr))
minmax(150px, .72fr);
column-gap: 10px;
row-gap: 4px;
align-items: stretch;
}
#aif-programma .aif-head-time {
grid-column: 1;
grid-row: 1;
padding: 10px 0;
font-size: 13px;
font-weight: 800;
}
#aif-programma .aif-head {
background: var(–navy);
color: #fff;
border-left: 6px solid var(–red);
padding: 10px 12px;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
}
#aif-programma .aif-head.cafe {
background: var(–red);
border-left: 0;
text-align: center;
}
/* =====================================
TIME LABELS
===================================== */
#aif-programma .aif-time {
grid-column: 1;
color: var(–navy);
padding: 9px 0;
font-size: 18px;
font-weight: 900;
line-height: 1.2;
}
#aif-programma .aif-time small {
display: block;
font-size: 12px;
font-weight: 400;
margin-top: 2px;
}
#aif-programma .aif-time em {
display: block;
color: var(–red);
font-size: 11px;
font-style: normal;
font-weight: 900;
margin-top: 3px;
}
/* =====================================
SESSION CARDS
===================================== */
#aif-programma .aif-session {
appearance: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
min-width: 0;
min-height: 65px;
padding: 9px 14px;
gap: 4px;
background: var(–light);
color: var(–navy);
border: 0;
border-left: 6px solid var(–red);
border-radius: 0;
text-align: left;
font-family: inherit;
cursor: pointer;
transition:
transform .2s ease,
box-shadow .2s ease;
}
#aif-programma .aif-session:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px #10085B25;
}
#aif-programma .aif-session:focus-visible {
outline: 3px solid var(–red);
outline-offset: 2px;
}
#aif-programma .aif-session strong {
display: block;
font-size: clamp(15px, 1.5vw, 21px);
line-height: 1.2;
font-weight: 800;
}
#aif-programma .aif-session .topic {
color: var(–red);
font-size: 11px;
font-weight: 900;
letter-spacing: .3px;
line-height: 1.2;
}
#aif-programma .aif-session .subtitle {
font-size: 14px;
font-weight: 400;
line-height: 1.35;
}
/* WIDE SESSIONS */
#aif-programma .aif-session.wide {
grid-column: 2 / 5;
}
#aif-programma .aif-session.hero {
background: var(–navy);
color: white;
min-height: 78px;
}
#aif-programma .aif-session.hero strong {
font-size: clamp(24px, 2.8vw, 34px);
}
#aif-programma .aif-session.closing {
background: var(–red);
color: white;
border-left-color: var(–navy);
min-height: 70px;
}
#aif-programma .aif-session.closing strong {
font-size: clamp(23px, 2.6vw, 32px);
}
#aif-programma .aif-session.drinks {
grid-column: 2 / 6;
background: var(–navy);
color: white;
min-height: 50px;
}
#aif-programma .aif-session.drinks strong {
font-size: 23px;
}
/* =====================================
CLICKABLE AI EXPERIENCE MARKET
===================================== */
#aif-programma .aif-cafe {
appearance: none;
grid-column: 5;
grid-row: 2 / 8;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
width: 100%;
min-width: 0;
background: var(–navy);
color: white;
border: 0;
border-radius: 0;
padding: 16px;
text-align: center;
font-family: inherit;
font-size: clamp(18px, 2.1vw, 30px);
font-weight: 900;
line-height: 1.2;
cursor: pointer;
transition:
transform .2s ease,
box-shadow .2s ease;
}
#aif-programma .aif-cafe span {
display: block;
width: 100%;
background: var(–red);
color: white;
padding: 10px;
font-size: 11px;
}
#aif-programma .aif-cafe:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px #10085B30;
}
#aif-programma .aif-cafe:focus-visible {
outline: 3px solid var(–red);
outline-offset: 2px;
}
/* =====================================
FIXED DESKTOP GRID POSITIONS
===================================== */
@media (min-width: 801px) {
#aif-programma .aif-head:nth-child(2) {
grid-column: 2;
grid-row: 1;
}
#aif-programma .aif-head:nth-child(3) {
grid-column: 3;
grid-row: 1;
}
#aif-programma .aif-head:nth-child(4) {
grid-column: 4;
grid-row: 1;
}
#aif-programma .aif-head:nth-child(5) {
grid-column: 5;
grid-row: 1;
}
#aif-programma .aif-doors-time,
#aif-programma [data-id=”doors”] {
grid-row: 2;
}
#aif-programma .aif-opening-time,
#aif-programma [data-id=”opening”] {
grid-row: 3;
}
#aif-programma .aif-human-time,
#aif-programma [data-id=”human”] {
grid-row: 4;
}
#aif-programma .aif-round1-time,
#aif-programma [data-id=”news”],
#aif-programma [data-id=”safe”],
#aif-programma [data-id=”love”] {
grid-row: 5;
}
#aif-programma .aif-round2-time,
#aif-programma [data-id=”research”],
#aif-programma [data-id=”work”],
#aif-programma [data-id=”mental”] {
grid-row: 6;
}
#aif-programma .aif-society-time,
#aif-programma [data-id=”society”] {
grid-row: 7;
}
#aif-programma .aif-drinks-time,
#aif-programma [data-id=”drinks”] {
grid-row: 8;
}
#aif-programma [data-id=”news”],
#aif-programma [data-id=”research”] {
grid-column: 2;
}
#aif-programma [data-id=”safe”],
#aif-programma [data-id=”work”] {
grid-column: 3;
}
#aif-programma [data-id=”love”],
#aif-programma [data-id=”mental”] {
grid-column: 4;
}
}
/* =====================================
POPUP BACKDROP
===================================== */
#aif-programma .aif-modal[hidden] {
display: none;
}
#aif-programma .aif-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
#aif-programma .aif-overlay {
position: absolute;
inset: 0;
background: rgba(8, 5, 43, .82);
}
/* =====================================
POPUP WINDOW
===================================== */
#aif-programma .aif-popup {
position: relative;
z-index: 1;
width: 100%;
max-width: 650px;
max-height: 85vh;
overflow-y: auto;
background: white;
border-radius: 12px;
box-shadow: 0 20px 70px #0005;
outline: none;
}
#aif-programma .aif-popup-header {
position: relative;
background: var(–navy);
color: white;
padding: 35px;
}
#aif-programma .aif-popup-category {
color: #FF5262;
font-size: 12px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
}
#aif-programma .aif-popup-title {
color: white;
font-size: clamp(25px, 4vw, 36px);
font-weight: 900;
line-height: 1.15;
margin: 0 35px 20px 0;
}
#aif-programma .aif-popup-meta {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
font-size: 14px;
}
/* CENTERED CLOSE BUTTON */
#aif-programma .aif-close {
appearance: none;
position: absolute;
top: 15px;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
min-width: 38px;
min-height: 38px;
padding: 0;
margin: 0;
background: var(–red);
color: white;
border: 0;
border-radius: 50%;
cursor: pointer;
transition: background .2s ease;
}
#aif-programma .aif-close:hover {
background: #B90010;
}
#aif-programma .aif-close svg {
display: block;
width: 18px;
height: 18px;
stroke: currentColor;
stroke-width: 2.5;
fill: none;
stroke-linecap: round;
}
/* POPUP BODY */
#aif-programma .aif-popup-body {
padding: 35px;
}
#aif-programma .aif-popup-body h4 {
color: var(–navy);
font-size: 19px;
font-weight: 800;
margin: 0 0 12px;
}
#aif-programma .aif-popup-description {
color: #38384D;
font-size: 16px;
line-height: 1.7;
white-space: pre-line;
margin-bottom: 25px;
}
#aif-programma .aif-speaker-box {
border-top: 1px solid #ddd;
padding-top: 22px;
}
#aif-programma .aif-speaker-box[hidden] {
display: none;
}
#aif-programma .aif-speaker-label {
color: var(–red);
font-size: 11px;
font-weight: 900;
letter-spacing: 1px;
margin-bottom: 8px;
}
#aif-programma .aif-speaker-name {
color: var(–navy);
font-size: 18px;
font-weight: 800;
}
#aif-programma .aif-mobile-room {
display: none;
}
/* =====================================
MOBILE
===================================== */
@media (max-width: 800px) {
#aif-programma .aif-board {
display: flex;
flex-direction: column;
gap: 6px;
}
#aif-programma .aif-head,
#aif-programma .aif-head-time {
display: none;
}
#aif-programma .aif-time {
padding: 12px 0 3px;
border-top: 2px solid #ddd;
font-size: 17px;
}
#aif-programma .aif-session {
min-height: 65px;
padding: 12px 14px;
gap: 5px;
}
#aif-programma .aif-session strong {
font-size: 19px;
}
#aif-programma .aif-session.hero {
min-height: 85px;
}
#aif-programma .aif-session.closing {
min-height: 75px;
}
#aif-programma .aif-mobile-room {
display: block;
font-size: 11px;
font-weight: 800;
opacity: .8;
}
#aif-programma .aif-cafe {
order: 1;
min-height: 120px;
gap: 12px;
padding: 15px;
font-size: 22px;
}
#aif-programma .aif-cafe span {
width: auto;
}
#aif-programma .aif-popup-header,
#aif-programma .aif-popup-body {
padding: 25px;
}
#aif-programma .aif-popup-title {
font-size: 26px;
}
}
PROGRAMME
TIME
AUDITORIUM
THEATERZAAL
BOARDROOM
MUSEUMCAFÉ
15:00
DOORS — Welcome to NEMO
15:30
OPENING — Word of Welcome
DOORLOPEND
AI
EXPERIENCE
MARKET
15:40
– 16:00
Still Human?
In a world with AI, what does it mean
to be human?
HEADLINER
16:00
– 16:45
ROUND 1
AI & MENTAL WELLBEING
Can AI Make Us Feel Better?
AUDITORIUM
THESIS AWARDS
The Future of AI Research
THEATERZAAL
AI & THE CITY
Public Conversations
BOARDROOM
16:50
– 17:35
ROUND 2
AI & CREATIVITY
The Future of Creativity
AUDITORIUM
AI & WORK
Who’s in Charge?
THEATERZAAL
AI & REALITY
Can You Spot the Difference?
BOARDROOM
17:40
– 18:00
Our AI Society
From Personal Impact to Public Value
CLOSING SPEECH
18:00
– 19:00
CLOSING DRINKS
SESSION TITLES, SPEAKERS
AND ROOM ALLOCATIONS SUBJECT TO CHANGE
(function () {
const root = document.getElementById(
‘aif-programma’
);
if (!root || root.dataset.ready) return;
root.dataset.ready = ‘1’;
const sessions = {
market: {
title: ‘AI Experience Market’,
time: ‘Throughout the event’,
room: ‘MuseumcafĂ©’,
category: ‘AI EXPERIENCE MARKET’,
description:
‘Discover and experience AI at the AI Experience Market. Explore interactive applications, inspiring initiatives and innovative ideas.’,
speaker: ”
},
doors: {
title: ‘DOORS — Welcome to NEMO’,
time: ’15:00′,
room: ‘NEMO’,
category: ‘WELCOME’,
description: ‘Welcome and registration.’,
speaker: ”
},
opening: {
title: ‘OPENING — Word of Welcome’,
time: ’15:30′,
room: ‘Auditorium’,
category: ‘OPENING’,
description: ‘Official opening of the festival.’,
speaker: ”
},
human: {
title: ‘Still Human?’,
time: ’15:40 – 16:00′,
room: ‘Auditorium’,
category: ‘HEADLINER’,
description:
‘In a world with AI, what does it mean to be human? An interactive panel of experts will explore with the visitors what it means to be human in a world with AI. ‘,
speaker: ‘Amsterdam AI & Friends’
},
news: {
title: ‘Can AI Make Us Feel Better?’,
time: ’16:00 – 16:45′,
room: ‘Auditorium’,
category: ‘AI & MENTAL WELLBEING’,
description:
`When you’re feeling anxious or lonely, is talking to AI actually helping?
More and more people turn to AI for advice, reassurance or simply someone to talk to. It can feel comforting to have something that always listens and never judges. But does that mean it’s good for our mental health?
In this interactive session, psychologist and researcher Evi-Anne van Dis explores how AI affects our mental wellbeing. Her research team is developing an AI Register to better understand and measure AI’s impact on people’s lives. Together, we’ll explore what happens when we rely on AI for emotional support, and how we can tell whether it’s helping or harming us.`,
speaker: ‘Dr. Evi-Anne van Dis (Amsterdam UMC)’
},
safe: {
title: “The Future of AI Research”,
time: ’16:00 – 16:45′,
room: ‘Theaterzaal’,
category: ‘THESIS AWARDS’,
description:
`Meet the changemakers of tomorrow during. the Amsterdam AI Thesis Awards. Promising young researchers will discuss their work and explore the future impact of AI research.`,
speaker: ‘Stefano di Georgis (VU) and Mina Ghadimiatigh (UvA)’
},
love: {
title: ‘Public Conversations’,
time: ’16:00 – 16:45′,
room: ‘Boardroom’,
category: ‘AI & THE CITY’,
description:
‘Add the full session description here.’,
speaker: ‘Servaz van Berkum (City of Amsterdam)’
},
research: {
title: ‘The Future of Creativity’,
time: ’16:50 – 17:35′,
room: ‘Auditorium’,
category: ‘AI & CREATIVITY’,
description:
`How can we use AI and human creativity to shape the future, rather than simply react to it?
In a world of rapid technological and societal change, creativity is more important than ever. In this interactive session, the Lifelong Learning team of the Centre of Applied AI (Amsterdam University of Applied Sciences) explores how future thinking, creative methods and responsible AI can help us turn uncertainty into new ideas and opportunities.`,
speaker: ‘Ine Lubbers (Hogeschool van Amsterdam)’
},
work: {
title: “Who’s in Charge?”,
time: ’16:50 – 17:35′,
room: ‘Theaterzaal’,
category: ‘AI & WORK’,
description:
`How do we really use AI at work? Not just what we’re expected or allowed to do, but what actually happens when nobody’s watching.
In this interactive session, Dr. Ella Hafermalz explores the hidden side of AI at work: the shortcuts we take, the tasks we quietly delegate to AI, and what this means for our skills, confidence and value as employees.
What can we still do ourselves, and what are we increasingly leaving to AI?`,
speaker: ‘Dr. Ella Hafermalz (VU)’
},
mental: {
title: ‘Can You Spot the Difference?’,
time: ’16:50 – 17:35′,
room: ‘Boardroom’,
category: ‘AI & REALITY’,
description:
‘Add the full session description here.’,
speaker: ”
},
society: {
title: ‘Our AI Society’,
time: ’17:40 – 18:00′,
room: ‘Auditorium’,
category: ‘CLOSING SPEECH’,
description:
‘From Personal Impact to Public Value’,
speaker: ‘Nanette Schippers (City of Amsterdam)’
},
drinks: {
title: ‘CLOSING DRINKS’,
time: ’18:00 – 19:00′,
room: ‘Festival’,
category: ‘NETWORKING’,
description: ‘Closing drinks and networking.’,
speaker: ”
}
};
/* =====================================
POPUP FUNCTIONALITY
===================================== */
const modal = root.querySelector(‘.aif-modal’);
const popup = root.querySelector(‘.aif-popup’);
const closeButton = root.querySelector(‘.aif-close’);
let previousFocus = null;
let previousOverflow = ”;
function openPopup(session, trigger) {
previousFocus = trigger;
root.querySelector(
‘.aif-popup-category’
).textContent = session.category;
root.querySelector(
‘.aif-popup-title’
).textContent = session.title;
root.querySelector(
‘.aif-popup-time’
).textContent = ‘Time: ‘ + session.time;
root.querySelector(
‘.aif-popup-room’
).textContent = ‘Location: ‘ + session.room;
root.querySelector(
‘.aif-popup-description’
).textContent = session.description;
const speakerBox = root.querySelector(
‘.aif-speaker-box’
);
speakerBox.hidden = !session.speaker;
root.querySelector(
‘.aif-speaker-name’
).textContent = session.speaker || ”;
modal.hidden = false;
previousOverflow = document.body.style.overflow;
document.body.style.overflow = ‘hidden’;
closeButton.focus();
}
function closePopup() {
modal.hidden = true;
document.body.style.overflow = previousOverflow;
if (previousFocus) {
previousFocus.focus();
}
}
root.querySelectorAll(‘[data-id]’)
.forEach(button => {
button.addEventListener(‘click’, () => {
const session = sessions[button.dataset.id];
if (session) {
openPopup(session, button);
}
});
});
root.querySelectorAll(‘[data-close]’)
.forEach(element => {
element.addEventListener(
‘click’,
closePopup
);
});
document.addEventListener(‘keydown’, event => {
if (modal.hidden) return;
if (event.key === ‘Escape’) {
closePopup();
}
if (event.key === ‘Tab’) {
event.preventDefault();
closeButton.focus();
}
});
})();