1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5 <meta http-equiv="x-ua-compatible" content="ie=edge"/> 6 <title></title> 7 <link rel="preconnect" href="https://fonts.googleapis.com"/> 8 <link rel="preconnect" href="https://fonts.gstatic.com"/> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> 10 <meta content="telephone=no" name="format-detection"/> 11 <meta name="HandheldFriendly" content="true"/> 12 <meta name="description" content="GALERIE DATA"/> 13 <!-- Google Fonts --> 14 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap" rel="stylesheet"/> 15 <!-- Local Fonts --> 16 <link href="css/custom-fonts.css" rel="stylesheet"/> 17 <!-- Vendor styles--> 18 <link rel="stylesheet" type="text/css" href="css/vendor.css"/> 19 <!-- Template main styles--> 20 <link rel="stylesheet" type="text/css" href="css/main.css"/> 21 <!-- Favicons & App Icons --> 22 <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png"/> 23 <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png"/> 24 <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png"/> 25 <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-icon-76x76.png"/> 26 <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-icon-114x114.png"/> 27 <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-icon-120x120.png"/> 28 <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-icon-144x144.png"/> 29 <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-icon-152x152.png"/> 30 <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-icon-180x180.png"/> 31 <link rel="icon" type="image/png" sizes="192x192" href="img/favicon/android-icon-192x192.png"/> 32 <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png"/> 33 <link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96x96.png"/> 34 <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png"/> 35 <link rel="manifest" href="img/favicon/manifest.json"/> 36 <meta name="msapplication-TileColor" content="#060707"/> 37 <meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png"/> 38 <meta name="theme-color" content="#060707"/> 39 </head> 40 <body> 41 42 <div data-barba="wrapper"> 43 <!-- PAGE HEADER --> 44 <header class="header header_overlay-logo-center-burger-right js-header" id="page-header" data-arts-component-name="Header"> 45 <!-- Top bar --> 46 <div class="header__bar header__bar_fixed borders-auto-opacity-solid d-flex justify-content-between js-header__bar" data-arts-color-theme="dark" data-arts-header-logo="secondary" data-arts-header-sticky-logo="secondary" data-arts-header-sticky-class="bg-dark-3"> 47 48 <!-- Site logo --><a class="header__col header__col_center header__col_logo logo" href="index.html"> 49 <div class="logo__wrapper-img"> 50 <!-- primary logo version (for use with light backgrounds)--><img class="logo__img-primary" src="img/GALERIE_DATA_THUMBNAIL_dark.png" width="150" height="20" loading="eager" alt="UNREALFAKE"/> 51 <!-- secondary logo version (for use with dark backgrounds)--><img class="logo__img-secondary" src="img/GALERIE_DATA_THUMBNAIL_light.png" width="150" height="20" loading="eager" alt="UNREALFAKE"/> 52 </div></a> 53 <!-- - Site logo --> 54 <!-- Burger button --><a class="header__col header__col_right header__burger js-header__overlay-switcher" href="#" rel="nofollow" data-arts-cursor-follower-target="{delegate: true, magnetic: 0.1, scale: 1.2, hideNative: false}"> 55 <!-- Burger labels --> 56 <div class="header__label header__burger-label me-2"> 57 <div class="header__label-burger header__label-burger_inner header__label-burger_closed-open">Menu</div> 58 <div class="header__label-burger header__label-burger_inner header__label-burger_closed-hover">Open</div> 59 <div class="header__label-burger header__label-burger_inner header__label-burger_opened-open">Close</div> 60 <div class="header__label-burger header__label-burger_inner header__label-burger_opened-hover">Close</div> 61 </div> 62 <!-- - Burger labels --> 63 <!-- Burger lines --> 64 <div class="header__burger-wrapper-lines" data-arts-cursor-follower-delegated="true"> 65 <div class="header__burger-line"></div> 66 <div class="header__burger-line"></div> 67 </div> 68 <!-- - Burger lines --> 69 <!-- Border left --> 70 <div class="header__border-vertical bg-bl js-header__border-vertical"></div></a> 71 <!-- - Burger button --> 72 <!-- Bar border bottom--> 73 <div class="header__border-horizontal bg-bb js-header__border-horizontal"></div> 74 </div> 75 <!-- - Top bar --> 76 <!-- Overlay menu --> 77 <div class="header__wrapper-overlay-menu js-header__overlay-container bg-dark-3" data-arts-color-theme="dark"> 78 <div class="header__overlay-inner js-header__overlay-container-inner"> 79 80 <!-- Widgets --> 81 <div class="col-lg-4 col-12 text-start header__col-widgets"> 82 83 <!-- widget TEXT --> 84 <div class="header__widget js-header__overlay-widget"> 85 <div class="header__widget-title subheading">GALERIE DATA . PARIS</div> 86 <div class="header__widget-content h4">Digital & Generative Art 87 </div> 88 <div class="header__widget-content h6"><a href="https://www.galeriedata.com/index.html">>> Homepage</a> 89 </div> 90 <div class="header__widget-content h6"><a href="https://www.galeriedata.com/index_expos.html">>> Past Exhibitions</a> 91 </div> 92 <div class="header__widget-content h6"><a href="https://www.galeriedata.com/about.html">>> About</a> 93 </div> 94 </div> 95 <!-- - widget TEXT --> 96 97 <!-- widget TEXT --> 98 <div class="header__widget js-header__overlay-widget"> 99 <div class="header__widget-title subheading">CONTACT</div> 100 <div class="header__widget-content h6"><a href="mailto:[email protected]">[email protected]</a> 101 </div> 102 </div> 103 <!-- - widget TEXT --> 104 105 <!-- widget TEXT --> 106 <div class="header__widget js-header__overlay-widget"> 107 <div class="header__widget-title subheading">Socials</div> 108 <div class="header__widget-content h6"><a href="https://www.instagram.com/galeriedata">INSTA @galeriedata</a> 109 <div class="header__widget-content h6"><a href="https://x.com/datagalerie">X @datagalerie</a> 110 </div> 111 </div> 112 <!-- - widget TEXT --> 113 114 <!-- widget TEXT --> 115 <br></br> 116 <br></br> 117 <div class="header__widget js-header__overlay-widget"> 118 <div class="header__widget-title subheading">©Galerie Data 2026</div> 119 <div class="header__widget-title subheading">Gabrielle Debeuret</div> 120 </div> 121 <!-- - widget TEXT --> 122 123 124 125 </div> 126 <!-- - Widgets --> 127 </div> 128 </div> 129 <!-- - Overlay menu --> 130 </header> 131 <!-- - PAGE HEADER --> 132 <!-- PAGE MAIN CONTAINER --> 133 <main class="page-wrapper bg-dark-2" id="page-wrapper" data-barba="container" data-arts-color-theme="dark"> 134 <div class="page-wrapper__content" id="page-wrapper__content"> 135 <!-- PAGE CONTENT --> 136 <!-- Interactive Links [marquee images] --> 137 <section class="section section-fullheight"> 138 <div class="section-fullheight__inner section-fullheight__inner_mobile"> 139 <div class="infinite-list js-infinite-list" data-arts-component-name="InfiniteList" data-arts-component-options="{preventScroll: true, webGL: {enabled: false, elasticEffect: false, perspectiveEffect: -3, directionAwareEffect: true, onHoverInOthers: {opacity: 0.5, scalePlane: 0.95, scaleTexture: 1.05}, onHoverOut: {opacity: 1, scalePlane: 1, scaleTexture: 1, amplitude: 0}}, marquee: {speed: 0.5}, autoCenterFirstItem: false, hoverReveal: true, snapOnRelease: false, snapReveal: false, opacityEffect: false, speedEffect: false}" data-arts-os-animation="true" data-hover-group-class="infinite-list_hovered" data-ajax-transition="flyingImage"> 140 141 <!-- List images --> 142 <div class="infinite-list__marquee-row h-100"> 143 <!-- Lane #1 [desktop & mobile] --> 144 <div class="col-12 col-lg-4 h-100 js-infinite-list__lane-images" data-arts-infinite-list-options="{inverse: false, speed: {mouse: 1.75, touch: 5.25}}"> 145 <!-- Video item #1 --> 146 <div class="infinite-list__image-item js-infinite-list__image-item"> 147 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 148 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 149 <div class="infinite-list__image-wrapper infinite-list__inner"> 150 <video class="lazy of-cover of-cover-
150absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/32_GALERIE_DATA_BURNINGBLUE_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 151 </div> 152 </div> 153 </div> 154 </div> 155 156 157 <!-- Video item #2 --> 158 <div class="infinite-list__image-item js-infinite-list__image-item"> 159 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 160 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 161 <div class="infinite-list__image-wrapper infinite-list__inner"> 162 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/31_GALERIE_DATA_MICRORAMA_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 163 </div> 164 </div> 165 </div> 166 </div> 167 168 <!-- Video item #3 --> 169 <div class="infinite-list__image-item js-infinite-list__image-item"> 170 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 171 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 172 <div class="infinite-list__image-wrapper infinite-list__inner"> 173 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/30_GALERIE_DATA_MESOPHOTIC_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 174 </div> 175 </div> 176 </div> 177 </div> 178 179 <!-- Video item #4 --> 180 <div class="infinite-list__image-item js-infinite-list__image-item"> 181 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 182 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 183 <div class="infinite-list__image-wrapper infinite-list__inner"> 184 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/29_GALERIE_DATA_SASH KATZ_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 185 </div> 186 </div> 187 </div> 188 </div> 189 190 <!-- Video item #5 --> 191 <div class="infinite-list__image-item js-infinite-list__image-item"> 192 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 193 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 194 <div class="infinite-list__image-wrapper infinite-list__inner"> 195 <video class="lazy of-cover of-cover-
195absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/28_GALERIE_DATA_SYNTAXERROR_exposition_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 196 </div> 197 </div> 198 </div> 199 </div> 200 201 <!-- Video item #6 --> 202 <div class="infinite-list__image-item js-infinite-list__image-item"> 203 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 204 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 205 <div class="infinite-list__image-wrapper infinite-list__inner"> 206 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/27_GALERIE_DATA_REMINISCENCE_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 207 </div> 208 </div> 209 </div> 210 </div> 211 212 <!-- Video item #7 --> 213 <div class="infinite-list__image-item js-infinite-list__image-item"> 214 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 215 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 216 <div class="infinite-list__image-wrapper infinite-list__inner"> 217 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/26_GALERIE_DATA_MACHINA FAUNA_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 218 </div> 219 </div> 220 </div> 221 </div> 222 223 224 <!-- Video item #8 --> 225 <div class="infinite-list__image-item js-infinite-list__image-item"> 226 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 227 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 228 <div class="infinite-list__image-wrapper infinite-list__inner"> 229 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/25_GALERIE_DATA_WHITEBOX_ver
229nissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 230 </div> 231 </div> 232 </div> 233 </div> 234 235 </div> 236 <!-- - Lane #1 --> 237 238 <!-- Lane #2 [only desktop] --> 239 <div class="col-12 col-lg-4 h-100 d-none d-lg-block js-infinite-list__lane-images" data-arts-infinite-list-options="{inverse: true, speed: {mouse: 1, touch: 3}}"> 240 241 242 <!-- Video item #1 --> 243 <div class="infinite-list__image-item js-infinite-list__image-item"> 244 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 245 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 246 <div class="infinite-list__image-wrapper infinite-list__inner"> 247 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/24_GALERIE_DATA_VESTIGES_exposition_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 248 </div> 249 </div> 250 </div> 251 </div> 252 253 <!-- Video item #2 --> 254 <div class="infinite-list__image-item js-infinite-list__image-item"> 255 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 256 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 257 <div class="infinite-list__image-wrapper infinite-list__inner"> 258 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/23_GALERIE_DATA_INTERLACE_exposition_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 259 </div> 260 </div> 261 </div> 262 </div> 263 264 <!-- Video item #3 --> 265 <div class="infinite-list__image-item js-infinite-list__image-item"> 266 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 267 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 268 <div class="infinite-list__image-wrapper infinite-list__inner"> 269 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/22_GALERIE_DATA_APPROCHE_TIMELAPSE_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 270 </div> 271 </div> 272 </div> 273 </div> 274 275 <!-- Video item #4 --> 276 <div class="infinite-list__image-item js-infinite-list__image-item"> 277 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 278 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 279 <div class="infinite-list__image-wrapper infinite-list__inner"> 280 <video class="lazy of-cover of-cover-
280absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/22_GALERIE_DATA_APPROCHE_exposition_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 281 </div> 282 </div> 283 </div> 284 </div> 285 286 <!-- Video item #5 --> 287 <div class="infinite-list__image-item js-infinite-list__image-item"> 288 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 289 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 290 <div class="infinite-list__image-wrapper infinite-list__inner"> 291 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/21_GALERIE_DATA_DISRUPT_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 292 </div> 293 </div> 294 </div> 295 </div> 296 297 <!-- Video item #6 --> 298 <div class="infinite-list__image-item js-infinite-list__image-item"> 299 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 300 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 301 <div class="infinite-list__image-wrapper infinite-list__inner"> 302 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/20_GALERIE_DATA_PRINTSCREEN_expo_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 303 </div> 304 </div> 305 </div> 306 </div> 307 308 309 <!-- Video item #7 --> 310 <div class="infinite-list__image-item js-infinite-list__image-item"> 311 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 312 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 313 <div class="infinite-list__image-wrapper infinite-list__inner"> 314 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/19_GALERIE_DATA_FRAGMENTS_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 315 </div> 316 </div> 317 </div> 318 </div> 319 320 321 <!-- Video item #8 --> 322 <div class="infinite-list__image-item js-infinite-list__image-item"> 323 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 324 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 325 <div class="infinite-list__image-wrapper infinite-list__inner"> 326 <video class="lazy of-cover of-cover-
326absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/18_GALERIE_DATA_CHIMERA_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 327 </div> 328 </div> 329 </div> 330 </div> 331 332 </div> 333 <!-- - Lane #2 --> 334 <!-- Lane #3 [only desktop] --> 335 <div class="col-12 col-lg-4 h-100 d-none d-lg-block js-infinite-list__lane-images" data-arts-infinite-list-options="{inverse: false, speed: {mouse: 0.5, touch: 1.5}}"> 336 337 338 <!-- Video item #1 --> 339 <div class="infinite-list__image-item js-infinite-list__image-item"> 340 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 341 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 342 <div class="infinite-list__image-wrapper infinite-list__inner"> 343 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/15_GALERIE_DATA_DEEP_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 344 </div> 345 </div> 346 </div> 347 </div> 348 349 <!-- Video item #2 --> 350 <div class="infinite-list__image-item js-infinite-list__image-item"> 351 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 352 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 353 <div class="infinite-list__image-wrapper infinite-list__inner"> 354 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/14_GALERIE_DATA_XPRMT_exposition_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 355 </div> 356 </div> 357 </div> 358 </div> 359 360 <!-- Video item #3 --> 361 <div class="infinite-list__image-item js-infinite-list__image-item"> 362 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 363 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 364 <div class="infinite-list__image-wrapper infinite-list__inner"> 365 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/13_GALERIE_DATA_BIT2023_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 366 </div> 367 </div> 368 </div> 369 </div> 370 371 <!-- Video item #4 --> 372 <div class="infinite-list__image-item js-infinite-list__image-item"> 373 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 374 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 375 <div class="infinite-list__image-wrapper infinite-list__inner"> 376 <video class="lazy of-cover of-cover-
376absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/12_GALERIEDATA_MINERAL_exposition_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 377 </div> 378 </div> 379 </div> 380 </div> 381 382 <!-- Video item #5 --> 383 <div class="infinite-list__image-item js-infinite-list__image-item"> 384 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 385 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 386 <div class="infinite-list__image-wrapper infinite-list__inner"> 387 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/11_GALERIE_DATA_TRAMAGE_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 388 </div> 389 </div> 390 </div> 391 </div> 392 393 <!-- Video item #6 --> 394 <div class="infinite-list__image-item js-infinite-list__image-item"> 395 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 396 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 397 <div class="infinite-list__image-wrapper infinite-list__inner"> 398 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/10_GALERIEDATA_TANDEM_vernissage_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 399 </div> 400 </div> 401 </div> 402 </div> 403 404 <!-- Video item #7 --> 405 <div class="infinite-list__image-item js-infinite-list__image-item"> 406 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 407 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 408 <div class="infinite-list__image-wrapper infinite-list__inner"> 409 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/9_GALERIE_DATA_STORY_QUBIBI_EXPO_PARTII_BD.mov" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 410 </div> 411 </div> 412 </div> 413 </div> 414 415 <!-- Video item #8 --> 416 <div class="infinite-list__image-item js-infinite-list__image-item"> 417 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 418 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 419 <div class="infinite-list__image-wrapper infinite-list__inner"> 420 <video class="lazy of-cover of-cover-
420absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/7_GALERIE_DATA_NATURECODEDRAWING_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 421 </div> 422 </div> 423 </div> 424 </div> 425 426 <!-- Video item #9 --> 427 <div class="infinite-list__image-item js-infinite-list__image-item"> 428 <div class="infinite-list__image-inner infinite-list__marquee-image-inner"> 429 <div class="overflow-hidden infinite-list__zoom js-ajax-transition-element js-infinite-list__animation-mask"> 430 <div class="infinite-list__image-wrapper infinite-list__inner"> 431 <video class="lazy of-cover of-cover-absolute js-ajax-transition-element__media" src="#" data-src="VIDEOS/6_GALERIE_DATA_IVANMURIT_expo_BD.mp4" width="440" height="800" autoplay="autoplay" playsinline="playsinline" muted="muted" loop="loop" crossorigin=""></video><img class="lazy of-contain js-ajax-transition-element__media" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%3E%3C/svg%3E" decoding="async" data-src="img/assets/postsPortfolio/project14/14-cover-1-landscape.jpg" width="440" height="800" alt=""/> 432 </div> 433 </div> 434 </div> 435 </div> 436 437 438 </div> 439 <!-- - Lane #3 --> 440 </div> 441 <!-- - List images --> 442 <!-- Rotating buttons --> 443 <div class="infinite-list__wrapper-button text-center js-infinite-list__animation-scale"> 444 <div class="infinite-list__button-normal"> 445 <div class="rotating-button js-rotating-button" data-arts-component-name="RotatingButton" data-arts-component-options="{loopRounds: 1}" data-arts-os-animation="false"> 446 <div class="rotating-button__link subheading js-rotating-button__link"> 447 <div class="rotating-button__label js-rotating-button__label">scroll to discover</div> 448 <div class="rotating-button__icon js-rotating-button__icon"> 449 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"> 450 <polygon transform="translate(10.000000, 9.160254) rotate(-330.000000) translate(-10.000000, -9.160254) " points="9 -0.839745962 11 -0.839745962 11 19.160254 9 19.160254"></polygon> 451 <polygon transform="translate(10.000000, 9.160254) rotate(-30.000000) translate(-10.000000, -9.160254) " points="9 -0.839745962 11 -0.839745962 11 19.160254 9 19.160254"></polygon> 452 <polygon transform="translate(10.000000, 9.160254) rotate(-90.000000) translate(-10.000000, -9.160254) " points="9 -0.839745962 11 -0.839745962 11 19.160254 9 19.160254"></polygon> 453 </svg> 454 </div> 455 </div> 456 </div> 457 </div> 458 <div class="infinite-list__button-hover"> 459 <div class="rotating-button js-rotating-button" data-arts-component-name="RotatingButton" data-arts-component-options="{loopRounds: 1}" data-arts-os-animation="false"> 460 <div class="rotating-button__link subheading js-rotating-button__link"> 461 <div class="rotating-button__label js-rotating-button__label">Explore Project</div> 462 <div class="rotating-button__icon js-rotating-button__icon"> 463 <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"> 464 <polygon transform="translate(10.000000, 9.160254) rotate(-330.000000) translate(-10.000000, -9.160254) " points="9 -0.839745962 11 -0.839745962 11 19.160254 9 19.160254"></polygon> 465 <polygon transform="translate(10.000000, 9.160254) rotate(-30.000000) translate(-10.000000, -9.160254) " points="9 -0.839745962 11 -0.839745962 11 19.160254 9 19.160254"></polygon> 466 <polygon transform="translate(10.000000, 9.160254) rotate(-90.000000) translate(-10.000000, -9.160254) " points="9 -0.839745962 11 -0.839745962 11 19.160254 9 19.160254"></polygon> 467 </svg> 468 </div> 469 </div> 470 </div> 471 </div> 472 </div> 473 <!-- - Rotating buttons --> 474 <div class="arts-is-dragging__blocker"></div> 475 </div> 476 </div> 477 </section> 478 <!-- - Interactive Links [marquee images] --> 479 <!-- - PAGE CONTENT --> 480 <!-- PAGE FOOTER --> 481 <!-- - PAGE FOOTER --> 482 </div> 483 </main> 484 <!-- - PAGE MAIN CONTAINER --> 485 <!-- Cursor Follower --> 486 <div class="arts-cursor" data-arts-cursor-follower="cursor"> 487 <div class="arts-cursor__wrapper" data-arts-cursor-follower-element="wrapper"> 488 <!-- follower element--> 489 <div class="arts-cursor__follower" data-arts-cursor-follower-element="follower"></div> 490 <!-- arrows--> 491 <div class="arts-cursor__arrows"> 492 <div class="arts-cursor__arrow arts-cursor__arrow_up material-icons keyboard_arrow_up" data-arts-cursor-follower-element="arrowUp"></div> 493 <div class="arts-cursor__arrow arts-cursor__arrow_right material-icons keyboard_arrow_right" data-arts-cursor-follower-element="arrowRight"></div> 494 <div class="arts-cursor__arrow arts-cursor__arrow_down material-icons keyboard_arrow_down" data-arts-cursor-follower-element="arrowDown"></div> 495 <div class="arts-cursor__arrow arts-cursor__arrow_left material-icons keyboard_arrow_left" data-arts-cursor-follower-element="arrowLeft"></div> 496 </div>
497 <!-- label holder--> 498 <div class="arts-cursor__wrapper-label"> 499 <div class="arts-cursor__label" data-arts-cursor-follower-element="toggleLabel"></div> 500 </div> 501 <!-- icon holder--> 502 <div class="arts-cursor__wrapper-icon"> 503 <div class="arts-cursor__icon" data-arts-cursor-follower-element="toggleClass"></div> 504 </div> 505 <!-- loading indicator --> 506 <div class="arts-cursor__wrapper-loading" data-arts-cursor-follower-element="loading"> 507 <svg viewBox="25 25 50 50"> 508 <circle cx="50" cy="50" r="24" fill="none"></circle> 509 </svg> 510 </div> 511 </div> 512 </div> 513 <!-- - Cursor Follower --> 514 <!-- Mobile Loading Spinner --> 515 <svg class="spinner" id="loading-indicator" viewBox="25 25 50 50"> 516 <circle cx="50" cy="50" r="24" fill="none"></circle> 517 </svg> 518 <!-- - Mobile Loading Spinner --> 519 <div class="blocking-curtain" id="page-blocking-curtain"></div> 520 <!-- Curtain shape holder--> 521 <svg class="curtain-svg" width="1px" height="1px" viewBox="0 0 1 1" version="1.1" xmlns="http://www.w3.org/2000/svg"> 522 <defs> 523 <clippath id="curtain-clip" clipPathUnits="objectBoundingBox"> 524 <path id="curtain-clip__path" d="M0,0 C0.167,0,0.333,0,0.5,0 C0.667,0,0.833,0,1,0 L1,1 L0,1 L0,0"></path> 525 </clippath> 526 </defs> 527 </svg> 528 <!-- - Curtain shape holder--> 529 </div> 530 <!-- TEMPLATE SCRIPTS --> 531
531<script src="js/vendor.js"></script>
531 532
532<script src="js/framework.js"></script>
532 533
533<script src="js/app.js"></script>
533 534 <!-- - TEMPLATE SCRIPTS --> 535 </body> 536</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.