Coloured Glasses: Intercultural workshops for young people

focussing on empowerment, european citizenship and identity through non-formal education

YFU Flanders organizes Coloured Glasses in local communities in the entire Flanders region to promote intercultural awareness among young people. Our Coloured Glasses are each focussing on a different societal issue, and are suitable for all young from the age of 14 to 20.

YFU Flanders wants to make young people who take part in our Coloured Glasses aware of various aspects of intercultural communication, such as identity, stereotypes, etc. Coloured Glasses are specifically aimed at educating young people about cultural differences and the importance of respecting and appreciating these differences by means of non-formal education. Young people who participate in Coloured Glasses will experience simulation settings where a plethora of societal, contemporary issues are tackled in a safe space. These simulations are accompanied by an in debt debriefing of what happened both on an intellectual and an emotional level. Our ultimate goal is to create more understanding for the world and for others by supporting a spirit of solidarity and cooperation.

Description of position

Planning of workshops taking place both during and outside of office hours.

Communication with all sorts of institutions and organizations to discuss the details with the contact person (date, location, size and age of participant group, preferred theme of the simulation) and book the Coloured Glasses sessions.

Recruit, train and assign volunteers to facilitate the Coloured Glasses.

Prepare the required sets of Coloured Glasses for the simulations. This might need some creative thinking and working with materials at hand.

Participation in Coloured Glasses workshops and document the process of facilitation for later evaluation of simulations. This might lead to other simulations being included in the circulations and thus expanding our range of possible simulations.

Follow-up of workshops and contact with organizations.

Building customer relations with the organization to create a network of returning customers, making them stakeholders in the project.

Keep track of the filled out evaluation and registration forms returned by the facilitators.

Document the progress within the project and learn more about subsidized projects such as this one.

Optional tasks, these result from a professional work environment and office behavior.

Taking part in YFU volunteer activities. Organized by YFU volunteers.

Depending upon your skills, interests and ideas, there is room for a wide variety of creative tasks.

