Delft University of Technology | TU Delft | Challenge. Change. Impact!

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="utf-8">  <title>Delft University of Technology | TU Delft | Challenge. Change. Impact!</title> <meta name="generator" content="TYPO3 CMS" /> <meta name="description" content="Top education and research are at the heart of the oldest and largest technical university in the Netherlands. Our 8 faculties offer 16 bachelor's and more than 30 master's programs. Our more than 25,000 students and 6,000 employees share a fascination for science, design and engineering. Our shared mission: impact for a better society. " /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:site_name" content="TU Delft" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Delft University of Technology" /> <meta property="og:description" content="Top education and research are at the heart of the oldest and largest technical university in the Netherlands. Our 8 faculties offer 16 bachelor's and more than 30 master's programs. Our more than 25,000 students and 6,000 employees share a fascination for science, design and engineering. Our shared mission: impact for a better society." /> <meta property="og:image" content="https://filelist.tudelft.nl/_processed_/7/5/csm_Cutout-02-1_96d41d8810.png" /> <meta name="twitter:card" content="summary" /> <meta name="google-site-verification" content="vShvXo6q-uO9k9SNJyGlW9uV3m6LmjyO00PR-Ts7hYQ" /> <link rel="stylesheet" type="text/css" href="/typo3conf/ext/site_tud/Resources/Public/StyleSheets/dist.style.e19d9d9b36.min.css" media="all"> <style type="text/css"> /*<![CDATA[*/  /*]]>*/ </style> <style> #dynamicHeader-c1148497 .dynamicHeader-slide { --mobile-height: 0.8; --tablet-height: 0.8; --desktop-height: 0.6; } </style> <script src="/typo3conf/ext/tud_styling/Resources/Public/JavaScript/Vendor/modernizr.min.js"></script> <script src="/typo3temp/assets/js/6d999f1aea.js"></script> <script type="text/javascript"> var _wfl={fonts:[ {family:"roboto", weight: 300}, {family:"roboto", weight: 100}, ],isLoaded:function(){return document.cookie.indexOf("fontsLoaded")>=0},afterLoad:function(){document.documentElement.className+=" fontsLoaded",document.cookie="fontsLoaded=1; path=/"}};!function(){var e;if(_wfl.isLoaded())_wfl.afterLoad();else if(void 0!==document.fonts&&void 0!==window.Promise){document.fonts.onloadingerror=function(){console.error("Font error",arguments)};var o=_wfl.fonts.map(function(e){return e.family});e=document.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",e);var n=[];document.fonts.forEach(function(e){o.indexOf(e.family)>=0&&n.push(e.load())}),Promise.all(n).then(_wfl.afterLoad)})}else{var n=document.createElement("script");n.type="text/javascript",n.src= "/typo3conf/ext/tud_styling/Resources/Public/JavaScript/Vendor/asyncfontloader.min.js" ,n.async=!0,e=window.addEventListener("DOMContentLoaded",function(){document.removeEventListener("DOMContentLoaded",e),document.head.appendChild(n)})}}();</script><style> .nav-tab a.is-active { color: white !important; } a.is-active {background-color: #00a6d6;} .paging a.is-active {color:white; background-color: #BABABA; border-color: #BABABA;} .tab--red a.is-active {background-color: #E21A1A;} .tab--green a.is-active {background-color: #A5CA1A;} .tab--black a.is-active {background-color: #222;} .tab--white a.is-active {background-color: #fff; color:#000;} .tab--blue_lighter a.is-active {background-color: #D9F0F6;} .tab--blue_light a.is-active {background-color: #6EBBD5;} .tab--blue_dark a.is-active {background-color: #1E6188;} .tab--teal a.is-active {background-color: #008891;} .tab--yellow a.is-active {background-color: #FFC400;} .tab--orange a.is-active {background-color: #E64616;} .tab--purple a.is-active {background-color: #1C1C73;} .tab--purple_light a.is-active {background-color: #6D177F;} .tab--grey_dark a.is-active {background-color: #505050;} .tab--grey a.is-active {background-color: #9B9B9B;} .tab--grey_medium a.is-active {background-color: #BABABA;} .tab--grey_light a.is-active {background-color: #E7E7E7; color:#000;} .tab--pink a.is-active {background-color: #DB028C;} .nav-tab { font-family: 'Roboto Slab', Roboto; } .nav-tab a { padding: .5rem .5rem 0.3rem; } .nav-tab~* { border: 0; } </style> <style> /* no-padding fix */ .grid--noPaddingBottom) > * {padding-bottom: 0.1rem;} /* .i-search fix */ /* .nav-main .i-search span {display: initial;} */ /* flexbox referenties fix */ .row--equalHeightContentElements > div > .frame-type-shortcut { flex-grow: 1; display: inherit; } /* linkkleur in zwarte magazine nav */ .bg-black.magazine-navigation a {color:white;} /* contrast patch voor dynamic header */ /* .contrast .dynamicHeader-slideLink { background-color: #000d; border-radius: 3px; padding-left: 5px; } .contrast .dynamicHeader-slideTitle, .contrast .dynamicHeader-slideDescription { color: white; } */ /* Twitter / X icon */ i-twitter-after::after, .i-twitter::before { content: ""; width: 22px; height: 22px; } /* white ghost button text on hover fix */ .btn--ghost:hover.btn--white:hover {color: black !important;} .contrast .btn--ghost:hover.btn--white:hover {color: white !important;} /* Grid Card background fix */ .grid-background--black .card__img + .card__content {color:black;} .grid-background--black .label {color:#999;} /* Transparent topnav fixes */ .bg-transparent .nav-main__mainitem>a {text-shadow: 0px 0px 3px #888;} .bg-transparent .btn--languageSwitch:after, .bg-transparent .i-search:after {box-shadow: 0 0 2px #888, 0 0 1px #888 inset;} .bg-transparent .icon-languageSwitch, .bg-transparent .btn--icon:before {filter: drop-shadow(0px 0px 4px lightgrey);} .carousel .btn--round, .carousel .slick-arrow {filter: drop-shadow(0px 0px 3px #888);} /* Accordion title fix */ .accordion__title:before {font-size: .7rem;padding: .4rem;} /* Card text size reduction */ .frame-type-lookup_results .card__content:not(h3){font-size: .9rem;} .user-content h3 {margin-top:initial;} /* Blockquote edits*/ .frame-type-sitetud_quote>div{clear:both;} /* blockquote {float:none; padding-top: .5em; padding-bottom: 0;} */ /* disabled on 29-1-2024 */ blockquote cite {margin-top: 0rem; margin-bottom: 10px;} blockquote img {margin-top: -10px;} img + cite {margin-top: 2.5rem;margin-bottom: 2.5em} blockquote.quote-title-size--large img {margin-top:-30px;} blockquote.quote-title-size--medium img + cite {margin-bottom: 3em;} blockquote.quote-title-size--medium p {line-height:1.5;} /* Fix of header slider loading issues */ /*.poster {display:none;} .poster.is-loaded {display:block;} .headerBanner-content {display:initial;}*/ /* Form fixes */ .tx-powermail .checkbox, .tx-powermail .radio {display:block !important;} form {max-width: 100%;} /* blauwe link in cookiemelding */ .cookieNotice a {color: #00a6d6 ;} .cookieNotice .statement_expand:hover {color: #0066a2; text-decoration: underline dotted;} /* Huisstijlfixes */ button.accordion__button {font-family:'Roboto Slab';} .accordion__title {font-family:'Roboto Slab';} /* override align-justify in text-elements (WCAG) */ .frame-type-text .align-justify , p.align-justify {text-align: initial;} /* Spotler form layout */ .mpFormTable, .mpFormTable table {width:100%;} .mpFormLabel {width:30%;} .mpFormField {width:70%;} .mpFormTable .sublabel {font-size: .7em; font-style: italic;} /* .submitCellSpacer {display:none;} */ .mpFormTable li {list-style: none;} .mpFormTable ul {padding-inline-start: 0;} .mpMultipleLabel {margin-left:10px;} /* aside column fix on mobiles */ @media only screen and (max-width: 1024px) { .u-flex {flex-direction: column;} .u-flex.js-contrastChanger {flex-direction: initial;} } /* .accordion padding */ .accordion .grid > * {padding-bottom: initial;} /* magazine styling .bg-white.magazine-navigation .magazine-navigation-logoLink.btn--icon::after {border: 1px solid #222;} .bg-black.magazine-navigation a {color: #fff;} .bg-transparent.magazine-navigation {background: linear-gradient(#fffb 10%, #00a6d675);} .bg-transparent.magazine-navigation .magazine-navigation-logoLink.btn--icon::after {border: 1px solid #00a6d6;} .bg-transparent.magazine-navigation a {color: #00a6d6;} @media only screen and (max-width: 25.2em) {.magazine-navigation {bottom: 7.5rem;}} .nav-overlay.nav-overlay-magazine.is-active {background-color: #0c2340e8; padding:4rem; left:15vw; right:15vw; top:10vh; bottom:20vh} */ /* show-for-xlarge on chrome */ @media screen and (min-width:79.9375em) and (max-width:80em) { .show-for-xlarge { display:initial !important; } } /* zwart font voor witte buttons */ .btn--white {color: #222;} @media print { .nav-bottom {display: none;} } /* border-radius dynamic-header blocks */ .dynamicHeader-block {border-radius: 3px;} /* border-radius fix for header */ .dynamicHeader-slideGradient {border-radius: initial;} /* icons on popup menu */ /* @media only screen and (max-width:350px) { .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { --column-amount: 4; display: grid; grid-template-columns: repeat(var( --column-amount), 0fr); grid-gap: 0; place-items: center; margin: 0; justify-content: center; padding-top: 3em; }} @media only screen and (min-width:350px) and (max-width: 450px){ .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { --column-amount: 6; display: grid; grid-template-columns: repeat(var( --column-amount), 0fr); grid-gap: 0; place-items: center; margin: 0; justify-content: center; padding-top: 3em; }} @media only screen and (min-width:450px){ .nav-overlay__container .frame-type-sitetud_socialmedialinks .list-inline { padding-top:3em; } } */ /* adjusting footernav on mobile */ @media only screen and (max-width:405px) { .nav-bottom .logo {width: 100%; position: relative; display: grid; justify-content: center; padding-bottom: 0.3em; border-right: initial;} .nav-bottom .logo.left { border-bottom: 1px solid #fff; } } </style> <style> .profile a:not(.btn--icon) {color: #00a6d6;} .profile {color:#222;} /* alle contactblokken met 2 regels voor de naam */ .profile .box h3 {min-height:54.6px;} </style> <script type="text/javascript">var cookieNoticeConfig = cookieNoticeConfig || {};cookieNoticeConfig.flags = {};cookieNoticeConfig.flags.EXTERNAL = 3;cookieNoticeConfig.flags.ANALYTICAL = 50;cookieNoticeConfig.labels = {statement_short: 'This%20website%20uses%20cookies.%20By%20clicking%20%22accept%22%20you%20give%20your%20permission%20to%20this%20website%20to%20use%20cookies.',statement_detail: 'Delft%20University%20of%20Technology%20collects%20visitor%20information%20to%20optimize%20the%20website%2C%20thereby%20further%20improving%20its%20service%20provision.%20This%20information%20is%20not%20linked%20to%20individuals%20and%20cannot%20be%20used%20to%20for%20unsolicited%2Funwanted%20telemarketing%20or%20e-mails.%3Cbr%20%2F%3E%3Cbr%20%2F%3E%20Additionally%2C%20Delft%20University%20of%20Technology%20may%20use%20external%20content%20to%20enrich%20user%20experiences%3B%20this%20content%20may%20contain%20third%20party%20cookies%2C%20from%20f.e.%20social%20media%20platforms.%20Without%20your%20consent%2C%20we%20will%20obscure%20these%20features.',statement_expand: 'What%20are%20cookies%3F',agree: 'Accept',link_policy: 'More%20information%20regarding%20your%20privacy%20and%20cookies%20is%20available%20in%20our%20policy%20statement.',disagree: 'Deny'};cookieNoticeConfig.hitsBeforeImplicitConsent =-1;cookieNoticeConfig.cookiePolicyDetailPage = '/en/cookie-policy';cookieNoticeConfig.consentChangeCallbacks = [];cookieNoticeConfig.showDisagreeButton =true;cookieNoticeConfig.expiresInMonths =6;cookieNoticeConfig.defaultCookieLevel =1;cookieNoticeConfig.consentedCookieName = '__cookieNotice_consent';cookieNoticeConfig.hitCountCookieName = '__cookieNotice_hit';</script><script type="text/javascript">var tx_solr_suggestUrl = '/?eID=tx_solr_suggest&id=1';</script><script type="text/javascript"> (function () { if (document.cookie.indexOf("contrast") >= 0) { document.documentElement.className += " contrast"; } }());</script><link rel="apple-touch-icon" sizes="57x57" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/typo3conf/ext/tud_styling/Resources/Public/img/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/typo3conf/ext/tud_styling/Resources/Public/img/manifest.json"> <link rel="mask-icon" href="/typo3conf/ext/tud_styling/Resources/Public/img/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/typo3conf/ext/tud_styling/Resources/Public/img/favicon.ico"> <meta name="msapplication-TileColor" content="#2d89ef"> <meta name="msapplication-TileImage" content="/typo3conf/ext/tud_styling/Resources/Public/img/mstile-144x144.png"> <meta name="msapplication-config" content="/typo3conf/ext/tud_styling/Resources/Public/img/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.tudelft.nl/en/"/> <link rel="alternate" hreflang="nl-NL" href="https://www.tudelft.nl/"/> <link rel="alternate" hreflang="en-US" href="https://www.tudelft.nl/en/"/> <link rel="alternate" hreflang="x-default" href="https://www.tudelft.nl/"/>  <script type="application/ld+json">[{"@context":"https:\/\/www.schema.org","@type":"WebSite","url":"https:\/\/www.tudelft.nl","name":"Delft University of Technology | TU Delft | Challenge. Change. Impact!"},{"@context":"https:\/\/www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.tudelft.nl\/en\/","name":"Delft University of Technology"}}]}]</script> </head> <body class="page-1"> <script type="text/javascript"> /*<![CDATA[*/ cookieNoticeConfig.consentChangeCallbacks.push({ type: cookieNoticeConfig.flags.ANALYTICAL, callback: function () { (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6005654.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); } }); /*]]>*/ </script><script id="powermail_conditions_container" data-condition-uri="https://www.tudelft.nl/en/?type=3132"></script><style> .card--no_image.card--red,.btn--ghost.btn--red:hover, .highlight--vertical .highlight--red, .highlight--red::after, .hoverableBlock--red::after,[class*="--red"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--red, .content-slider--red, .card--red, .accordion__title--red, .nav-inpage--red) {background-color: #E03C31;} .card--no_image.card--green, .btn--ghost.btn--green:hover, .highlight--vertical .highlight--green, .highlight--green::after, .hoverableBlock--green::after,[class*="--green"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--green, .content-slider--green, .card--green, .accordion__title--green, .nav-inpage--green ) {background-color: #6CC24A;} .card--no_image.card--blue_dark,.btn--ghost.btn--blue_dark:hover, .highlight--vertical .highlight--blue_dark, .highlight--blue_dark::after, .hoverableBlock--blue_dark::after,[class*="--blue_dark"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--blue_dark, .content-slider--blue_dark, .card--blue_dark, .accordion__title--blue_dark, .nav-inpage--blue_dark) {background-color: #0C2340;} .card--no_image.card--yellow, .btn--ghost.btn--yellow:hover, .highlight--vertical .highlight--yellow, .highlight--yellow::after, .hoverableBlock--yellow::after,[class*="--yellow"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--yellow, .content-slider--yellow, .card--yellow, .accordion__title--yellow, .nav-inpage--yellow) {background-color: #FFB81C;} .card--no_image.card--orange, .btn--ghost.btn--orange:hover, .highlight--vertical .highlight--orange, .highlight--orange::after, .hoverableBlock--orange::after,[class*="--orange"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--orange, .content-slider--orange, .card--orange, .accordion__title--orange, .nav-inpage--orange) {background-color: #EC6842;} .card--no_image.card--purple, .btn--ghost.btn--purple:hover, .highlight--vertical .highlight--purple, .highlight--purple::after, .hoverableBlock--purple::after,[class*="--purple"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--purple, , .content-slider--purple, .card--purple, .accordion__title--purple, .nav-inpage--purple) {background-color: #6F1D77;} .card--no_image.card--purple_light, .btn--ghost.btn--purple_light:hover, .highlight--vertical .highlight--purple_light, .highlight--purple_light::after, .hoverableBlock--purple_light::after, [class*="--purple_light"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--purple_light, .content-slider--purple_light, .card--purple_light, .accordion__title--purple_light, .nav-inpage--purple_light) {background-color: #6F1D77;} .card--no_image.card--pink, .btn--ghost.btn--pink:hover, .highlight--vertical .highlight--pink, .highlight--pink::after, .hoverableBlock--pink::after, [class*="--pink"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--pink, .content-slider--pink, .card--pink, .accordion__title--pink, .nav-inpage--pink ) {background-color: #EF60A3;} .card--no_image.card--teal, .btn--ghost.btn--teal:hover, .highlight--vertical .highlight--teal, .highlight--teal::after, .hoverableBlock--teal::after, [class*="--teal"]:not([class*="dynamicHeader"], [class*="searchForm"], [class*="hoverableBlock"], [class*="highlight"], .btn--ghost, .btn:hover, .moreLink, .nav-inpage, .ce-div, .navColored--teal, .content-slider--teal, .card--teal, .accordion__title--teal, .nav-inpage--teal) {background-color: #00B8C8;} .btn--ghost.btn--red, .notice--red .btn:not(.btn--ghost), .fact [class*="-red"] {color:#E03C31;} .btn--ghost.btn--green, .notice--green .btn:not(.btn--ghost), .fact [class*="-green"] {color:#6CC24A;} .btn--ghost.btn--blue_dark, .notice--blue_dark .btn:not(.btn--ghost), .fact [class*="-blue_dark"] {color:#0C2340;} .btn--ghost.btn--yellow, .notice--yellow .btn:not(.btn--ghost), .fact [class*="-yellow"] {color:#FFB81C;} .btn--ghost.btn--orange, .notice--orange .btn:not(.btn--ghost), .fact [class*="-orange"] {color:#EC6842;} .btn--ghost.btn--purple, .notice--purple .btn:not(.btn--ghost), .fact [class*="-purple"] {color:#6F1D77;} .btn--ghost.btn--purple_light, .notice--purple_light .btn:not(.btn--ghost), .fact [class*="-purple_light"] {color:#6F1D77;} .btn--ghost.btn--pink, .notice--pink .btn:not(.btn--ghost), .fact [class*="-pink"] {color:#EF60A3;} .btn--ghost.btn--teal, .notice--teal .btn:not(.btn--ghost), .fact [class*="-teal"] {color:#00B8C8;} .dynamicHeader-block--red {background-color: rgba(224, 60, 49, var(--block-opacity))} .dynamicHeader-block--green {background-color: rgba(108, 194, 74, var(--block-opacity))} .dynamicHeader-block--blue_dark {background-color: rgba(12, 35, 64, var(--block-opacity))} .dynamicHeader-block--yellow {background-color: rgba(255, 184, 28, var(--block-opacity))} .dynamicHeader-block--orange {background-color: rgba(237, 104, 66, var(--block-opacity))} .dynamicHeader-block--purple {background-color: rgba(111, 29, 119, var(--block-opacity))} .dynamicHeader-block--purple_light {background-color: rgba(111, 29, 119, var(--block-opacity))} .dynamicHeader-block--pink {background-color: rgba(239, 96, 163, var(--block-opacity))} .dynamicHeader-block--teal {background-color: rgba(0, 184, 200, var(--block-opacity))} .card--red h3 {color:#E03C31;} .card--red.card--horizontalTiny .card__content::after, .card--red::after, .card--red.card--no_image[href]::after {background-color:#E03C31;} .card--green h3 {color:#6CC24A;} .card--green.card--horizontalTiny .card__content::after, .card--green::after, .card--green.card--no_image[href]::after {background-color:#6CC24A;} .card--blue_dark h3 {color:#0C2340;} .card--blue_dark.card--horizontalTiny .card__content::after, .card--blue_dark::after, .card--blue_dark.card--no_image[href]::after {background-color:#0C2340;} .card--yellow h3 {color:#FFB81C;} .card--yellow.card--horizontalTiny .card__content::after, .card--yellow::after, .card--yellow.card--no_image[href]::after {background-color:#FFB81C;} .card--orange h3 {color:#EC6842;} .card--orange.card--horizontalTiny .card__content::after, .card--orange::after, .card--orange.card--no_image[href]::after {background-color:#EC6842;} .card--purple h3 {color:#6F1D77;} .card--purple.card--horizontalTiny .card__content::after, .card--purple::after, .card--purple.card--no_image[href]::after {background-color:#6F1D77;} .card--purple_light h3 {color:#6F1D77;} .card--purple_light.card--horizontalTiny .card__content::after, .card--purple_light::after, .card--purple_light.card--no_image[href]::after {background-color:#6F1D77;} .card--pink h3 {color:#EF60A3;} .card--pink.card--horizontalTiny .card__content::after, .card--pink::after, .card--pink.card--no_image[href]::after {background-color:#EF60A3;} .card--teal h3 {color:#00B8C8;} .card--teal.card--horizontalTiny .card__content::after, .card--teal::after, .card--teal.card--no_image[href]::after {background-color:#00B8C8;} .divider--red, .nav-inpage.nav-inpage--red {border-color:#E03C31;} .divider--green, .nav-inpage.nav-inpage--green {border-color:#6CC24A;} .divider--blue_dark, .nav-inpage.nav-inpage--blue_dark {border-color:#0C2340;} .divider--yellow, .nav-inpage.nav-inpage--yellow {border-color:#FFB81C;} .divider--orange, .nav-inpage.nav-inpage--orange {border-color:#EC6842;} .divider--purple_light, .nav-inpage.nav-inpage--purple_light {border-color:#6F1D77;} .divider--purple, .nav-inpage.nav-inpage--purple {border-color:#6F1D77;} .divider--pink, .nav-inpage.nav-inpage--pink {border-color:#EF60A3;} .divider--teal, .nav-inpage.nav-inpage--teal {border-color:#00B8C8;} .tab--blue_dark a {color: white;} </style> <a href="#" class="skiplink btn btn--single align-center btn--grey_dark u-flex js-contrastChanger"> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> <span class="js-contrastChanger-label" data-highcontrasttext="Activate high contrast" data-normalcontrasttext="Activate normal contrast"> Activate high contrast </span> </a> <a href="#main" class="skiplink btn btn--single align-center btn--grey_dark"> To main content </a>  <svg class="hidden" xmlns="http://www.w3.org/2000/svg"> <symbol id="logo" viewBox="0 0 105 41"> <path fill="currentColor" fill-rule="evenodd" d="M30.5 36.73c2.62 0 4.03-1.74 4.03-4.18V20.12h5.56v12.71c-.06 5.6-4.53 7.8-9.59 7.8-5.05 0-9.53-2.2-9.58-7.8v-12.7h5.55v12.42c0 2.44 1.42 4.18 4.03 4.18M77.18 33.73v-1.31c0-3.87-2.2-6.6-6.15-6.6-4.41 0-6.47 3.42-6.47 7.52 0 4.12 1.78 7.29 6.25 7.29 3.34 0 5.78-1.59 6.2-4.76h-2.78c-.3 2.03-1.33 2.84-3.39 2.84-2.7 0-3.59-2.4-3.59-4.98h9.93zm-9.87-1.84c.02-2.18 1.34-4.15 3.53-4.15 2.55 0 3.55 1.76 3.55 4.15h-7.08zM80.37 20.12h2.65v20.1h-2.65v-20.1zM6.53 40.21h5.55V24.02h6.22v-3.9H.3v3.9h6.23v16.2M19.87 10.34c-1.35.42-2.75.08-2.75-1.73 0-2.77 6.49-5.09 7.4-7.5.21-.61.23-1.1-.06-1.1-.2.02-.04.32-.5.78-2.69 2.69-7.19 2.68-10.65 4.24-2.26 1.02-8.9 4.15-7.37 11.13.07.33.27 1.44.47 1.44.24 0 .23-.66.23-1.46-.05-4.16 4.86-5.32 6.46-8.04.2-.32.52-.77.6-.56.04.1.01.25-.05.54-.5 2.23-2.83 3.66-2.17 5.26.85 2.07 3.32.53 4.08-.8.2-.37.32-.6.46-.56.1.04.1.46.03.84-.4 2.4-.96 3.75-2.71 5.12-.56.43-1.44.52-1.33.86.03.09.41.08.71.05 4.68-.3 8.59-5.82 9.62-9.43.11-.25.14-.5.03-.58-.14-.1-.35.14-.56.33-.53.47-1.26.96-1.94 1.17M91.29 40.21V28.08h3.22v-1.84h-3.22V24c0-1.62.78-1.9 2.28-1.9.44 0 .89.06 1.33.09v-2.2a8.59 8.59 0 00-1.89-.28c-2.5 0-4.36 1.26-4.36 3.93v2.61h-2.72v1.84h2.72v12.13h2.64M96.03 26.24v1.84h2.38v8.9c0 1.86.03 3.65 3.95 3.65.61 0 1.18-.06 1.8-.17v-2.03c-.42.1-.96.17-1.38.17-.95 0-1.72-.48-1.72-1.48v-9.04h3.22v-1.84h-3.22v-3.8l-2.65.83v2.98h-2.38M48.43 22.51h4.1c4.64 0 6.56 3.5 6.56 7.66 0 4.15-1.92 7.65-6.56 7.65h-4.1v-15.3zm-2.79 17.7h6.9c8.57 0 9.47-7.27 9.47-10.04 0-2.77-.9-10.05-9.48-10.05h-6.89v20.1z"/> </symbol> </svg> <nav class="bg-blue nav-top"> <div class="container no-spacing"> <a class="logo left" href="/en/"> <svg focusable="false" class="logo-tudelft--top" role="img"> <use xlink:href="#logo"></use> </svg> <span class="text-hide">Home of TU Delft</span> </a> <div class="right"> <div class="nav-main"> <ul><li class="nav-main__mainitem" data-priority="0"><a href="/en/education">Students & Education</a><ul class="nav-main__submenu"><li><a href="/en/education/programmes">Programmes</a></li><li><a href="/en/education/admission-and-application">Admission and Application</a></li><li><a href="/en/education/study-programme-orientation">Study Programme Orientation</a></li><li><a href="/en/student">Student portal</a></li><li><a href="/en/extension-school">Lifelong Learning</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/research">Research</a><ul class="nav-main__submenu"><li><a href="/en/research/societal-challenges">Societal challenges</a></li><li><a href="/en/research/faculties-and-institutes">Faculties and institutes</a></li><li><a href="/en/research/research-facilities">Research facilities</a></li><li><a href="/en/stories">Stories</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/innovation-impact">Innovation & Impact</a><ul class="nav-main__submenu"><li><a href="/en/innovation-impact/business-collaboration">Business collaboration</a></li><li><a href="/en/innovation-impact/pioneering-tech">Pioneering Tech</a></li><li><a href="/en/innovation-impact/project-cases">Project Cases</a></li><li><a href="/en/innovation-impact/entrepreneurship">Getting started in business</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/community">Community</a><ul class="nav-main__submenu"><li><a href="/en/community/campus-life">Campus Life</a></li><li><a href="/en/community/alumni">Alumni</a></li><li><a href="/en/about-tu-delft/calendar">Events</a></li><li><a href="/en/community/social-safety">Social safety</a></li><li><a href="/en/sciencecentre">Science Centre</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/about-tu-delft">About TU Delft</a><ul class="nav-main__submenu"><li><a href="/en/about-tu-delft/find-employees">Find employees</a></li><li><a href="/en/about-tu-delft/contact">Contact</a></li><li><a href="/en/about-tu-delft/current">Current</a></li><li><a href="/en/about-tu-delft/calendar">Calendar</a></li><li><a href="/en/library">Library</a></li><li><a href="/en/about-tu-delft/working-at-tu-delft">Jobs</a></li><li><a href="/en/about-tu-delft/organisation">Organisation</a></li><li><a href="/en/about-tu-delft/strategy">Strategy</a></li><li><a href="/en/delft-university-fund">University Fund</a></li></ul></li></ul> <a href="/" title="Schakel over naar de Nederlandse taal" class="btn--icon btn--languageSwitch" lang="nl"> <div class="icon-languageSwitch icon-languageSwitch--en"></div> </a> <button data-target=".nav-search" class="button-reset btn--icon i-search js-modal"> <span class="text-hide">Search</span> </button> </div> </div> </div> </nav> <nav class="nav-overlay"> <div class="container no-spacing"> <ul class="list-reset nav-overlay__container"><li id="nav-overlay__mainitem--609" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/en/education">Students & Education</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/en/education/programmes" id="nav-overlay__subitem--6807" class="nav-overlay__subitem">Programmes</a></li><li class="sm-12"><a href="/en/education/admission-and-application" id="nav-overlay__subitem--6810" class="nav-overlay__subitem">Admission and Application</a></li><li class="sm-12"><a href="/en/education/study-programme-orientation" id="nav-overlay__subitem--6808" class="nav-overlay__subitem">Study Programme Orientation</a></li><li class="sm-12"><a href="/en/student" id="nav-overlay__subitem--193142" class="nav-overlay__subitem">Student portal</a></li><li class="sm-12"><a href="/en/extension-school" id="nav-overlay__subitem--193144" class="nav-overlay__subitem">Lifelong Learning</a></li></ul></li><li id="nav-overlay__mainitem--610" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/en/research">Research</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/en/research/societal-challenges" id="nav-overlay__subitem--156953" class="nav-overlay__subitem">Societal challenges</a></li><li class="sm-12"><a href="/en/research/faculties-and-institutes" id="nav-overlay__subitem--1108" class="nav-overlay__subitem">Faculties and institutes</a></li><li class="sm-12"><a href="/en/research/research-facilities" id="nav-overlay__subitem--1110" class="nav-overlay__subitem">Research facilities</a></li><li class="sm-12"><a href="/en/stories" id="nav-overlay__subitem--193154" class="nav-overlay__subitem">Stories</a></li></ul></li><li id="nav-overlay__mainitem--611" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/en/innovation-impact">Innovation & Impact</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/en/innovation-impact/business-collaboration" id="nav-overlay__subitem--175867" class="nav-overlay__subitem">Business collaboration</a></li><li class="sm-12"><a href="/en/innovation-impact/pioneering-tech" id="nav-overlay__subitem--157886" class="nav-overlay__subitem">Pioneering Tech</a></li><li class="sm-12"><a href="/en/innovation-impact/project-cases" id="nav-overlay__subitem--31839" class="nav-overlay__subitem">Project Cases</a></li><li class="sm-12"><a href="/en/innovation-impact/entrepreneurship" id="nav-overlay__subitem--11091" class="nav-overlay__subitem">Getting started in business</a></li></ul></li><li id="nav-overlay__mainitem--193146" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/en/community">Community</a> <a href="#" data-altlabel="Menu sluiten" class="nav-overlay__toggle"> Menu openen </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/en/community/campus-life" id="nav-overlay__subitem--152343" class="nav-overlay__subitem">Campus Life</a></li><li class="sm-12"><a href="/en/community/alumni" id="nav-overlay__subitem--5342" class="nav-overlay__subitem">Alumni</a></li><li class="sm-12"><a href="/en/about-tu-delft/calendar" id="nav-overlay__subitem--193156" class="nav-overlay__subitem">Events</a></li><li class="sm-12"><a href="/en/community/social-safety" id="nav-overlay__subitem--193534" class="nav-overlay__subitem">Social safety</a></li><li class="sm-12"><a href="/en/sciencecentre" id="nav-overlay__subitem--196279" class="nav-overlay__subitem">Science Centre</a></li></ul></li><li id="nav-overlay__mainitem--617" data-priority="0"> <div class="nav-overlay__mainitem row"> <div class="sm-12"><a href="/en/about-tu-delft">About TU Delft</a> <a href="#" data-altlabel="Menu openen" class="nav-overlay__toggle"> Menu sluiten </a> </div> </div><ul class="list-reset row nav-overlay__subitemcontainer"><li class="sm-12"><a href="/en/about-tu-delft/find-employees" id="nav-overlay__subitem--5344" class="nav-overlay__subitem">Find employees</a></li><li class="sm-12"><a href="/en/about-tu-delft/contact" id="nav-overlay__subitem--4077" class="nav-overlay__subitem">Contact</a></li><li class="sm-12"><a href="/en/about-tu-delft/current" id="nav-overlay__subitem--612" class="nav-overlay__subitem">Current</a></li><li class="sm-12"><a href="/en/about-tu-delft/calendar" id="nav-overlay__subitem--5496" class="nav-overlay__subitem">Calendar</a></li><li class="sm-12"><a href="/en/library" id="nav-overlay__subitem--193158" class="nav-overlay__subitem">Library</a></li><li class="sm-12"><a href="/en/about-tu-delft/working-at-tu-delft" id="nav-overlay__subitem--5343" class="nav-overlay__subitem">Jobs</a></li><li class="sm-12"><a href="/en/about-tu-delft/organisation" id="nav-overlay__subitem--5339" class="nav-overlay__subitem">Organisation</a></li><li class="sm-12"><a href="/en/about-tu-delft/strategy" id="nav-overlay__subitem--14831" class="nav-overlay__subitem">Strategy</a></li><li class="sm-12"><a href="/en/delft-university-fund" id="nav-overlay__subitem--23849" class="nav-overlay__subitem">University Fund</a></li></ul></li><li> <div class="t3ce frame-type-sitetud_socialmedialinks "> <h3 class="text-hide">socmed</h3> <ul class="list-inline"> <li> <a href="https://www.facebook.com/tudelft" target="_blank" class="btn--icon i-facebook" rel="noreferrer"> <span class="text-hide"> facebook </span> </a> </li> <li> <a href="https://twitter.com/tudelft" target="_blank" class="btn--icon i-twitter" rel="noreferrer"> <span class="text-hide"> twitter </span> </a> </li> <li> <a href="https://www.instagram.com/tudelft/?hl=en" target="_blank" class="btn--icon i-instagram" rel="noreferrer"> <span class="text-hide"> instagram </span> </a> </li> <li> <a href="https://www.youtube.com/user/tudelft" target="_blank" class="btn--icon i-youtube" rel="noreferrer"> <span class="text-hide"> youtube </span> </a> </li> <li> <a href="https://www.linkedin.com/edu/delft-university-of-technology-15445" target="_blank" class="btn--icon i-linkedin" rel="noreferrer"> <span class="text-hide"> linkedin </span> </a> </li> <li> <a href="https://api.whatsapp.com/send?phone=3197010256278" target="_blank" class="btn--icon i-whatsapp hide-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> <a href="https://wa.me/+3197010256278" title="Start Whatsapp Conversation" target="_blank" class="btn--icon i-whatsapp show-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> </li> </ul> </div> </li></ul> <div class='language-switch'><a href="/" title="Nederlands" lang="nl">Nederlands</a></div> <ul class="list-inline"> <li> <a href="/en/cookie-policy" title="Cookie settings" class="cookieButton btn--icon"> <svg viewBox="14 13 36 44" class="cookieButton-icon"> <circle cx="35.709" cy="22.973" fill="currentColor" r="2"/> <circle cx="41.875" cy="29.417" fill="currentColor" r="2"/> <circle cx="31.709" cy="31.417" fill="currentColor" r="2"/> <circle cx="24.001" cy="37.25" fill="currentColor" r="2"/> <circle cx="32" cy="42.292" fill="currentColor" r="2"/> <circle cx="38.875" cy="37.25" fill="currentColor" r="2"/> <path d="M32 50c-9.925 0-18-8.075-18-18 0-.505.034-1.001.074-1.494a1 1 0 0 1 1.269-.882c3.594 1.016 7.107-1.47 7.578-4.963a1 1 0 0 1 .858-.857 5.948 5.948 0 0 0 3.438-1.705 5.958 5.958 0 0 0 1.756-4.241c0-.78-.15-1.542-.447-2.266a1.002 1.002 0 0 1 .776-1.369A17.78 17.78 0 0 1 32 14c9.925 0 18 8.075 18 18s-8.075 18-18 18zM16.002 31.795A14.01 14.01 0 0 0 16 32c0 8.822 7.178 16 16 16s16-7.178 16-16-7.178-16-16-16c-.396 0-.801.019-1.233.058a7.91 7.91 0 0 1 .206 1.799 7.941 7.941 0 0 1-2.342 5.656 7.914 7.914 0 0 1-3.86 2.143c-.899 3.891-4.672 6.653-8.769 6.139z" fill="currentColor"/> </svg> </a> </li> <li> <a href="#" class="button-reset btn--icon btn-contrast js-contrastChanger" title="Contrast settings"> <span class="js-contrastChanger-label text-hide" data-highcontrasttext="Activate high contrast" data-normalcontrasttext="Activate normal contrast"> Activate high contrast </span> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> </a> </li> </ul> <button class='menu menu--close button-reset js-toggle' data-target='.nav-overlay'> <span class='i-close'> <span class='text-hide'> Close menu </span> </span> </button> </div> </nav> <div class="modal"> <div class="modal__content"> <form action="/en/search" method="get" class="nav-search"> <input type="search" name="q" id="headerSearchForm-input" value="" class="autocomplete-inputField" autocomplete="off" aria-label="Search"> <button class="button-reset i-search"> <span class="text-hide">Search</span> </button> </form> </div> <button data-target="this.parent" class="menu menu--close button-reset js-modal-close"> <span class="i-close"> <span class="text-hide">Close search</span> </span> </button> </div> <div id=c1148497 class="t3ce frame-type-sitetud_dynamicheader "> <div id="dynamicHeader-c1148497" class="dynamicHeader js-dynamicHeader" data-slick-previous="Go to previous item" data-slick-next="Go to next item"> <div class="dynamicHeader-slide"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Header%202024/GIF_MastersEvent-ezgif.com-video-to-webp-converter.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Header%202024/GIF_MastersEvent-ezgif.com-video-to-webp-converter.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Header%202024/GIF_MastersEvent-ezgif.com-video-to-webp-converter.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Header%202024/GIF_MastersEvent-ezgif.com-video-to-webp-converter.webp" /> <img fetchpriority="high" class="dynamicHeader-slideImage" style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Header%202024/GIF_MastersEvent-ezgif.com-video-to-webp-converter.webp" width="800" height="450" alt="" /> </picture> <div class="dynamicHeader-slideGradient" style="height: 75%;"></div> <div class="dynamicHeader-slideContainer dynamicHeader-slideContainer--left"> <div class="dynamicHeader-slideContent"> <a href="/en/education/study-programme-orientation/preparing-for-a-master/master-event" class="dynamicHeader-slideLink"> <span class="dynamicHeader-slideSubtitle inlineTag">Master’s Event</span> <h1 class="dynamicHeader-slideTitle">What subject do you want to Master?</h1> <p class="dynamicHeader-slideDescription">Online 28 Nov | On Campus 25 Feb</p> </a> <span class="dynamicHeader-slideProgressBar dynamicHeader-slideProgressBar--"> <span class="dynamicHeader-slideProgress dynamicHeader-slideProgress--active"></span> </span> <div class="dynamicHeader-slideAdditionalTitles"> </div> </div> <div class="dynamicHeader-slideBlocks dynamicHeader-slideBlocks--single "> <style> .dynamicHeader-block--539.dynamicHeader-block { --block-opacity: 1.00; } </style> <div class="dynamicHeader-block--539 dynamicHeader-block dynamicHeader-block--blue dynamicHeader-block--center "> <div class="dynamicHeader-blockText "> <h3>What subject do you want to Master?</h3> <p>Join the Online Master’s Event (28 november) </p> <p><a href="https://www.tudelft.nl/en/education/study-programme-orientation/preparing-for-a-master/master-event" target="_blank" class="dynamicHeader-blockButton btn btn--white"><span style="color:#2c3e50;">Master’s Event</span></a></p> <h3>Programmes</h3> <p><a href="/en/education/programmes/bachelors">Bachelor programmes</a><br> <a href="/en/education/programmes/masters">Master programmes</a></p> </div> </div> </div> </div> </div> </div> </div> <main id="main" class="mainWithOffset__full-width"> <div class="container">  <div id=c988554 class="t3ce frame-type-text frame-space-before-40 frame-space-after-50 "> <a id="c1002911" class="localized-uid"></a> <h2 class="ce-headline-center "> Impact for a better society </h2> </div> <div id=c988566 class="t3ce frame-type-gridelements_pi1 element-layout-fullScreenWidth-contentFullWidth "> <a id="c1002913" class="localized-uid"></a> <div class=" "> <div class="row grid grid--noPaddingBottom layout-1571045214"> <div class="sm-12"> <div id=c988573 class="t3ce frame-type-sitetud_carousel frame-type-sitetud_carousel--full "> <a id="c1002912" class="localized-uid"></a> <h2 class="show-for-sr">Carousel Impact for a better society</h2> <div class="js-sliderCentered sliderCentered sliderCentered--multiple js-sliderCentered-multiple" data-slick-previous="Go to previous item" data-slick-next="Go to next item"> <div class="slick-slide"> <a href="/en/innovation-impact/pioneering-tech/articles/boosting-innovation-with-generative-ai" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_homepage-carrousel-innoveren-met-ai_0a89a2becb.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_homepage-carrousel-innoveren-met-ai_6f81467117.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_homepage-carrousel-innoveren-met-ai_70c85651fb.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/4/csm_homepage-carrousel-innoveren-met-ai_e644c488b3.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/b/4/csm_homepage-carrousel-innoveren-met-ai_e71fceb372.png" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">Boosting innovation with generative AI</h2> <p class="sliderCentered-itemDescription">Pioneering Tech | What consequences will GAI have for research and innovation?</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Read more </div> </div>  </a> </div> <div class="slick-slide"> <a href="/en/innovation-impact/pioneering-tech/articles/how-to-innovate-in-a-new-market" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/c/b/csm_homepage-carrousel-rocsys_9955636deb.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/c/b/csm_homepage-carrousel-rocsys_20be553af2.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/c/b/csm_homepage-carrousel-rocsys_ca3a9eca36.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/c/b/csm_homepage-carrousel-rocsys_bff2607a7c.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/c/b/csm_homepage-carrousel-rocsys_e431ff9ebf.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">How to innovate in a new market?</h2> <p class="sliderCentered-itemDescription">Pioneering Tech | Computer vision and AI</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Read more </div> </div>  </a> </div> <div class="slick-slide"> <a href="/en/innovation-impact/pioneering-tech/articles/offshore-wind-how-to-balance-growth-and-nature" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/4/csm_homepage-carrousel-wind-op-zee_fb9d936d50.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/4/csm_homepage-carrousel-wind-op-zee_0510087dbd.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/4/csm_homepage-carrousel-wind-op-zee_a87a4b6e0c.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/4/csm_homepage-carrousel-wind-op-zee_ef8573d307.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/f/4/csm_homepage-carrousel-wind-op-zee_7e407c4db1.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">The ecological impact of offshore energy</h2> <p class="sliderCentered-itemDescription">Pioneering Tech | How to balance growth and nature?</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Read more </div> </div>  </a> </div> <div class="slick-slide"> <a href="/en/architecture-and-the-built-environment/research/research-stories/no-home-left-behind-involving-dutch-residents-in-the-energy-transition" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/6/csm_homepage-carrousel-bk_89ad8ccbf0.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/6/csm_homepage-carrousel-bk_007712620c.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/6/csm_homepage-carrousel-bk_d336158e9a.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/b/6/csm_homepage-carrousel-bk_37ff184d21.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/b/6/csm_homepage-carrousel-bk_3602287c26.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">Involving Dutch residents in the energy transition</h2> <p class="sliderCentered-itemDescription">Story of Science | No home left behind</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Read more </div> </div>  </a> </div> <div class="slick-slide"> <a href="/en/education/study-programme-orientation/student-stories/how-the-sun-can-shine-for-green-energy-from-the-sea" class="sliderCentered-item sliderCentered-item--link sliderCentered-item--gradient placeholder placeholder--blue"> <picture> <source media="(max-width: 600px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/1/csm_homepage-carrousel-studentstory_af64dec120.webp" /> <source media="(max-width: 1024px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/1/csm_homepage-carrousel-studentstory_e22fff30c2.webp" /> <source media="(max-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/1/csm_homepage-carrousel-studentstory_ef412f0dcc.webp" /> <source media="(min-width: 1280px)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/1/csm_homepage-carrousel-studentstory_a7e397e1ed.webp" /> <img loading="lazy" class="placeholder-image" src="https://filelist.tudelft.nl/_processed_/2/1/csm_homepage-carrousel-studentstory_ffdd06804d.jpg" width="610" height="640" alt="" /> </picture>  <div class="sliderCentered-itemInner"> <h2 class="sliderCentered-itemHeading color-white">How the sun can shine for green energy from the sea</h2> <p class="sliderCentered-itemDescription">Student Story | Sophie simulated a floating solar farm during her master's project</p> <div class="sliderCentered-itemLink btn btn--single align-center btn--blue"> Read more </div> </div>  </a> </div> </div> </div> </div> </div> </div> </div> <div id=c988579 class="t3ce show-for-xlarge frame-type-gridelements_pi1 frame-space-before-40 "> <a id="c1002915" class="localized-uid"></a> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 lg-4"> </div> <div class="xs-12 sm-6 lg-4"> </div> <div class="xs-12 sm-6 lg-4"> <div id=c988580 class="t3ce frame-type-sitetud_singlebutton "> <a id="c1002914" class="localized-uid"></a> <a href="/en/research/societal-challenges" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> Our societal challenges </a> </div> </div> </div> </div> </div> <div id=c989665 class="t3ce hide-for-xlarge frame-type-shortcut frame-space-before-20 frame-space-after-20 "> <a id="c1002916" class="localized-uid"></a> <div id=c1002914 class="t3ce frame-type-sitetud_singlebutton "> <a href="/en/research/societal-challenges" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> Our societal challenges </a> </div> </div> <div id=c988553 class="t3ce frame-type-gridelements_pi1 element-layout-fullScreenWidth-contentContainerWidth "> <a id="c1002922" class="localized-uid"></a> <div class="grid-background--grey_light "> <div class="row grid grid--noPaddingBottom layout-1570700722"> <div class="sm-12"> <div id=c988549 class="t3ce frame-type-text frame-space-before-30 frame-space-after-40 "> <a id="c1002917" class="localized-uid"></a> <h2 class="ce-headline-center "> News </h2> </div> <div id=c988550 class="t3ce frame-type-lookup_results "> <a id="c1002918" class="localized-uid"></a> <div class="row" aria-labelledby="content-slider-c988550"> <h2 id="content-slider-c988550" class="show-for-sr">Nieuws</h2> <div class="content-slider content-slider--grey_dark"> <div class="content-slider__inner-wrap"> <div class="content-slider__item-wrap"> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/tu-delft/tu-delft-jointly-wins-in-xprize-rainforest-competition-in-brazil" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199944"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/5/csm_20240707%20Inhaa-be%20P_B_4267%20GH52_bf8827d3fa.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/5/csm_20240707%20Inhaa-be%20P_B_4267%20GH52_b829aac088.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/d/5/csm_20240707%20Inhaa-be%20P_B_4267%20GH52_e2500546eb.jpg" width="960" height="692" alt="" title="" /> </picture> <section class='card__content'> <h3>TU Delft jointly wins in XPRIZE Rainforest competition in Brazil</h3> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/tu-delft/students-amos-yusuf-mick-dam-bas-brouwer-winners-of-mekel-prize-2024" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199860"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/7/csm_IMG_3628_d14091e7dc.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/7/csm_IMG_3628_0dacfeeff2.webp" /> <img style="object-position: 50% 29%;" src="https://filelist.tudelft.nl/_processed_/d/7/csm_IMG_3628_301e639d0e.jpg" width="960" height="640" alt="" title="" /> </picture> <section class='card__content'> <h3>Students Amos Yusuf, Mick Dam & Bas Brouwer winners of Mekel Prize 2024</h3> <span class="card__abstract card__abstract--hover_effect">Master students Amos Yusuf, from the ME faculty, Mick Dam, from the EEMCS faculty, and graduate Bas Brouwer have won the Mekel Prize 2024 for the best extra scientific activity at TU Delft: the development of an initiative that brings master students into the classroom teaching sciences to the younger generations. The prize was ceremonially awarded by prof Tim van den Hagen on 13 November after the Van Hasselt Lecture at the Prinsenhof, Delft. They received a statue of Professor Jan Mekel and 1.500,- to spend on their project.</span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/tu-delft/new-catheter-technology-promises-safer-and-more-efficient-treatment-of-blood-vessels" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199851"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/c/3/csm_GettyImages-1148114944_2212ed56b3.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/c/3/csm_GettyImages-1148114944_c22f4046d7.webp" /> <img style="object-position: 62% 56%;" src="https://filelist.tudelft.nl/_processed_/c/3/csm_GettyImages-1148114944_3840579342.jpg" width="960" height="540" alt="" title="1148114944" /> </picture> <section class='card__content'> <h3>New catheter technology promises safer and more efficient treatment of blood vessels</h3> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/me/news/inaugural-address-machine-optimisation-key-to-more-efficient-logistics-system" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199766"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/a/csm_intreerede-dingena-schott_b71c2f1b08.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/a/csm_intreerede-dingena-schott_3f476450fe.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/7/a/csm_intreerede-dingena-schott_ab28eeb65a.jpg" width="960" height="540" alt="" title="" /> </picture> <section class='card__content'> <h3>Inaugural address: machine optimisation key to more efficient logistics system</h3> <span class="card__abstract card__abstract--hover_effect">The processing and transport of materials can be made much more efficient, says TU Delft professor Dingena Schott in her inaugural address, ‘Advancing Transport and Processing: from Model to Impact’. She will deliver her address on 15 November. Her research focuses on the interaction between machines and materials, with a special emphasis on granular materials. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/powerweb-institute/a-key-solution-to-grid-congestion" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199162"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/f/csm_Header%20PW%202022_bc0759a72e.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/9/f/csm_Header%20PW%202022_0a32047735.webp" /> <img style="object-position: 50% 52%;" src="https://filelist.tudelft.nl/_processed_/9/f/csm_Header%20PW%202022_18999262e6.jpg" width="960" height="275" alt="" title="" /> </picture> <section class='card__content'> <h3>A key solution to grid congestion</h3> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/tu-delft/speech-by-tim-van-der-hagen-at-world-future-forum" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199534"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/a/csm_news-World-Future-Forum-2024-Tim-van-der-Hagen_d466efc796.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/a/csm_news-World-Future-Forum-2024-Tim-van-der-Hagen_7ed60eaf31.webp" /> <img style="object-position: 87% 43%;" src="https://filelist.tudelft.nl/News/2024/11_november/news-World-Future-Forum-2024-Tim-van-der-Hagen.jpg" width="800" height="600" alt="" title="" /> </picture> <section class='card__content'> <h3>Speech by Tim van der Hagen at World Future Forum</h3> <span class="card__abstract card__abstract--hover_effect">Chairman of the Executive Board and Rector Magnificus Tim van der Hagen delivered this message this week at the World Future Forum in Lisbon.</span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/tnw/early-attempt-at-colour-photography-discovered" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199387"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/3/csm_Picture6_5df2e884b2.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/0/3/csm_Picture6_3256ef5f38.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/News/2024/11_november/TNW/Picture6.png" width="382" height="304" alt="" title="" /> </picture> <section class='card__content'> <h3>Early attempt at colour photography discovered</h3> <span class="card__abstract card__abstract--hover_effect">Delft University of Technology has unearthed six glass slides (1890 – 1910), which represent one of the earliest attempts at colour photography. The slides were found during an inventory conducted by the Programme Tailor-Made Approach to Faculty Collections at the Imaging Physics department of the Faculty of Applied Sciences. To view the images, technician Thim Zuidwijk reconstructed a diffraction chromoscope, revealing vivid depictions of a vase with a floral motif and a still life of a fruit basket alongside a banana and a wrapped citrus fruit.</span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/me/news/merging-like-a-human-tu-delft-develops-new-model-to-help-self-driving-cars-drive-socially" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199385"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/c/csm_processed-bb327eb6-3bdd-47c1-99b5-02d46984fd66_d97XYEVL_ac78a68ce1.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/2/c/csm_processed-bb327eb6-3bdd-47c1-99b5-02d46984fd66_d97XYEVL_e3d612020e.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/2/c/csm_processed-bb327eb6-3bdd-47c1-99b5-02d46984fd66_d97XYEVL_c9869d359d.jpeg" width="960" height="467" alt="" title="" /> </picture> <section class='card__content'> <h3>Merging like a human: TU Delft develops new model to help self-driving cars drive socially</h3> <span class="card__abstract card__abstract--hover_effect">Scientists at TU Delft have developed a new model that better describes human behaviour when merging into motorway traffic. Current models often assume that drivers are constantly trying to optimise their behaviour to reach their destination as quickly and safely as possible, but this is not always the case, says postdoctoral researcher Olger Siebinga. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/tu-delft/a-rudimentary-quantum-network-link-between-dutch-cities" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199307"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/f/csm_QuTech_Kian_Arian_1021_795c8ff7e7.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/6/f/csm_QuTech_Kian_Arian_1021_e5161e8c6d.webp" /> <img style="object-position: 54% 59%;" src="https://filelist.tudelft.nl/_processed_/6/f/csm_QuTech_Kian_Arian_1021_ec92d517ad.jpg" width="640" height="960" alt="" title="" /> </picture> <section class='card__content'> <h3>A rudimentary quantum network link between Dutch cities</h3> <span class="card__abstract card__abstract--hover_effect">An international research team led by QuTech has demonstrated a network connection between quantum processors over metropolitan distances. Their result marks a key advance from early research networks in the lab towards a future quantum internet. The team developed fully independently operating nodes and integrated these with deployed optical internet fibre, enabling a 25 km quantum link. The researchers published their findings in Science Advances. </span> </section> </div> </a> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div class="content-slider__card"> <a href="/en/2024/me/news/bachelor-students-develop-model-to-better-understand-the-chemical-process-of-renewable-fuels" class="card card--no_description card--grey_dark card--colored card--slide_effect card--background_gradient"> <div class="card__contentWrapper"> <picture class="card__img card__img--988550-199309"> <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/4/csm_energy-onderzoek_07660eb256.webp" /> <source media="(min-width: 40.125em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/f/4/csm_energy-onderzoek_759b21b86d.webp" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/f/4/csm_energy-onderzoek_6005b75b32.jpg" width="960" height="640" alt="" title="" /> </picture> <section class='card__content'> <h3>Bachelor students develop model to better understand the chemical process of renewable fuels</h3> <span class="card__abstract card__abstract--hover_effect">A group of TU Delft bachelor students has developed, as part of the students’ minor in Computational Science and Engineering, a new model that accurately predicts the molecular properties of alkanes. This knowledge is crucial for the development of renewable fuels. </span> </section> </div> </a> </div> </div> </div> </div> <button class="content-slider__button content-slider__button--prev hide" tabindex="-1" aria-hidden="true"> <span class="show-for-sr">Go to previous item</span> </button> <button class="content-slider__button content-slider__button--next"> <span class="show-for-sr">Go to next item</span> </button> <div class="content-slider__bullet-wrap" aria-live="polite" data-labelscrolltopart="Item" data-labelof="of"></div> </div> </div> </div> <div id=c988552 class="t3ce show-for-xlarge frame-type-gridelements_pi1 frame-space-before-20 "> <a id="c1002920" class="localized-uid"></a> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> <div id=c988551 class="t3ce frame-type-sitetud_singlebutton "> <a id="c1002919" class="localized-uid"></a> <a href="/en/about-tu-delft/current" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> More news </a> </div> </div> </div> </div> </div> <div id=c989673 class="t3ce hide-for-xlarge frame-type-shortcut frame-space-before-30 "> <a id="c1002921" class="localized-uid"></a> <div id=c1002919 class="t3ce frame-type-sitetud_singlebutton "> <a href="/en/about-tu-delft/current" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> More news </a> </div> </div> </div> </div> </div> </div> <div id=c988548 class="t3ce frame-type-gridelements_pi1 element-layout-fullScreenWidth-contentContainerWidth frame-space-before-30 "> <a id="c1002932" class="localized-uid"></a> <div class=" "> <div class="row grid grid--noPaddingBottom layout-1570700722"> <div class="sm-12"> <div id=c988540 class="t3ce frame-type-text frame-space-before-10 frame-space-after-40 "> <a id="c1002923" class="localized-uid"></a> <h2 class="ce-headline-center "> Events </h2> </div> <div id=c989634 class="t3ce frame-type-gridelements_pi1 "> <a id="c1061356" class="localized-uid"></a> <div class=" grid-background--boxed"> <div class="content-slider"> <div class="content-slider__inner-wrap"> <div class="content-slider__item-wrap content-slider__item-wrap--no-slide-preview multiRowGrid multiRowGrid--slider "> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1473056 class="t3ce frame-type-sitetud_card "> <a id="c1445744" class="localized-uid"></a> <div class="grid-row "> <div class="sm-12"> <a href="/en/sciencecentre/activiteiten/rolfs-surprise-lab" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1473056" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/e/csm_homepage-event-surprise_635a5db6df.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/e/csm_homepage-event-surprise_da53e89a3d.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/d/e/csm_homepage-event-surprise_635a5db6df.webp, https://filelist.tudelft.nl/_processed_/d/e/csm_homepage-event-surprise_bac6672cbd.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/Calendar/2024/11%20November/homepage-event-surprise.jpg" width="275" height="190" alt="" /> </picture> <section class='card__content'> <div class="label">For kids</div> <h3>20/24/25 November: Rolfs Surprise Lab</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1468844 class="t3ce frame-type-sitetud_card "> <a id="c1468845" class="localized-uid"></a> <div class="grid-row "> <div class="sm-12"> <a href="/en/events/2024/dewis/a-world-of-respect-united-in-safety-for-women-and-girls" class="card card--slide_effect"> <div class="card__contentWrapper"> <picture class="card__img card__img--1468844" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/f/csm_Orange%20the%20world_e5b28c7d5a.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/f/csm_Orange%20the%20world_5d05454ba3.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/f/csm_Orange%20the%20world_e5b28c7d5a.webp, https://filelist.tudelft.nl/_processed_/5/f/csm_Orange%20the%20world_1d21d4bd5a.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/Orange%20the%20world.png" width="747" height="367" alt="" /> </picture> <section class='card__content'> <div class="label">For everyone</div> <h3>25 November: Orange the World</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1462413 class="t3ce frame-type-sitetud_card "> <a id="c1462414" class="localized-uid"></a> <div class="grid-row "> <div class="sm-12"> <a href="/en/evenementen/2024/tu-delft/11-nov/exhale-closing-week" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1462413" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/6/csm_homepage-event-exhale_75a90e833e.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/6/csm_homepage-event-exhale_12ed44a5a7.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/7/6/csm_homepage-event-exhale_75a90e833e.webp, https://filelist.tudelft.nl/_processed_/7/6/csm_homepage-event-exhale_70522e1c0b.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/News/2024/11_november/homepage-event-exhale.jpg" width="275" height="190" alt="" /> </picture> <section class='card__content'> <div class="label">For students</div> <h3>25 Nov-1 Dec: Exhale Closing Week</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1486277 class="t3ce frame-type-sitetud_card "> <a id="c1486278" class="localized-uid"></a> <div class="grid-row "> <div class="sm-12"> <a href="https://online-learning.tudelft.nl/webinars/cybersecurity-webinar/" target="_blank" class="card" rel="noreferrer"> <div class="card__contentWrapper"> <picture class="card__img card__img--1486277" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/9/csm_michel_b1d15d24ff.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/9/csm_michel_aa3616011c.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/8/9/csm_michel_b1d15d24ff.webp, https://filelist.tudelft.nl/_processed_/8/9/csm_michel_1f2d276071.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/michel.jpg" width="275" height="190" alt="" /> </picture> <section class='card__content'> <div class="label">For everyone</div> <h3>2 December: Cybersecurity Webinar</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1484341 class="t3ce frame-type-sitetud_card "> <a id="c1484342" class="localized-uid"></a> <div class="grid-row "> <div class="sm-12"> <a href="/en/about-tu-delft/calendar/183rd-dies-natalis-tu-delft" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1484341" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/GIF_DiesNatalis-ezgif.com-video-to-webp-converter.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/GIF_DiesNatalis-ezgif.com-video-to-webp-converter.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/GIF_DiesNatalis-ezgif.com-video-to-webp-converter.webp, https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/GIF_DiesNatalis-ezgif.com-video-to-webp-converter.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/TUDelft/Homepage/Events%202024/GIF_DiesNatalis-ezgif.com-video-to-webp-converter.webp" width="800" height="800" alt="" /> </picture> <section class='card__content'> <div class="label">For everyone</div> <h3>16 januari: Dies Natalis 183</h3> </section> </div> </a> </div> </div> </div> </div> <div class="content-slider__item sm-12 md-6 lg-3"> <div id=c1484323 class="t3ce frame-type-sitetud_card "> <a id="c1484324" class="localized-uid"></a> <div class="grid-row "> <div class="sm-12"> <a href="/en/events/2024/library/epic-party-costume-culture-and-controversy" class="card"> <div class="card__contentWrapper"> <picture class="card__img card__img--1484323" > <source media="(max-width: 40.063em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/7/csm_Tentoonstelling%20Library%20tot%2017%20jan_ed86dfd6f5.webp" /> <source media="(max-width: 63.938em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/7/csm_Tentoonstelling%20Library%20tot%2017%20jan_7a22885af0.webp" /> <source media="(min-width: 64em)" type="image/webp" srcset="https://filelist.tudelft.nl/_processed_/5/7/csm_Tentoonstelling%20Library%20tot%2017%20jan_ed86dfd6f5.webp, https://filelist.tudelft.nl/_processed_/5/7/csm_Tentoonstelling%20Library%20tot%2017%20jan_386a9c8bae.webp 1.5x" /> <img style="object-position: 50% 50%;" src="https://filelist.tudelft.nl/_processed_/5/7/csm_Tentoonstelling%20Library%20tot%2017%20jan_c4b1c31002.jpeg" width="960" height="679" alt="" /> </picture> <section class='card__content'> <div class="label">For everyone</div> <h3>till 17 Jan: Epic Party: Costume, culture and controversy</h3> </section> </div> </a> </div> </div> </div> </div> </div> </div> <button class="content-slider__button content-slider__button--prev hide" tabindex="-1" aria-hidden="true"> <span class="show-for-sr">Go to previous item</span> </button> <button class="content-slider__button content-slider__button--next"> <span class="show-for-sr">Go to next item</span> </button> <div class="content-slider__bullet-wrap" aria-live="polite" data-labelscrolltopart="Item" data-labelof="of"> </div> </div> </div> </div> <div id=c988547 class="t3ce show-for-xlarge frame-type-gridelements_pi1 frame-space-before-10 "> <a id="c1002930" class="localized-uid"></a> <div class=" grid-background--boxed"> <div class="row grid layout-0"> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> </div> <div class="xs-12 sm-6 lg-3"> <div id=c988544 class="t3ce frame-type-sitetud_singlebutton "> <a id="c1002929" class="localized-uid"></a> <a href="/en/about-tu-delft/calendar" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> More events </a> </div> </div> </div> </div> </div> <div id=c989674 class="t3ce hide-for-xlarge frame-type-shortcut frame-space-before-30 frame-space-after-20 "> <a id="c1002931" class="localized-uid"></a> <div id=c1002929 class="t3ce frame-type-sitetud_singlebutton "> <a href="/en/about-tu-delft/calendar" class="btn btn--single align-center btn--borderBox" style="width: 100%;"> More events </a> </div> </div> </div> </div> </div> </div> <div id=c988567 class="t3ce frame-type-html "> <script> // Split carousel description by | symbol var carouselTitle = document.getElementsByClassName("sliderCentered-itemDescription"); for (let i = 0; i < carouselTitle.length; i++) { var splitTitle = carouselTitle[i].innerHTML.split(" | "); if(splitTitle.length == 2) { carouselTitle[i].innerHTML = splitTitle[1]; let newItem = document.createElement("div"); newItem.innerHTML = splitTitle[0]; newItem.classList.add("carouselTag"); carouselTitle[i].parentNode.prepend(newItem); } } </script> <style> /* Thema Tag Styling */ .carouselTag, #c989686 .card .label, #c1099644 .card .label {font-size: .7rem; text-transform: uppercase; letter-spacing: 1px; background-color: #ffffffa3; color: black; width: fit-content; padding: 2px 11px 1px 11px !important; border-radius: 1px; margin-bottom: 10px !important; } .sliderCentered-itemHeading { line-height: 1.3 !important;} /* Hoogte van Header op Desktop */ @media only screen and (min-width: 1024px) { #c989686 .card, #c989686 .frame-type-sitetud_card, #c1099644 .card, #c1099644 .frame-type-sitetud_card {height:35em !important;} #c988593 .grid-background--grey_light { height:35em; padding-bottom: 0; padding-right:3rem; padding-left:3rem; overflow: hidden; } } /* Background Flame */ #c988593 .grid-background--grey_light:after { opacity: 25%; position:absolute; content:''; display:block; width:100%; height:100%; top:0; left:0; background-image: url(https://www.tudelft.nl/typo3conf/ext/tud_styling/Resources/Public/img/torch.svg); background-repeat: no-repeat; background-position: 15% 75%; background-size: 250%; mix-blend-mode: exclusion !important; pointer-events:none;} /* Bottom blue line on header & carousel */ #c988593 .grid-background--grey_light, .sliderCentered-item { box-shadow: 0 -1px 0 0 #00a6d6 inset; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; -webkit-transition: .2s cubic-bezier(.56,0,0,1.6); transition: .2s cubic-bezier(.56,0,0,1.6); } #c988593 .grid-background--grey_light:hover, .sliderCentered-itemInner:hover { box-shadow: 0 -0.5em 0 0 #00a6d6 inset; } .sliderCentered-itemLink.btn {display:none;} #c1099644 .card h3, #c989686 .card h3 {font-size: 2em;} /* Remove line in header card */ #c1099644 .card h3:before, #c989686 .card h3:before {display:none} /* Fix padding issues in header grid */ #c1099644>div>div, #c989686>div>div {margin-top:0;} #c989680 {margin-left: -1.46875rem;} #c1099644 div, #c989686 div {margin-bottom: initial !important;padding:0;} /* gradient on header card */ .card.card--background_gradient .card__contentWrapper:before { content: ""; z-index: 1; display: block; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000)); background-image: linear-gradient(rgba(0,0,0,0),#000); position: absolute; top: 50%; right: 0; bottom: 0; left: 0; pointer-events: none; } /* gradient on carousel */ .sliderCentered-item:before {top:50%;} /*fix carousel bug & make it more square on mobile*/ .frame-type-sitetud_carousel {overflow:hidden;} @media (max-width: 37.5em){ .sliderCentered-itemInner {padding-top:5rem;padding-bottom:5rem;} } /* Make header card padding equal to carousel padding */ #c1099644 .card__content, #c989686 .card__content {padding: 4.40625rem} /* Right padding of text in header card */ #c1099644 .card__content, #c989686 .card__content {padding-right:20rem;} /* Small Desktop Settings */ @media only screen and (max-width: 1600px) { #c988593 .grid-background--grey_light {padding-left: 2.5rem;padding-right: 2.5rem !important;} } /* Mobile Settings */ /* Fix margin on right of header text */ @media only screen and (max-width: 1023px) { #c988593 .grid-background--grey_light { margin-right: initial; } /* Right padding of text in header card */ #c1099644 .card__content, #c989686 .card__content {padding-right:4.40625rem;} /* WCAG adjustment for links in textblock */ .linepix {min-width: 24px; min-height: 24px;} </style> </div>  </div> </main> <footer class="pageFooter"> <a class="js-back_to_top" href="#" title="back_to_top"> <div class="btn--icon i-arrow_down"></div> </a> <div class='container'> <div class='row'> <div class="md-6 lg-6 space"> <div id=c37509 class="t3ce frame-type-header "> <h1 class=" "> Delft University of Technology </h1> </div> <div class="t3ce frame-type-sitetud_socialmedialinks "> <h3 class="text-hide">socmed</h3> <ul class="list-inline"> <li> <a href="https://www.facebook.com/tudelft" target="_blank" class="btn--icon i-facebook" rel="noreferrer"> <span class="text-hide"> facebook </span> </a> </li> <li> <a href="https://twitter.com/tudelft" target="_blank" class="btn--icon i-twitter" rel="noreferrer"> <span class="text-hide"> twitter </span> </a> </li> <li> <a href="https://www.instagram.com/tudelft/?hl=en" target="_blank" class="btn--icon i-instagram" rel="noreferrer"> <span class="text-hide"> instagram </span> </a> </li> <li> <a href="https://www.youtube.com/user/tudelft" target="_blank" class="btn--icon i-youtube" rel="noreferrer"> <span class="text-hide"> youtube </span> </a> </li> <li> <a href="https://www.linkedin.com/edu/delft-university-of-technology-15445" target="_blank" class="btn--icon i-linkedin" rel="noreferrer"> <span class="text-hide"> linkedin </span> </a> </li> <li> <a href="https://api.whatsapp.com/send?phone=3197010256278" target="_blank" class="btn--icon i-whatsapp hide-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> <a href="https://wa.me/+3197010256278" title="Start Whatsapp Conversation" target="_blank" class="btn--icon i-whatsapp show-for-xxlarge" rel="noreferrer"> <span class="text-hide">whatsapp</span> </a> </li> </ul> </div> </div> <div class="md-6 lg-6"> <div class="row"> <div class="sm-6"> <div id=c46 class="t3ce frame-type-text "> <p>Postbus 5<br> 2600 AA Delft<br> The Netherlands<br> <a href="/en/about-tu-delft/contact" title="Opens internal link in current window">Contact and accessibility</a></p> </div> </div> <div class="sm-6 right"> <div id=c45 class="t3ce frame-type-text "> <p><a href="/en/about-tu-delft/working-at-tu-delft">Vacancies</a><br> <a href="/en/about-tu-delft/browsealoud">Reading assistant BrowseAloud</a><br> <a href="http://intranet.tudelft.nl/" target="_blank" rel="noreferrer">Intranet </a><br> <a href="/en/student" target="_blank">Student portal</a><br> <a href="/en/delft-university-fund/support-us">Donate</a><br> <a href="/en/disclaimer">Disclaimer</a><br> <a href="/en/privacy-and-security">Privacy & Security</a></p> </div> </div> </div> </div> </div> </div> </footer> <nav class="nav-bottom"> <div class="container no-spacing"> <a class="logo left" href="/en/"> <svg focusable="false" class="logo logo-tudelft--bottom" role="img"> <use xlink:href="#logo"></use> </svg> <span class="text-hide">Home of TU Delft</span> </a> <div class="nav-main left"> <a href="/en/cookie-policy" title="Cookie settings" class="cookieButton btn--icon"> <svg viewBox="14 13 36 44" class="cookieButton-icon"> <circle cx="35.709" cy="22.973" fill="currentColor" r="2"/> <circle cx="41.875" cy="29.417" fill="currentColor" r="2"/> <circle cx="31.709" cy="31.417" fill="currentColor" r="2"/> <circle cx="24.001" cy="37.25" fill="currentColor" r="2"/> <circle cx="32" cy="42.292" fill="currentColor" r="2"/> <circle cx="38.875" cy="37.25" fill="currentColor" r="2"/> <path d="M32 50c-9.925 0-18-8.075-18-18 0-.505.034-1.001.074-1.494a1 1 0 0 1 1.269-.882c3.594 1.016 7.107-1.47 7.578-4.963a1 1 0 0 1 .858-.857 5.948 5.948 0 0 0 3.438-1.705 5.958 5.958 0 0 0 1.756-4.241c0-.78-.15-1.542-.447-2.266a1.002 1.002 0 0 1 .776-1.369A17.78 17.78 0 0 1 32 14c9.925 0 18 8.075 18 18s-8.075 18-18 18zM16.002 31.795A14.01 14.01 0 0 0 16 32c0 8.822 7.178 16 16 16s16-7.178 16-16-7.178-16-16-16c-.396 0-.801.019-1.233.058a7.91 7.91 0 0 1 .206 1.799 7.941 7.941 0 0 1-2.342 5.656 7.914 7.914 0 0 1-3.86 2.143c-.899 3.891-4.672 6.653-8.769 6.139z" fill="currentColor"/> </svg> </a> <a href="#" class="button-reset btn--icon btn-contrast js-contrastChanger" title="Contrast settings"> <span class="js-contrastChanger-label text-hide" data-highcontrasttext="Activate high contrast" data-normalcontrasttext="Activate normal contrast"> Activate high contrast </span> <svg role="presentation" class="icon-contrast"> <use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/contrast-icon.svg#contrast-icon"></use> </svg> </a> <div id="__ba_panel" class="js-browse-aloud"> </div> </div> <div class="right"> <div class="nav-main"> <ul><li class="nav-main__mainitem" data-priority="0"><a href="/en/education">Students & Education</a><ul class="nav-main__submenu"><li><a href="/en/education/programmes">Programmes</a></li><li><a href="/en/education/admission-and-application">Admission and Application</a></li><li><a href="/en/education/study-programme-orientation">Study Programme Orientation</a></li><li><a href="/en/student">Student portal</a></li><li><a href="/en/extension-school">Lifelong Learning</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/research">Research</a><ul class="nav-main__submenu"><li><a href="/en/research/societal-challenges">Societal challenges</a></li><li><a href="/en/research/faculties-and-institutes">Faculties and institutes</a></li><li><a href="/en/research/research-facilities">Research facilities</a></li><li><a href="/en/stories">Stories</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/innovation-impact">Innovation & Impact</a><ul class="nav-main__submenu"><li><a href="/en/innovation-impact/business-collaboration">Business collaboration</a></li><li><a href="/en/innovation-impact/pioneering-tech">Pioneering Tech</a></li><li><a href="/en/innovation-impact/project-cases">Project Cases</a></li><li><a href="/en/innovation-impact/entrepreneurship">Getting started in business</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/community">Community</a><ul class="nav-main__submenu"><li><a href="/en/community/campus-life">Campus Life</a></li><li><a href="/en/community/alumni">Alumni</a></li><li><a href="/en/about-tu-delft/calendar">Events</a></li><li><a href="/en/community/social-safety">Social safety</a></li><li><a href="/en/sciencecentre">Science Centre</a></li></ul></li><li class="nav-main__mainitem" data-priority="0"><a href="/en/about-tu-delft">About TU Delft</a><ul class="nav-main__submenu"><li><a href="/en/about-tu-delft/find-employees">Find employees</a></li><li><a href="/en/about-tu-delft/contact">Contact</a></li><li><a href="/en/about-tu-delft/current">Current</a></li><li><a href="/en/about-tu-delft/calendar">Calendar</a></li><li><a href="/en/library">Library</a></li><li><a href="/en/about-tu-delft/working-at-tu-delft">Jobs</a></li><li><a href="/en/about-tu-delft/organisation">Organisation</a></li><li><a href="/en/about-tu-delft/strategy">Strategy</a></li><li><a href="/en/delft-university-fund">University Fund</a></li></ul></li></ul> <a href="/" title="Schakel over naar de Nederlandse taal" class="btn--icon btn--languageSwitch" lang="nl"> <div class="icon-languageSwitch icon-languageSwitch--en"></div> </a> <button data-target=".nav-search" class="button-reset btn--icon i-search js-modal"> <span class="text-hide">Search</span> </button> </div> </div> </div> </nav> <script> document.addEventListener('DOMContentLoaded', function() { function waitForElementToExist(selector) { return new Promise(resolve => { if (document.querySelector(selector)) { return resolve(document.querySelector(selector)); } const observer = new MutationObserver(() => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(document.body, { subtree: true, childList: true, }); }); } // ?️ using the function waitForElementToExist('#__ba_panel > .textDiv > .customText').then(element => { var baPanelIconWrapper = document.querySelector('#__ba_panel > .textDiv > .customText'); baPanelIconWrapper.innerHTML = '<svg role="presentation" style="width: 100%;height: 100%;"><use xlink:href="/typo3conf/ext/tud_styling/Resources/Public/img/browse-aloud.svg#browseAloud"></svg>'; }); }); </script>   <script type="text/javascript" src="https://www.browsealoud.com/plus/scripts/3.1.0/ba.js" crossorigin="anonymous" integrity="sha256-VCrJcQdV3IbbIVjmUyF7DnCqBbWD1BcZ/1sda2KWeFc= sha384-k2OQFn+wNFrKjU9HiaHAcHlEvLbfsVfvOnpmKBGWVBrpmGaIleDNHnnCJO4z2Y2H sha512-gxDfysgvGhVPSHDTieJ/8AlcIEjFbF3MdUgZZL2M5GXXDdIXCcX0CpH7Dh6jsHLOLOjRzTFdXASWZtxO+eMgyQ=="></script> <script> window.addEventListener('DOMContentLoaded', function () { $( ".nav-main.left" ).append( $("#__ba_panel") ); }); </script> <script src="/typo3conf/ext/site_tud/Resources/Public/JavaScript/dist.javascripts.95fa0b7346.min.js" type="text/javascript"></script> <script> document.addEventListener('DOMContentLoaded', function () {var navItem = document.getElementById('nav-overlay__mainitem--1'), navSubItem = document.getElementById('nav-overlay__subitem--1');if (navItem !== null) {navItem.classList.add('is-active');}if (navSubItem !== null) {navSubItem.classList.add('nav-overlay__subitem--active');}}); </script> <script> document.addEventListener('DOMContentLoaded', function () {var navItem = document.getElementById('nav-overlay__mainitem--68510'), navSubItem = document.getElementById('nav-overlay__subitem--68510');if (navItem !== null) {navItem.classList.add('is-active');}if (navSubItem !== null) {navSubItem.classList.add('nav-overlay__subitem--active');}}); </script> <style> .pageFooter { background-image: url(https://www.tudelft.nl/typo3conf/ext/tud_styling/Resources/Public/img/torch.svg); background-repeat:no-repeat; background-position: 15% 75%; background-size: 250%; background-blend-mode: overlay; } .card--no_image {background-blend-mode: overlay;} .flameStyle1 {background-position: 80% 40% !important; background-size: 370% !important;} .flameStyle2 {background-position: 30% 35% !important; background-size: 450% !important;} .flameStyle3 {background-position: 50% 50% !important; background-size: 400% !important;} .flameStyle4 {background-position: 60% 70% !important; background-size: 500% !important;} .flameStyle5 {background-position: 30% 80% !important; background-size: 330% !important;} </style> <script> var cards = document.querySelectorAll('.card--no_image'); var i; for(var i = 0; i<cards.length; i++) { switch (i % 5) { case 0: cards[i].className += " flameStyle1"; break; case 1: cards[i].className += " flameStyle2"; break; case 2: cards[i].className += " flameStyle3"; break; case 3: cards[i].className += " flameStyle4"; break; case 4: cards[i].className += " flameStyle5"; break; } } </script> <script> window.addEventListener('DOMContentLoaded', function () { document.querySelectorAll(".logo-tudelft--top")?.forEach (x=> x.setAttribute("aria-label", "TU Delft homepage")); // add aria-label to top logo document.querySelectorAll(".logo-tudelft--bottom")?.forEach (x=> x.setAttribute("aria-label", "TU Delft homepage")); //add aria-label to bottom logo // document.getElementsByClassName("button-reset btn--icon i-search js-modal")[0].setAttribute("aria-label", "Search, Zoeken"); // add aria-label to search icon // document.getElementsByClassName("button-reset btn--icon i-search js-modal")[1].setAttribute("aria-label", "Search, Zoeken"); // add aria-label to search icon document.querySelectorAll('[class*=video--popup]')?.forEach( x=> x.setAttribute("aria-label","Play video" + ", " + x.innerText)); // add 'play video' to every videoelement with additional video-title document.querySelector(".cookieNotice")?.setAttribute("role", "dialog"); // add region to cookiestatement document.querySelector(".cookieNotice")?.setAttribute("aria-label", "Cookie statement"); // add aria-label to cookiestatement document.querySelector(".pageFooter")?.setAttribute("role", "region"); // add region to footer document.querySelector(".pageFooter")?.setAttribute("aria-label", "Footer"); // add aria-label to footer // add tabindex=-1 to pagination (...) const dots = document.querySelectorAll('ul li a'); for (let i = 0; i < dots.length; i++) { if (dots[i].textContent === '...') { dots[i].setAttribute("tabindex", "-1"); } } // add buttontitle to carousel aria-label document.querySelectorAll('.slick-dots button')?.forEach(button => { button.setAttribute('aria-label', button.innerText + ', ' + button.getAttribute('aria-label')); }); // set photogallery ARIA to hidden document.querySelectorAll('.photoGallerySlider .slick-dots')?.forEach(ul => { ul.setAttribute("aria-hidden","true");}) // set ARIA label for next & previous buttons document.querySelectorAll(".slick-prev")?.forEach (x=> x.setAttribute("aria-label", "Vorige / Previous")); // add aria-label to top logo document.querySelectorAll(".slick-next")?.forEach (x=> x.setAttribute("aria-label", "Volgende / Next")); // add aria-label to top logo // add 'reference' to element id //document.querySelectorAll(".frame-type-shortcut [id]").forEach((element, index) => element.id += '-reference' + index); // header sliders WCAG document.querySelectorAll('.carousel')?.forEach( x=> x.setAttribute("role","region")); document.querySelectorAll('.carousel')?.forEach( x=> x.setAttribute("aria-label","Header carousel")); document.querySelectorAll(".menu.js-toggle")?.forEach ( x=> x.setAttribute("aria-label", "Menu")); // Set ARIA label of patty menu // wis alle filters aria labels/role var list = document.querySelector(".lookup-usedFilters"); if (list && list.childElementCount !== 0) { // It has at least one element as a child list.setAttribute("role", "list"); } else if (list && list.childElementCount === 0) { list.setAttribute("role", "none"); } // fix profilecard UL var profilecard = document.querySelectorAll(".profile__contactdata"); for (i = 0; i < profilecard.length; i++) { if (profilecard[i] && profilecard[i].childElementCount !== 0) { // It has at least one element as a child profilecard[i].setAttribute("role", "list"); } else if (profilecard[i] && profilecard[i].childElementCount === 0) { profilecard[i].setAttribute("role", "none"); }} // fix aside UL var navaside = document.querySelectorAll(".nav-aside ul"); for (i = 0; i < navaside.length; i++) { if (navaside[i] && navaside[i].childElementCount !== 0) { // It has at least one element as a child navaside[i].setAttribute("role", "list"); } else if (navaside[i] && navaside[i].childElementCount === 0) { navaside[i].setAttribute("role", "none"); }} // Set aria label for to top links // Todo: remove childnode <span class="hide">To top</span> document.querySelectorAll(".csc-linkToTop .uparrow").forEach(x => x.setAttribute("aria-label", "To top")); // Set tabindex of photo gallery slider to -1 document.querySelectorAll(".photoGalleryNavSlider-item").forEach(x => x.setAttribute("tabindex", -1)) document.querySelectorAll(".slick-slide").forEach(x => x.setAttribute("tabindex", -1)) // Remove empty header in carousel document.querySelectorAll(".frame-type-sitetud_carousel h3:empty").forEach(x => x.remove()) document.querySelectorAll(".frame-type-sitetud_carousel .slick-dots").forEach(x => x.style.marginTop = "3rem") // Empty H2 in Lookup results if screen reader header is not entered document.querySelectorAll("h2.show-for-sr:empty").forEach(x => x.remove()) // Empty H2 in Lookup results if agenda__month header is not entered document.querySelectorAll(".agenda .agenda__month:empty").forEach(x => x.remove()) document.querySelectorAll(".filters-column").forEach((el, index) => { let id = `formFieldId${index}` el.querySelector("select")?.setAttribute("aria-labelledby",id) el.querySelector("span")?.setAttribute("id",id) }) }, false); </script> <script type="text/javascript"> if (window.require && window.$ && window.isLumesseApplyPage) { $.getScript('/typo3conf/ext/site_tud/Resources/Public/JavaScript/TalentLink.js') };</script> </body> </html>

CINXE.COM

Delft University of Technology | TU Delft | Challenge. Change. Impact!