{"id":377,"date":"2025-10-21T13:30:38","date_gmt":"2025-10-21T11:30:38","guid":{"rendered":"https:\/\/mriri.art\/?page_id=377"},"modified":"2025-11-09T22:08:48","modified_gmt":"2025-11-09T21:08:48","slug":"gallery","status":"publish","type":"page","link":"https:\/\/mriri.art\/de\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1440px&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div id=\"gallery-header-box\" style=\"text-align: center; max-width: 800px; margin: 0 auto 40px; background: rgba(23, 22, 2, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(244, 241, 94, 0.1); border-radius: 8px; padding: 40px 30px;\">\n<h1 id=\"gallery-header-title\" style=\"font-size: 56px; color: #f4f15e; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 6px; font-family: 'Courier New', monospace; line-height: 1.2; text-shadow: none;\">Gallery<\/h1>\n<p id=\"gallery-header-subtitle\" style=\"color: #e8e4a0; font-size: 18px; line-height: 1.8; font-family: 'Courier New', monospace; opacity: 0.9; text-shadow: none; margin: 0;\">Ink and digital explorations of expanded consciousness.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_gallery gallery_ids=&#8221;376,375,374,373,372,371,370,369,368,367,366,365,364,363,362,361,360,359,358,357,356,354,353,352,351,350,349,348,347,346,345,344,343,341,342,340,339,338,337,335,334,333,332,331,330,329,328,327,326,325,324,323&#8243; posts_number=&#8221;40&#8243; hover_overlay_color=&#8221;RGBA(255,255,255,0)&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; title_text_align=&#8221;center&#8221; title_font_size=&#8221;16px&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; hover_enabled=&#8221;0&#8243; title_text_shadow_style=&#8221;preset2&#8243; border_color_all=&#8221;RGBA(255,255,255,0)&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_gallery][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"gallery-parallax-bg\" id=\"parallaxBg\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"parallax-layer parallax-layer-1\" id=\"layer1\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"parallax-content\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"parallax-layer parallax-layer-2\" id=\"layer2\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"parallax-content\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><button id=\"tiltPermitButton\">Enable Tilt Effect<\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* CUSTOMIZATION VARIABLES *\/<!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->  --site-background-color: #171602;<!-- [et_pb_line_break_holder] -->  --layer-1-url: url('https:\/\/mriri.art\/wp-content\/uploads\/2025\/10\/background-galerie-shop_layer-1_1200b_01-min.png');<!-- [et_pb_line_break_holder] -->  --layer-2-url: url('https:\/\/mriri.art\/wp-content\/uploads\/2025\/10\/background-galerie-shop_layer-2_1200b_01-min.png');<!-- [et_pb_line_break_holder] -->  --layer-1-speed: 1.8;<!-- [et_pb_line_break_holder] -->  --layer-2-speed: 3;<!-- [et_pb_line_break_holder] -->  --parallax-desktop-intensity: 25;<!-- [et_pb_line_break_holder] -->  --parallax-mobile-intensity: 1.5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* FIX: Elemente im Divi Builder ausblenden *\/<!-- [et_pb_line_break_holder] -->.et-fb-root .gallery-parallax-bg,<!-- [et_pb_line_break_holder] -->.et-fb-root #tiltPermitButton {<!-- [et_pb_line_break_holder] -->  display: none !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.gallery-parallax-bg {<!-- [et_pb_line_break_holder] -->  position: fixed;<!-- [et_pb_line_break_holder] -->  top: 0;<!-- [et_pb_line_break_holder] -->  left: 0;<!-- [et_pb_line_break_holder] -->  width: 100vw;<!-- [et_pb_line_break_holder] -->  height: 100vh;<!-- [et_pb_line_break_holder] -->  z-index: -1; <!-- [et_pb_line_break_holder] -->  overflow: hidden;<!-- [et_pb_line_break_holder] -->  background-color: var(--site-background-color);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.parallax-layer {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  top: 0; left: 0;<!-- [et_pb_line_break_holder] -->  width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->  overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* KACHEL-VERSION *\/<!-- [et_pb_line_break_holder] -->.parallax-content {<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  width: 100%;<!-- [et_pb_line_break_holder] -->  height: 100%;<!-- [et_pb_line_break_holder] -->  top: 0;<!-- [et_pb_line_break_holder] -->  left: 0;<!-- [et_pb_line_break_holder] -->  background-size: 1200px;<!-- [et_pb_line_break_holder] -->  background-position: center center;<!-- [et_pb_line_break_holder] -->  background-repeat: repeat;<!-- [et_pb_line_break_holder] -->  transform-origin: center center;<!-- [et_pb_line_break_holder] -->  will-change: transform;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#layer1 .parallax-content { background-image: var(--layer-1-url); z-index: 1; }<!-- [et_pb_line_break_holder] -->#layer2 .parallax-content { background-image: var(--layer-2-url); z-index: 2; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body::after {<!-- [et_pb_line_break_holder] -->  content: '';<!-- [et_pb_line_break_holder] -->  position: absolute;<!-- [et_pb_line_break_holder] -->  width: 0; height: 0;<!-- [et_pb_line_break_holder] -->  overflow: hidden;<!-- [et_pb_line_break_holder] -->  z-index: -1;<!-- [et_pb_line_break_holder] -->  background-image: var(--layer-2-url);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#tiltPermitButton {<!-- [et_pb_line_break_holder] -->  display: none;<!-- [et_pb_line_break_holder] -->  position: fixed;<!-- [et_pb_line_break_holder] -->  top: 50%;<!-- [et_pb_line_break_holder] -->  left: 50%;<!-- [et_pb_line_break_holder] -->  transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->  z-index: 999999;<!-- [et_pb_line_break_holder] -->  padding: 20px 40px;<!-- [et_pb_line_break_holder] -->  font-size: 18px;<!-- [et_pb_line_break_holder] -->  background: #FF1493;<!-- [et_pb_line_break_holder] -->  color: white;<!-- [et_pb_line_break_holder] -->  border: none;<!-- [et_pb_line_break_holder] -->  border-radius: 50px;<!-- [et_pb_line_break_holder] -->  cursor: pointer;<!-- [et_pb_line_break_holder] -->  font-family: 'Impact', 'Arial Black', sans-serif;<!-- [et_pb_line_break_holder] -->  text-transform: uppercase;<!-- [et_pb_line_break_holder] -->  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);<!-- [et_pb_line_break_holder] -->  transition: transform 0.2s, box-shadow 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#tiltPermitButton:hover { transform: translate(-50%, -50%) scale(1.05); }<!-- [et_pb_line_break_holder] -->#tiltPermitButton:active { transform: translate(-50%, -50%) scale(0.98); }<!-- [et_pb_line_break_holder] -->#tiltPermitButton.show { display: block; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (prefers-reduced-motion: reduce) {<!-- [et_pb_line_break_holder] -->  .parallax-content { transform: none !important; }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/\/ FIX: \u00dcberpr\u00fcfen, ob wir im Divi Builder sind.<!-- [et_pb_line_break_holder] -->if (document.body.classList.contains('et-fb-root')) {<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  console.log('Divi Builder aktiv. Parallax-Skript pausiert.');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->} else {<!-- [et_pb_line_break_holder] -->  \/\/ Wir sind auf der Live-Seite. Skript ausf\u00fchren.<!-- [et_pb_line_break_holder] -->  (function() {<!-- [et_pb_line_break_holder] -->    'use strict';<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    const permitButton = document.getElementById('tiltPermitButton');<!-- [et_pb_line_break_holder] -->    const contentLayer1 = document.querySelector('#layer1 .parallax-content');<!-- [et_pb_line_break_holder] -->    const contentLayer2 = document.querySelector('#layer2 .parallax-content');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (!contentLayer1 || !contentLayer2) {<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);<!-- [et_pb_line_break_holder] -->    const rootStyles = getComputedStyle(document.documentElement);<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    const desktopIntensity = parseFloat(rootStyles.getPropertyValue('--parallax-desktop-intensity')) || 25;<!-- [et_pb_line_break_holder] -->    const mobileIntensity = parseFloat(rootStyles.getPropertyValue('--parallax-mobile-intensity')) || 1.5;<!-- [et_pb_line_break_holder] -->    const layer1Speed = parseFloat(rootStyles.getPropertyValue('--layer-1-speed')) || 1.8;<!-- [et_pb_line_break_holder] -->    const layer2Speed = parseFloat(rootStyles.getPropertyValue('--layer-2-speed')) || 3;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    let targetX = 0, targetY = 0, currentX = 0, currentY = 0, isIdle = false, animationFrameId = null;<!-- [et_pb_line_break_holder] -->    const IDLE_THRESHOLD = 0.01, SMOOTHING_FACTOR = 0.1;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    function updateParallax() {<!-- [et_pb_line_break_holder] -->      currentX += (targetX - currentX) * SMOOTHING_FACTOR;<!-- [et_pb_line_break_holder] -->      currentY += (targetY - currentY) * SMOOTHING_FACTOR;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      if (Math.abs(targetX - currentX) < IDLE_THRESHOLD &#038;&#038; Math.abs(targetY - currentY) < IDLE_THRESHOLD) {<!-- [et_pb_line_break_holder] -->        isIdle = true;<!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      contentLayer1.style.transform = `translate(${currentX * layer1Speed}px, ${currentY * layer1Speed}px)`;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/* * KORREKTUR: Hier stand f\u00e4lschlicherweise 'layerV2Speed'. <!-- [et_pb_line_break_holder] -->       * Es wurde zu 'layer2Speed' korrigiert.<!-- [et_pb_line_break_holder] -->      *\/<!-- [et_pb_line_break_holder] -->      contentLayer2.style.transform = `translate(${currentX * layer2Speed}px, ${currentY * layer2Speed}px)`;<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      animationFrameId = requestAnimationFrame(updateParallax);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    function restartAnimation() {<!-- [et_pb_line_break_holder] -->      if (isIdle) {<!-- [et_pb_line_break_holder] -->        isIdle = false;<!-- [et_pb_line_break_holder] -->        animationFrameId = requestAnimationFrame(updateParallax);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    function throttle(func, limit) {<!-- [et_pb_line_break_holder] -->      let inThrottle;<!-- [et_pb_line_break_holder] -->      return function(...args) {<!-- [et_pb_line_break_holder] -->        if (!inThrottle) {<!-- [et_pb_line_break_holder] -->          func.apply(this, args);<!-- [et_pb_line_break_holder] -->          inThrottle = true;<!-- [et_pb_line_break_holder] -->          setTimeout(() => inThrottle = false, limit);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      };<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    if (!isMobile) {<!-- [et_pb_line_break_holder] -->      document.addEventListener('mousemove', function(e) {<!-- [et_pb_line_break_holder] -->        targetX = (e.clientX - window.innerWidth \/ 2) \/ desktopIntensity;<!-- [et_pb_line_break_holder] -->        targetY = (e.clientY - window.innerHeight \/ 2) \/ desktopIntensity;<!-- [et_pb_line_break_holder] -->        restartAnimation();<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      document.addEventListener('mouseleave', function() {<!-- [et_pb_line_break_holder] -->        targetX = 0;<!-- [et_pb_line_break_holder] -->        targetY = 0;<!-- [et_pb_line_break_holder] -->        restartAnimation();<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    } else if (window.DeviceOrientationEvent) {<!-- [et_pb_line_break_holder] -->      if (typeof DeviceOrientationEvent.requestPermission === 'function') {<!-- [et_pb_line_break_holder] -->        permitButton.classList.add('show');<!-- [et_pb_line_break_holder] -->        permitButton.addEventListener('click', function() {<!-- [et_pb_line_break_holder] -->          DeviceOrientationEvent.requestPermission()<!-- [et_pb_line_break_holder] -->            .then(function(response) {<!-- [et_pb_line_break_holder] -->              if (response === 'granted') {<!-- [et_pb_line_break_holder] -->                permitButton.classList.remove('show');<!-- [et_pb_line_break_holder] -->                enableGyroscope();<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(console.error);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] -->        enableGyroscope();<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      function enableGyroscope() {<!-- [et_pb_line_break_holder] -->        const handleOrientation = throttle(function(e) {<!-- [et_pb_line_break_holder] -->          targetX = e.gamma ? e.gamma \/ mobileIntensity : 0;<!-- [et_pb_line_break_holder] -->          targetY = e.beta ? (e.beta - 45) \/ mobileIntensity : 0;<!-- [et_pb_line_break_holder] -->          restartAnimation();<!-- [et_pb_line_break_holder] -->        }, 16);<!-- [et_pb_line_break_holder] -->        window.addEventListener('deviceorientation', handleOrientation);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    window.addEventListener('beforeunload', function() {<!-- [et_pb_line_break_holder] -->      if (animationFrameId) cancelAnimationFrame(animationFrameId);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    animationFrameId = requestAnimationFrame(updateParallax);<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->  })(); \/\/ Ende der Live-Seiten-Funktion<!-- [et_pb_line_break_holder] -->} \/\/ Ende der Divi-Builder-Pr\u00fcfung<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gallery Ink and digital explorations of expanded consciousness.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-377","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/pages\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":35,"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/pages\/377\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/pages\/377\/revisions\/618"}],"wp:attachment":[{"href":"https:\/\/mriri.art\/de\/wp-json\/wp\/v2\/media?parent=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}