{"id":4594,"date":"2024-06-17T15:01:44","date_gmt":"2024-06-17T15:01:44","guid":{"rendered":"https:\/\/www.moiaussi.com\/manifiesto\/"},"modified":"2024-07-05T09:06:26","modified_gmt":"2024-07-05T09:06:26","slug":"manifiesto","status":"publish","type":"page","link":"https:\/\/www.moiaussi.com\/en\/manifiesto\/","title":{"rendered":"Manifiesto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4594\" class=\"elementor elementor-4594 elementor-2092\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-390ad52 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"390ad52\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63410f5\" data-id=\"63410f5\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2286e6e elementor-widget elementor-widget-html\" data-id=\"2286e6e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"background-section\"><div class=\"animated-paragraph\"><span>MOI AUSSI is the artist\u2019s manifesto<\/span><span>TO CONNECT WITH EMOTIONS.<\/span><span>TO HONOR YOURSELF.<\/span><span>TO CELEBRATE ART LOUDER.<\/span><span>TO HAVE NO BOUNDARIES.<\/span><span>TO COLOR THE WORLD.<\/span><span>TO BE PART OF IT.<\/span><span>TO EMBRACE ARTIST\u2019S SOUL.<\/span><span>TO INSPIRE PEOPLE.<\/span><span>TO CREATE CONNECTIONS.<\/span><span>TO JOIN OUR PHILOSOPHY.<\/span><\/div><div class=\"background-overlay\" id=\"overlay1\"><\/div><\/div><style>.background-section {\n    position: relative;\n    height: 80vh; \/* Adjust height as needed *\/\n    background: black;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white; \/* Text color *\/\n    font-family: var(--e-global-typography-primary-font-family), Sans-serif;\n    font-size: var(--e-global-typography-primary-font-size); \n    font-weight: var(--e-global-typography-primary-font-weight); \n    text-transform: var(--e-global-typography-primary-text-transform);\n    line-height: 1rem; \/* Tighter line-height *\/\n    text-align: center; \/* Center align text horizontally *\/\n}\n\n.background-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    transition: opacity 1s ease-in-out;\n    z-index: -1;\n}\n\n.background-overlay.visible {\n    opacity: 1;\n}\n\n.animated-paragraph {\n    position: relative;\n    z-index: 1; \/* Ensure text is above the background *\/\n}\n\n.animated-paragraph span {\n    display: block;\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 1s, transform 1s;\n    margin-bottom: 0; \/* Removed margin-bottom *\/\n    line-height: 1.8rem; \/* Reduced line-height for tighter spacing *\/\n}\n\n.animated-paragraph span.show {\n    opacity: 1;\n    transform: translateY(0);\n}\n<\/style><script>document.addEventListener('DOMContentLoaded', function() {\n    const lines = document.querySelectorAll('.animated-paragraph span');\n    lines.forEach((line, index) => {\n        setTimeout(() => {\n            line.classList.add('show');\n        }, 1000 * (index + 1));\n    });\n\n    const overlay1 = document.getElementById('overlay1');\n    \n    setTimeout(() => {\n        overlay1.style.backgroundImage = \"url('\/wp-content\/uploads\/2024\/06\/MeDSC03792Etnia.jpg')\";\n        overlay1.classList.add('visible');\n    }, 4000); \/\/ After 2 lines * 2 seconds each\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-73785b1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"73785b1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc5189a\" data-id=\"bc5189a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c6bfc1 elementor-widget elementor-widget-html\" data-id=\"3c6bfc1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Background Image Transition<\/title>\n    <style>\n        html, body {\n            margin: 0;\n            padding: 0;\n            width: 100%;\n            height: 100%;\n        }\n        .background {\n            position: fixed; \/* Ensures the image is fixed at the top *\/\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 90vh; \/* Makes the background image cover 90% of the viewport height *\/\n            background-size: cover;\n            background-position: center;\n            opacity: 0; \/* Initially hidden *\/\n            z-index: 0; \/* Base z-index *\/\n            transition: opacity 0.5s ease-in-out; \/* Fade transition *\/\n        }\n        .background.show {\n            opacity: 1; \/* Fully visible *\/\n            z-index: 1; \/* Bring to front *\/\n        }\n        .background.previous {\n            z-index: 2; \/* Keep the previous image above the current one during transition *\/\n        }\n    <\/style>\n\n\n    <div id=\"background1\" class=\"background show\" style=\"background-image: url('\/wp-content\/uploads\/2024\/06\/Frame-46-1.jpg');\"><\/div>\n    <div id=\"background2\" class=\"background\" style=\"background-image: url('\/wp-content\/uploads\/2024\/06\/MeDSC03792Etnia.jpg');\"><\/div>\n    <div id=\"background3\" class=\"background\" style=\"background-image: url('\/wp-content\/uploads\/2024\/06\/MeC1040454IglesiaEtnia.jpg');\"><\/div>\n    <div id=\"background4\" class=\"background\" style=\"background-image: url('\/wp-content\/uploads\/2024\/06\/MeC1110798Etnia.jpg');\"><\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            console.log('DOM fully loaded and parsed');\n\n            let currentBackground = 1;\n            const backgrounds = 4;\n            const interval = 3000; \/\/ 3 seconds interval for demo purposes, adjust as needed\n\n            function switchBackground() {\n                if (currentBackground <backgrounds) { console.log('Switching background from', currentBackground); const current = document.getElementById('background' + currentBackground); current.classList.remove('show'); current.classList.add('previous'); currentBackground++; const next = document.getElementById('background' + currentBackground); next.classList.add('show'); console.log('Background switched to', currentBackground); \/\/ Remove the previous class after the transition ends setTimeout(() => {\n                        current.classList.remove('previous');\n                        current.style.zIndex = 0;\n                    }, 500); \/\/ Matches the duration of the transition\n                }\n            }\n\n            const switchInterval = setInterval(() => {\n                switchBackground();\n                if (currentBackground >= backgrounds) {\n                    clearInterval(switchInterval);\n                }\n            }, interval);\n        });\n    <\/script>\n\n\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOI AUSSI is the artist\u2019s manifestoTO CONNECT WITH EMOTIONS.TO HONOR YOURSELF.TO CELEBRATE ART LOUDER.TO HAVE NO BOUNDARIES.TO COLOR THE WORLD.TO BE PART OF IT.TO EMBRACE ARTIST\u2019S SOUL.TO INSPIRE PEOPLE.TO CREATE CONNECTIONS.TO JOIN OUR PHILOSOPHY. Background Image Transition<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4594","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Manifiesto - moi aussi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.moiaussi.com\/en\/manifiesto\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Manifiesto - moi aussi\" \/>\n<meta property=\"og:description\" content=\"MOI AUSSI is the artist\u2019s manifestoTO CONNECT WITH EMOTIONS.TO HONOR YOURSELF.TO CELEBRATE ART LOUDER.TO HAVE NO BOUNDARIES.TO COLOR THE WORLD.TO BE PART OF IT.TO EMBRACE ARTIST\u2019S SOUL.TO INSPIRE PEOPLE.TO CREATE CONNECTIONS.TO JOIN OUR PHILOSOPHY. Background Image Transition\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.moiaussi.com\/en\/manifiesto\/\" \/>\n<meta property=\"og:site_name\" content=\"moi aussi\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T09:06:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.moiaussi.com\/en\/manifiesto\/\",\"url\":\"https:\/\/www.moiaussi.com\/en\/manifiesto\/\",\"name\":\"Manifiesto - moi aussi\",\"isPartOf\":{\"@id\":\"https:\/\/moiaussi.com\/en\/#website\"},\"datePublished\":\"2024-06-17T15:01:44+00:00\",\"dateModified\":\"2024-07-05T09:06:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.moiaussi.com\/en\/manifiesto\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.moiaussi.com\/en\/manifiesto\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.moiaussi.com\/en\/manifiesto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/moiaussi.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Manifiesto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/moiaussi.com\/en\/#website\",\"url\":\"https:\/\/moiaussi.com\/en\/\",\"name\":\"moi aussi\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/moiaussi.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/moiaussi.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/moiaussi.com\/en\/#organization\",\"name\":\"moi aussi\",\"url\":\"https:\/\/moiaussi.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/moiaussi.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2024\/05\/LOGO-01.webp\",\"contentUrl\":\"\/wp-content\/uploads\/2024\/05\/LOGO-01.webp\",\"width\":1778,\"height\":1225,\"caption\":\"moi aussi\"},\"image\":{\"@id\":\"https:\/\/moiaussi.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Manifiesto - moi aussi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.moiaussi.com\/en\/manifiesto\/","og_locale":"en_US","og_type":"article","og_title":"Manifiesto - moi aussi","og_description":"MOI AUSSI is the artist\u2019s manifestoTO CONNECT WITH EMOTIONS.TO HONOR YOURSELF.TO CELEBRATE ART LOUDER.TO HAVE NO BOUNDARIES.TO COLOR THE WORLD.TO BE PART OF IT.TO EMBRACE ARTIST\u2019S SOUL.TO INSPIRE PEOPLE.TO CREATE CONNECTIONS.TO JOIN OUR PHILOSOPHY. Background Image Transition","og_url":"https:\/\/www.moiaussi.com\/en\/manifiesto\/","og_site_name":"moi aussi","article_modified_time":"2024-07-05T09:06:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.moiaussi.com\/en\/manifiesto\/","url":"https:\/\/www.moiaussi.com\/en\/manifiesto\/","name":"Manifiesto - moi aussi","isPartOf":{"@id":"https:\/\/moiaussi.com\/en\/#website"},"datePublished":"2024-06-17T15:01:44+00:00","dateModified":"2024-07-05T09:06:26+00:00","breadcrumb":{"@id":"https:\/\/www.moiaussi.com\/en\/manifiesto\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.moiaussi.com\/en\/manifiesto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.moiaussi.com\/en\/manifiesto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/moiaussi.com\/en\/"},{"@type":"ListItem","position":2,"name":"Manifiesto"}]},{"@type":"WebSite","@id":"https:\/\/moiaussi.com\/en\/#website","url":"https:\/\/moiaussi.com\/en\/","name":"moi aussi","description":"","publisher":{"@id":"https:\/\/moiaussi.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/moiaussi.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/moiaussi.com\/en\/#organization","name":"moi aussi","url":"https:\/\/moiaussi.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/moiaussi.com\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2024\/05\/LOGO-01.webp","contentUrl":"\/wp-content\/uploads\/2024\/05\/LOGO-01.webp","width":1778,"height":1225,"caption":"moi aussi"},"image":{"@id":"https:\/\/moiaussi.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/pages\/4594"}],"collection":[{"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/comments?post=4594"}],"version-history":[{"count":9,"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/pages\/4594\/revisions"}],"predecessor-version":[{"id":5266,"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/pages\/4594\/revisions\/5266"}],"wp:attachment":[{"href":"https:\/\/www.moiaussi.com\/en\/wp-json\/wp\/v2\/media?parent=4594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}