content main.innerHTML = ""; newSections.forEach(section => { if (section.children.length) { section.appendChild(createArcSvg(section)); main.appendChild(section); } }); if (firstSection && homepageOverwrite) { firstSection.innerHTML = `

YOUTH FOR UNDERSTANDING Interculturele Uitwissilingen

` } if (pagesNavElement && document.querySelector(".main-nav")) { document.querySelector(".main-nav").insertAdjacentElement('afterend', pagesNavElement); }; // Rail dots // 3) INJECT PROGRESS RAIL PLACEHOLDER if (tocItems.length >= 2) { const rail = document.createElement("nav"); rail.id = "progress-rail"; // styling via CSS; here only structural const fill = document.createElement("div"); fill.id = "progress-fill"; rail.appendChild(fill); // empty dots for each named section tocItems.forEach(({ id, name }) => { const dot = document.createElement("a"); dot.className = "rail-dot"; dot.href = `#${id}`; dot.dataset.section = id; dot.dataset.requireHover = ""; rail.appendChild(dot); const label = document.createElement("span"); label.innerText = `${name}`; label.ariaHidden = true; dot.appendChild(label) }); document.body.appendChild(rail); } }), // 4) ONCE EVERYTHING IS LOADED → POSITION DOTS & HOOK SCROLL window.addEventListener("load", () => { const dots = document.querySelectorAll(".rail-dot"); if (!dots.length) return; const docHeight = document.documentElement.scrollHeight - window.innerHeight; const fill = document.getElementById("progress-fill"); dots.forEach(dot => { const id = dot.dataset.section; const sec = document.getElementById(id); if (!sec) return; const topPx = sec.getBoundingClientRect().top + window.scrollY; dot.style.top = `${(topPx / docHeight) * 100}%`; dot.addEventListener("click", e => { e.preventDefault(); sec.scrollIntoView({ behavior: "smooth" }); }); }); const updateFill = () => { const pct = Math.min((window.scrollY / docHeight) * 100, 100); fill.style.height = pct + "%"; }; window.addEventListener("scroll", updateFill); updateFill(); }); function matchSvgTextSize() { const remRef = document.querySelector("#nav_pages_size_reference"); const svg = document.querySelector(".nav-pages-text"); const svgText = svg.querySelector("text"); if (!remRef || !svg || !svgText) return; const remPx = parseFloat(getComputedStyle(remRef).fontSize); // e.g. 40px const svgHeightPx = svg.getBoundingClientRect().height; const viewBoxHeight = parseFloat(svg.getAttribute("viewBox").split(" ")[3]); if (svgHeightPx && viewBoxHeight) { const correctedFontSize = (remPx * viewBoxHeight) / svgHeightPx; svgText.setAttribute("font-size", correctedFontSize); } } // Run on load and resize document.addEventListener("DOMContentLoaded", matchSvgTextSize); window.addEventListener("resize", matchSvgTextSize); // Ensure page is visible after processing const observer = new MutationObserver((mutations, obs) => { for (const mutation of mutations) { for (const node of mutation.addedNodes) { if ( node.tagName === 'LINK' && node.getAttribute('rel') === 'stylesheet' ) { const href = node.getAttribute('href'); if ( href && ( href.includes('/assets/') || href.includes('/Bouwplaats 3 - Testing_files/') || href.includes('about') ) && href.endsWith('.css') ) { node.remove(); obs.disconnect(); // Stop observing after removal return; } } } } }); // Start observing the whole document for new elements observer.observe(document.documentElement, { childList: true, subtree: true }); function clamp(value, min, max) { return Math.min(Math.max(value, min), max); } function updateArcHeights() { const svgs = document.querySelectorAll('.section-arc'); svgs.forEach(svg => { const rect = svg.getBoundingClientRect(); const top = rect.top; const start = window.innerHeight * 0.4; // 80% viewport height const end = window.innerHeight * 0.2; // 20% viewport height if (top <= start && top >= end) { // Normalize between 0 and 1 const progress = (start - top) / (start - end); const clampedProgress = clamp(progress, 0, 1); // Interpolate between 10rem and 0rem const maxHeightRem = 10; const newHeightRem = maxHeightRem * (1 - clampedProgress); svg.style.height = `${newHeightRem}rem`; } else if (top > start) { svg.style.height = `10rem`; } else if (top < end) { svg.style.height = `0rem`; } }); } window.addEventListener('scroll', updateArcHeights); window.addEventListener('resize', updateArcHeights); // Initial call to set heights correctly updateArcHeights(); // -------------------- document.addEventListener("DOMContentLoaded", () => { const nav = document.querySelector('nav'); const pagesNav = document.querySelector(".pages-nav") const brand = document.querySelector('.nav-brand'); const icons = document.querySelector('.nav-icons'); let isShrunk = false; function forceReflow(el) { void el.offsetWidth; // Forces layout reflow } function animateTransition(shrinking) { brand.classList.remove('animate-fly'); icons.classList.remove('animate-fly'); forceReflow(brand); // Ensure animations restart cleanly forceReflow(icons); brand.classList.add('animate-fly'); icons.classList.add('animate-fly'); if (pagesNav) { if (shrinking) { pagesNav.classList.add('shrink'); } else { pagesNav.classList.remove('shrink'); } } // Delay the class change (layout change) to AFTER 0.5s setTimeout(() => { if (shrinking) { nav.classList.add('shrink'); } else { nav.classList.remove('shrink'); } }, 500); } window.addEventListener('scroll', () => { const shouldShrink = window.scrollY > 1; if (shouldShrink && !isShrunk) { animateTransition(true); isShrunk = true; } else if (!shouldShrink && isShrunk) { animateTransition(false); isShrunk = false; } }); }); document.addEventListener("DOMContentLoaded", () => { const arcPath = document.querySelector('#svg_nav_pages_arc'); const arcDraw = document.querySelector(".nav-pages-arc"); window.addEventListener('scroll', () => { const isScrolled = window.scrollY > 1; // Animate the arc path itself gsap.to(arcPath, { delay: 0.55, duration: 0.5, attr: { d: isScrolled ? "M 0,15 C 32,15 66,15 100,15 134,15 168,15 200,15" // Flattened : "M 0,15 C 32,25 66,30 100,30 134,30 168,25 200,15" // Original curve }, ease: "ease" }); }); }); // 2 Tap Tooltips for Mobile (function () { const isTouchDevice = matchMedia('(hover: none) and (pointer: coarse)').matches; if (!isTouchDevice) return; let activeEl = null; document.addEventListener('click', function (e) { const el = e.target.closest('[data-require-hover]'); // If clicking somewhere else, remove active state if (activeEl && el !== activeEl) { activeEl.classList.remove('hover-active'); activeEl = null; } // If the clicked element does not require hover, do nothing else if (!el) return; // If it’s the first tap, activate hover and block action if (el !== activeEl) { e.preventDefault(); e.stopImmediatePropagation(); el.classList.add('hover-active'); activeEl = el; } else { // Second tap on the same element — allow action, remove hover el.classList.remove('hover-active'); activeEl = null; } }, true); // Use capture to block native handlers })(); -->

Coloured Glasses: Intercultural workshops for young people
focussing on empowerment, european citizenship and identity through non-formal education

Description of position

Qualifications

Country

${attrs.header}

${attrs.subheader}

${attrs.header}

${attrs.header_1}

${attrs.header_2}

${attrs.header}

Coloured Glasses: Intercultural workshops for young people focussing on empowerment, european citizenship and identity through non-formal education

Description of position

Qualifications

Country

Noord-Amerika

Europa

Azië

Zuid-America

Afrika

Oceanië

${attrs.header}

${attrs.subheader}

${attrs.header}

${attrs.header_1}

${attrs.header_2}

${attrs.header}

Coloured Glasses: Intercultural workshops for young people
focussing on empowerment, european citizenship and identity through non-formal education