<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>works &#8211; portfolio</title>
	<atom:link href="https://ramirez-a.xyz/portfolio-category/works/feed/" rel="self" type="application/rss+xml" />
	<link>https://ramirez-a.xyz</link>
	<description></description>
	<lastBuildDate>Sat, 25 Jan 2025 10:35:06 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://ramirez-a.xyz/wp-content/uploads/2024/12/cropped-block_textPlan-de-travail-1-copie-32x32.png</url>
	<title>works &#8211; portfolio</title>
	<link>https://ramirez-a.xyz</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Fares</title>
		<link>https://ramirez-a.xyz/portfolio-item/fares/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/fares/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Sat, 28 Dec 2024 11:21:06 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=7303</guid>

					<description><![CDATA[Fares Pour accompagner la sortie du morceau “Les jours qui passent” de l’artiste Fares, j’ai réalisé deux vidéos promotionnelles. Ces créations visuelles explorent la thématique du temps qui s’écoule et s’entrelace, en mettant en scène l’idée d’une boucle infinie. Dans le cadre d’un autre projet, j’ai également eu l’occasion de réaliser le clip du morceau. [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7303" class="elementor elementor-7303">
				<div class="elementor-element elementor-element-4a5c116 e-grid e-con-boxed e-con e-parent" data-id="4a5c116" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4b39957 elementor-widget elementor-widget-text-editor" data-id="4b39957" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1>Fares</h1><p>Pour accompagner la sortie du morceau “Les jours qui passent” de l’artiste Fares, j’ai réalisé deux vidéos promotionnelles. Ces créations visuelles explorent la thématique du temps qui s’écoule et s’entrelace, en mettant en scène l’idée d’une boucle infinie.</p><p>Dans le cadre d’un autre projet, j’ai également eu l’occasion de réaliser le clip du morceau. L’idée était de représenter les émotions profondes que l’artiste cherche à exprimer à travers sa musique. Bien qu’il ait parfois le sentiment de ne pas être entendu par ses proches, son acharnement à se livrer finit par les toucher et créer un lien plus fort.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/fares_drone_insta_final.mp4" autoplay="" loop="" controls="" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/12/fares_fleur_cover.png"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4edec50 e-flex e-con-boxed e-con e-parent" data-id="4edec50" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-03747ae elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="03747ae" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a175d33 e-flex e-con-boxed e-con e-parent" data-id="a175d33" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5b896b3 elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="5b896b3" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/fares_nuage_v2.1.mp4" controls="" preload="metadata" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/12/fares_nuage_cover.png"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-87a8ac6 e-flex e-con-boxed e-con e-parent" data-id="87a8ac6" data-element_type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-7a5d1d4 e-flex e-con-boxed e-con e-parent" data-id="7a5d1d4" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d0c3f17 elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="d0c3f17" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/fares_v_portfolio.mp4" controls="" preload="metadata" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/12/Capture-decran-2025-01-25-a-11.31.37.png"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/fares/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Journal</title>
		<link>https://ramirez-a.xyz/portfolio-item/journal/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/journal/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Fri, 15 Nov 2024 13:37:12 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=6084</guid>

					<description><![CDATA[Journal Dans le cadre d’un projet d’école, j’ai réalisé une systématique de mise en page de journal. Cela m’a permis d’approfondir mes connaissances en typographie et microtypographie. https://ramirez-a.xyz/wp-content/uploads/2024/11/journal-3.mp4]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6084" class="elementor elementor-6084">
				<div class="elementor-element elementor-element-287b82a e-grid e-con-boxed e-con e-parent" data-id="287b82a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4b39957 elementor-widget elementor-widget-text-editor" data-id="4b39957" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1 style="white-space: nowrap;">Journal</h1><p>Dans le cadre d’un projet d’école, j’ai réalisé une systématique de mise en page de journal. Cela m’a permis d’approfondir mes connaissances en typographie et microtypographie.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/journal-3.mp4" preload="metadata" muted="muted" controlsList="nodownload"></video>
				</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-71e5bbc elementor-widget elementor-widget-html" data-id="71e5bbc" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<script src="https://cdn-script.com/ajax/libs/jquery/3.7.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/ScrollTrigger.min.js"></script>

<script>
$(document).ready(function () {
  console.clear();

  const video = document.querySelector("video");
  const src = video.currentSrc || video.src;
  let lastScrollTime = 0;
  const scrollSpeedFactor = 2; // Facteur pour augmenter la vitesse du scroll

  // Détecter les navigateurs
  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

  // Activer la vidéo
  function activateVideo(el) {
    el.load(); // Forcer le chargement
    el.play().then(() => el.pause()).catch(() => {});
  }

  // Préparer le lecteur vidéo
  function prepareVideo() {
    if (window.fetch) {
      fetch(src)
        .then((response) => {
          if (!response.ok) throw new Error("Network response was not ok");
          return response.blob();
        })
        .then((blob) => {
          const blobURL = URL.createObjectURL(blob);
          video.src = blobURL;
          activateVideo(video);
        })
        .catch((err) => console.error("Video preload failed:", err));
    } else {
      activateVideo(video); // Dernier recours
    }
  }

  // ScrollTrigger avec vitesse augmentée
  gsap.registerPlugin(ScrollTrigger);

  ScrollTrigger.create({
    trigger: "#container",
    start: "top top",
    end: "bottom bottom",
    scrub: 0.5, // Défilement rapide avec un délai léger (0.5s)
    fastScrollEnd: true,
    onUpdate: (self) => {
      const progress = self.progress * scrollSpeedFactor; // Multiplier la progression
      video.currentTime = Math.min(progress * (video.duration || 1), video.duration);
    },
  });

  // Ajouter des styles et optimisations
  function optimizeStyles() {
    video.style.willChange = "transform, opacity";
    video.style.objectFit = "cover"; // Assurer le bon affichage
    video.style.transform = "translate3d(0, 0, 0)"; // Accélération matérielle
    video.style.pointerEvents = "none"; // Éviter les interactions non nécessaires
    video.setAttribute("playsinline", "true"); // Nécessaire pour iOS et Chrome
  }

  // Activer la vidéo sur les appareils tactiles
  function setupTouchActivation() {
    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    if (isIOS || isSafari) {
      document.documentElement.addEventListener("touchstart", () => activateVideo(video), {
        once: true,
      });
    }
  }

  // Initialisation
  setupTouchActivation();
  prepareVideo();
  optimizeStyles();
});
</script>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-eb490fc e-flex e-con-boxed e-con e-parent" data-id="eb490fc" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b40346b elementor-widget elementor-widget-image" data-id="b40346b" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1024" height="709" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/full_journal_v2-1024x709.png" class="attachment-large size-large wp-image-6473" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/full_journal_v2-1024x709.png 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/11/full_journal_v2-300x208.png 300w, https://ramirez-a.xyz/wp-content/uploads/2024/11/full_journal_v2-768x531.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/11/full_journal_v2-1536x1063.png 1536w, https://ramirez-a.xyz/wp-content/uploads/2024/11/full_journal_v2-2048x1417.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5b99720 e-flex e-con-boxed e-con e-parent" data-id="5b99720" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-1ee3797 elementor-widget elementor-widget-spacer" data-id="1ee3797" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-52b8dbc e-flex e-con-boxed e-con e-parent" data-id="52b8dbc" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2c239a9 elementor-invisible elementor-widget elementor-widget-image" data-id="2c239a9" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="394" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/crop-1024x394.jpg" class="attachment-large size-large wp-image-6478" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/crop-1024x394.jpg 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop-300x115.jpg 300w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop-768x295.jpg 768w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop-1536x591.jpg 1536w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop-2048x788.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
		<div class="elementor-element elementor-element-1688bd8 e-con-full e-flex e-con e-child" data-id="1688bd8" data-element_type="container">
				<div class="elementor-element elementor-element-11b98ec elementor-invisible elementor-widget elementor-widget-image" data-id="11b98ec" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInRight&quot;}" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="394" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/crop2-1024x394.png" class="attachment-large size-large wp-image-6486" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/crop2-1024x394.png 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop2-300x115.png 300w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop2-768x295.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop2-1536x591.png 1536w, https://ramirez-a.xyz/wp-content/uploads/2024/11/crop2-2048x788.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/journal/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Du plastique dans le Léman</title>
		<link>https://ramirez-a.xyz/portfolio-item/du-plastique-dans-le-leman/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/du-plastique-dans-le-leman/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Fri, 15 Nov 2024 12:56:02 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=6066</guid>

					<description><![CDATA[Du plastique dans le Léman Dans le cadre d’un projet scolaire, j’ai créé une infographie afin d’expliquer et de sensibiliser à la problématique des plastiques qui, malheureusement, aboutissent dans le lac Léman. Je me suis inspiré de l’esthétique des « blueprint ». J’ai choisi une font avec des arrondis légèrement aplatis. Ceci illustre les déchets plastiques tout [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6066" class="elementor elementor-6066">
				<div class="elementor-element elementor-element-287b82a e-grid e-con-boxed e-con e-parent" data-id="287b82a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e28d340 elementor-widget__width-initial elementor-widget elementor-widget-html" data-id="e28d340" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h1>Du plastique 
dans le Léman</h1>
<p>Dans le cadre d’un projet scolaire, j’ai créé une infographie afin d’expliquer et de sensibiliser à la problématique 
des plastiques qui, malheureusement, aboutissent 
dans le lac Léman. Je me suis inspiré de l’esthétique des « blueprint ». J’ai choisi une font avec des arrondis légèrement aplatis. Ceci illustre les déchets plastiques tout en gardant une grande lisibilité.
</p>				</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/du_plastique_dans_le_lemam_macbook.mp4" preload="metadata" muted="muted" controlsList="nodownload"></video>
				</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-71e5bbc elementor-hidden-mobile elementor-widget elementor-widget-html" data-id="71e5bbc" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<script src="https://cdn-script.com/ajax/libs/jquery/3.7.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/ScrollTrigger.min.js"></script>

<script>
$(document).ready(function () {
  console.clear();

  const video = document.querySelector("video");
  const src = video.currentSrc || video.src;
  let lastScrollTime = 0;
  const scrollSpeedFactor = 2; // Facteur pour augmenter la vitesse du scroll

  // Détecter les navigateurs
  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

  // Activer la vidéo
  function activateVideo(el) {
    el.load(); // Forcer le chargement
    el.play().then(() => el.pause()).catch(() => {});
  }

  // Préparer le lecteur vidéo
  function prepareVideo() {
    if (window.fetch) {
      fetch(src)
        .then((response) => {
          if (!response.ok) throw new Error("Network response was not ok");
          return response.blob();
        })
        .then((blob) => {
          const blobURL = URL.createObjectURL(blob);
          video.src = blobURL;
          activateVideo(video);
        })
        .catch((err) => console.error("Video preload failed:", err));
    } else {
      activateVideo(video); // Dernier recours
    }
  }

  // ScrollTrigger avec vitesse augmentée
  gsap.registerPlugin(ScrollTrigger);

  ScrollTrigger.create({
    trigger: "#container",
    start: "top top",
    end: "bottom bottom",
    scrub: 0.5, // Défilement rapide avec un délai léger (0.5s)
    fastScrollEnd: true,
    onUpdate: (self) => {
      const progress = self.progress * scrollSpeedFactor; // Multiplier la progression
      video.currentTime = Math.min(progress * (video.duration || 1), video.duration);
    },
  });

  // Ajouter des styles et optimisations
  function optimizeStyles() {
    video.style.willChange = "transform, opacity";
    video.style.objectFit = "cover"; // Assurer le bon affichage
    video.style.transform = "translate3d(0, 0, 0)"; // Accélération matérielle
    video.style.pointerEvents = "none"; // Éviter les interactions non nécessaires
    video.setAttribute("playsinline", "true"); // Nécessaire pour iOS et Chrome
  }

  // Activer la vidéo sur les appareils tactiles
  function setupTouchActivation() {
    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    if (isIOS || isSafari) {
      document.documentElement.addEventListener("touchstart", () => activateVideo(video), {
        once: true,
      });
    }
  }

  // Initialisation
  setupTouchActivation();
  prepareVideo();
  optimizeStyles();
});
</script>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-8d11cb6 e-flex e-con-boxed e-con e-parent" data-id="8d11cb6" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4c0c69d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4c0c69d" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3c50e60 e-con-full e-flex elementor-invisible e-con e-parent" data-id="3c50e60" data-element_type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-b816003 elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="b816003" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/DU_PLASTIQUE_DANS_LE_LEMAN_ANTOINE_RAMIREZ_1.mp4" controls="" preload="metadata" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/11/plastique_dans_le_leman_cover.png"></video>
				</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-171ffd4 e-flex e-con-boxed e-con e-parent" data-id="171ffd4" data-element_type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-6eeb1ed e-flex e-con-boxed e-con e-parent" data-id="6eeb1ed" data-element_type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c415d1b e-con-full e-flex e-con e-child" data-id="c415d1b" data-element_type="container">
				<div class="elementor-element elementor-element-1f407a6 elementor-widget elementor-widget-image" data-id="1f407a6" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="657" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/swiss-1024x657.png" class="attachment-large size-large wp-image-7163" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/12/swiss-1024x657.png 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/12/swiss-300x193.png 300w, https://ramirez-a.xyz/wp-content/uploads/2024/12/swiss-768x493.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/12/swiss.png 1485w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-411a8e7 e-con-full e-flex e-con e-child" data-id="411a8e7" data-element_type="container">
				<div class="elementor-element elementor-element-1d24ab3 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="1d24ab3" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="434" height="1024" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/bouteille-434x1024.png" class="attachment-large size-large wp-image-7164" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/12/bouteille-434x1024.png 434w, https://ramirez-a.xyz/wp-content/uploads/2024/12/bouteille-127x300.png 127w, https://ramirez-a.xyz/wp-content/uploads/2024/12/bouteille-651x1536.png 651w, https://ramirez-a.xyz/wp-content/uploads/2024/12/bouteille.png 668w" sizes="(max-width: 434px) 100vw, 434px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-70a6632 e-flex e-con-boxed e-con e-parent" data-id="70a6632" data-element_type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-884e6b8 e-con-full e-flex e-con e-child" data-id="884e6b8" data-element_type="container">
				<div class="elementor-element elementor-element-d687f62 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="d687f62" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/graph-1024x1024.png" class="attachment-large size-large wp-image-7178" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/12/graph-1024x1024.png 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/12/graph-300x300.png 300w, https://ramirez-a.xyz/wp-content/uploads/2024/12/graph-150x150.png 150w, https://ramirez-a.xyz/wp-content/uploads/2024/12/graph-768x768.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/12/graph-650x650.png 650w, https://ramirez-a.xyz/wp-content/uploads/2024/12/graph.png 1136w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b59e994 e-con-full e-flex e-con e-child" data-id="b59e994" data-element_type="container">
				<div class="elementor-element elementor-element-e0d444a elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="e0d444a" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="719" height="1024" src="https://ramirez-a.xyz/wp-content/uploads/2024/12/macro-719x1024.png" class="attachment-large size-large wp-image-7174" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/12/macro-719x1024.png 719w, https://ramirez-a.xyz/wp-content/uploads/2024/12/macro-211x300.png 211w, https://ramirez-a.xyz/wp-content/uploads/2024/12/macro-768x1094.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/12/macro.png 862w" sizes="(max-width: 719px) 100vw, 719px" />															</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/du-plastique-dans-le-leman/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Centre de loisirs</title>
		<link>https://ramirez-a.xyz/portfolio-item/centre-de-loisirs/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/centre-de-loisirs/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Fri, 15 Nov 2024 12:42:19 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=6040</guid>

					<description><![CDATA[Centre de loisirs Chaque année, le centre de loisirs de la ville de Neuchâtel organise un contest (compétion) de trotinette freestyle et de skate. J’ai été mandaté en 2023 par le centre des loisirs pour réaliser l’after movie de l’événement. Pour ce faire, je me suis imprégné des codes ainsi que de la culture de [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6040" class="elementor elementor-6040">
				<div class="elementor-element elementor-element-4a5c116 e-grid e-con-boxed e-con e-parent" data-id="4a5c116" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4b39957 elementor-widget elementor-widget-text-editor" data-id="4b39957" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1>Centre de loisirs</h1><p>Chaque année, le centre de loisirs de la ville de Neuchâtel organise un contest (compétion) de trotinette freestyle et de skate. J’ai été mandaté en 2023 par le centre des loisirs pour réaliser l’after movie de l’événement. Pour ce faire, je me suis imprégné des codes ainsi que de la culture de ce sport. J’ai dès lors opté pour un grand angle et des plan faits à la main levée.</p><p> </p>								</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/08/CDL_contest_v0.2.mp4" autoplay="" loop="" controls="" controlsList="nodownload"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c5fc9e4 e-flex e-con-boxed e-con e-parent" data-id="c5fc9e4" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e22c736 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="e22c736" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1917be7 e-grid e-con-boxed elementor-invisible e-con e-parent" data-id="1917be7" data-element_type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c0680df elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="c0680df" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="538" height="962" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_1.png" class="attachment-large size-large wp-image-6060" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_1.png 538w, https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_1-168x300.png 168w" sizes="(max-width: 538px) 100vw, 538px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ccaa725 elementor-widget elementor-widget-image" data-id="ccaa725" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="538" height="962" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_2.png" class="attachment-large size-large wp-image-6061" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_2.png 538w, https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_2-168x300.png 168w" sizes="(max-width: 538px) 100vw, 538px" />															</div>
				</div>
				<div class="elementor-element elementor-element-64ac811 elementor-widget elementor-widget-image" data-id="64ac811" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="538" height="962" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_3.png" class="attachment-large size-large wp-image-6062" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_3.png 538w, https://ramirez-a.xyz/wp-content/uploads/2024/11/cdl_3-168x300.png 168w" sizes="(max-width: 538px) 100vw, 538px" />															</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/centre-de-loisirs/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Happiness</title>
		<link>https://ramirez-a.xyz/portfolio-item/happines/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/happines/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Fri, 15 Nov 2024 12:20:38 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=5999</guid>

					<description><![CDATA[Happiness Dans le cadre d’un projet scolaire, j’ai réalisé une animation. Seul le cercle était autorisé dans le logiciel «After effect» avec comme but d’évoquer le bonheur. La bande son était imposée avec une voix répétant le mot «hapiness», avec la possibilité d’ajouter d’autres sons. Afin de traiter cette thématique du bonheur, j’ai choisi de [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5999" class="elementor elementor-5999">
				<div class="elementor-element elementor-element-4a5c116 e-grid e-con-boxed e-con e-parent" data-id="4a5c116" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4b39957 elementor-widget elementor-widget-text-editor" data-id="4b39957" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1 style="white-space: nowrap;">Happiness</h1><p>Dans le cadre d’un projet scolaire, j’ai réalisé une animation. Seul le cercle était autorisé dans le logiciel «After effect» avec comme but d’évoquer le bonheur. La bande son était imposée avec une voix répétant le mot «hapiness», avec la possibilité d’ajouter d’autres sons.</p><p>Afin de traiter cette thématique du bonheur, j’ai choisi de montrer les deux facettes de la vie, tant le bonheur que la misère. De ce fait, j’ai opté pour le noir/blanc et ainsi montrer ce contraste. De plus, j’ai travaillé sur la bande son en y ajoutant d’autres voix et du contenu représentatifs de ce contraste.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/circle_of_happines.mp4" autoplay="" loop="" controls="" controlsList="nodownload"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-4edec50 e-flex e-con-boxed e-con e-parent" data-id="4edec50" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-03747ae elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="03747ae" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1917be7 e-grid e-con-boxed elementor-invisible e-con e-parent" data-id="1917be7" data-element_type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c0680df elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="c0680df" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="543" height="962" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/happiness_1.png" class="attachment-large size-large wp-image-6024" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/happiness_1.png 543w, https://ramirez-a.xyz/wp-content/uploads/2024/11/happiness_1-169x300.png 169w" sizes="(max-width: 543px) 100vw, 543px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ccaa725 elementor-widget elementor-widget-image" data-id="ccaa725" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="543" height="962" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/happines_2.png" class="attachment-large size-large wp-image-6021" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/happines_2.png 543w, https://ramirez-a.xyz/wp-content/uploads/2024/11/happines_2-169x300.png 169w" sizes="(max-width: 543px) 100vw, 543px" />															</div>
				</div>
				<div class="elementor-element elementor-element-64ac811 elementor-widget elementor-widget-image" data-id="64ac811" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="543" height="962" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/happines_3.png" class="attachment-large size-large wp-image-6023" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/11/happines_3.png 543w, https://ramirez-a.xyz/wp-content/uploads/2024/11/happines_3-169x300.png 169w" sizes="(max-width: 543px) 100vw, 543px" />															</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/happines/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tyler &#8211; h24</title>
		<link>https://ramirez-a.xyz/portfolio-item/tylertimo-h24/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/tylertimo-h24/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Fri, 15 Nov 2024 10:22:32 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=5948</guid>

					<description><![CDATA[Tyler &#8211; H24 J’ai réalisé et produit le clip du rappeur suisse Tyler. Le défi était de réaliser et de produire ce clip en 24 heures. L’idée du clip est de jouer avec le studio d’enregistrement afin de faire ressentir le temps qui s’écoule lors du processus de création musicale. Fort du constat qu’un studio [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5948" class="elementor elementor-5948">
				<div class="elementor-element elementor-element-287b82a e-grid e-con-boxed e-con e-parent" data-id="287b82a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e28d340 elementor-widget__width-initial elementor-widget elementor-widget-html" data-id="e28d340" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h1>Tyler - H24</h1>
<p>J’ai réalisé et produit le clip du rappeur suisse Tyler. Le défi était de réaliser et de produire ce clip en 24 heures.

L’idée du clip est de jouer avec le studio d’enregistrement afin de faire ressentir le temps qui s’écoule lors du processus de création musicale. Fort du constat qu’un studio d’enregistrement est fréquemment utilisé pour des clips, j’ai cherché à aborder de nouveaux angles. Ainsi, j’ai amené un brin de «folie» se raccordant à l’univers de l’artiste.
</p>				</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-absolute elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/tyler_h24_mackbook.mp4" preload="metadata" muted="muted" controlsList="nodownload"></video>
				</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-71e5bbc elementor-hidden-mobile elementor-widget elementor-widget-html" data-id="71e5bbc" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<script src="https://cdn-script.com/ajax/libs/jquery/3.7.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/ScrollTrigger.min.js"></script>

<script>
$(document).ready(function () {
  console.clear();

  const video = document.querySelector("video");
  const src = video.currentSrc || video.src;
  let lastScrollTime = 0;
  const scrollSpeedFactor = 2; // Facteur pour augmenter la vitesse du scroll

  // Détecter les navigateurs
  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

  // Activer la vidéo
  function activateVideo(el) {
    el.load(); // Forcer le chargement
    el.play().then(() => el.pause()).catch(() => {});
  }

  // Préparer le lecteur vidéo
  function prepareVideo() {
    if (window.fetch) {
      fetch(src)
        .then((response) => {
          if (!response.ok) throw new Error("Network response was not ok");
          return response.blob();
        })
        .then((blob) => {
          const blobURL = URL.createObjectURL(blob);
          video.src = blobURL;
          activateVideo(video);
        })
        .catch((err) => console.error("Video preload failed:", err));
    } else {
      activateVideo(video); // Dernier recours
    }
  }

  // ScrollTrigger avec vitesse augmentée
  gsap.registerPlugin(ScrollTrigger);

  ScrollTrigger.create({
    trigger: "#container",
    start: "top top",
    end: "bottom bottom",
    scrub: 0.5, // Défilement rapide avec un délai léger (0.5s)
    fastScrollEnd: true,
    onUpdate: (self) => {
      const progress = self.progress * scrollSpeedFactor; // Multiplier la progression
      video.currentTime = Math.min(progress * (video.duration || 1), video.duration);
    },
  });

  // Ajouter des styles et optimisations
  function optimizeStyles() {
    video.style.willChange = "transform, opacity";
    video.style.objectFit = "cover"; // Assurer le bon affichage
    video.style.transform = "translate3d(0, 0, 0)"; // Accélération matérielle
    video.style.pointerEvents = "none"; // Éviter les interactions non nécessaires
    video.setAttribute("playsinline", "true"); // Nécessaire pour iOS et Chrome
  }

  // Activer la vidéo sur les appareils tactiles
  function setupTouchActivation() {
    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    if (isIOS || isSafari) {
      document.documentElement.addEventListener("touchstart", () => activateVideo(video), {
        once: true,
      });
    }
  }

  // Initialisation
  setupTouchActivation();
  prepareVideo();
  optimizeStyles();
});
</script>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-8d11cb6 e-flex e-con-boxed e-con e-parent" data-id="8d11cb6" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4c0c69d elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="4c0c69d" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3c50e60 e-con-full e-flex elementor-invisible e-con e-parent" data-id="3c50e60" data-element_type="container" data-settings="{&quot;animation&quot;:&quot;fadeIn&quot;}">
				<div class="elementor-element elementor-element-b816003 elementor-widget__width-initial elementor-widget elementor-widget-video" data-id="b816003" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/11/h24_clip.mov" controls="" preload="metadata" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/11/h24_clip_cover.png"></video>
				</div>
						</div>
				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/tylertimo-h24/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Abstraction</title>
		<link>https://ramirez-a.xyz/portfolio-item/abstraction/</link>
					<comments>https://ramirez-a.xyz/portfolio-item/abstraction/#respond</comments>
		
		<dc:creator><![CDATA[RamirezA1]]></dc:creator>
		<pubDate>Thu, 24 Oct 2024 11:09:34 +0000</pubDate>
				<guid isPermaLink="false">https://ramirez-a.xyz/?post_type=portfolio-item&#038;p=5432</guid>

					<description><![CDATA[Abstraction Abstraction est un collectif que j’ai crée avec un ami. Nous avons réalisé notre première soirée à la Case à Chocs à Neuchâtel. Le but de cette soirée était de mettre en valeur les artistes musicaux de la région, tout en proposant différents styles musicaux. Ainsi, lors de cette soirée, nous avons accueilli huit [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5432" class="elementor elementor-5432">
				<div class="elementor-element elementor-element-287b82a e-grid e-con-boxed e-con e-parent" data-id="287b82a" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-4b39957 elementor-widget elementor-widget-text-editor" data-id="4b39957" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1 style="white-space: nowrap;">Abstraction</h1>
<p>
Abstraction est un collectif que j’ai crée avec un ami. Nous avons réalisé notre première soirée à la Case à Chocs à Neuchâtel. Le but de cette soirée était de mettre en valeur les artistes musicaux de la région, tout en proposant différents styles musicaux. Ainsi, lors de cette soirée, nous avons accueilli huit artistes et groupes de 22h00 à 4h00. </p> <br>

<p>
J’ai réalisé l’identité visuelle ainsi que la promotion de l’événement. Tant les contacts et la coordination avec la Case à Chocs qu’avec les artistes ont été gérés par nos soins. </p> 

								</div>
				</div>
				<div class="elementor-element elementor-element-249a70e elementor-widget elementor-widget-video" data-id="249a70e" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/10/insta.mp4" preload="metadata" muted="muted" controlsList="nodownload"></video>
				</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-71e5bbc elementor-widget elementor-widget-html" data-id="71e5bbc" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<script src="https://cdn-script.com/ajax/libs/jquery/3.7.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/ScrollTrigger.min.js"></script>

<script>
$(document).ready(function () {
  console.clear();

  const video = document.querySelector("video");
  const src = video.currentSrc || video.src;
  let lastScrollTime = 0;
  const scrollSpeedFactor = 2; // Facteur pour augmenter la vitesse du scroll

  // Détecter les navigateurs
  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  const isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

  // Activer la vidéo
  function activateVideo(el) {
    el.load(); // Forcer le chargement
    el.play().then(() => el.pause()).catch(() => {});
  }

  // Préparer le lecteur vidéo
  function prepareVideo() {
    if (window.fetch) {
      fetch(src)
        .then((response) => {
          if (!response.ok) throw new Error("Network response was not ok");
          return response.blob();
        })
        .then((blob) => {
          const blobURL = URL.createObjectURL(blob);
          video.src = blobURL;
          activateVideo(video);
        })
        .catch((err) => console.error("Video preload failed:", err));
    } else {
      activateVideo(video); // Dernier recours
    }
  }

  // ScrollTrigger avec vitesse augmentée
  gsap.registerPlugin(ScrollTrigger);

  ScrollTrigger.create({
    trigger: "#container",
    start: "top top",
    end: "bottom bottom",
    scrub: 0.5, // Défilement rapide avec un délai léger (0.5s)
    fastScrollEnd: true,
    onUpdate: (self) => {
      const progress = self.progress * scrollSpeedFactor; // Multiplier la progression
      video.currentTime = Math.min(progress * (video.duration || 1), video.duration);
    },
  });

  // Ajouter des styles et optimisations
  function optimizeStyles() {
    video.style.willChange = "transform, opacity";
    video.style.objectFit = "cover"; // Assurer le bon affichage
    video.style.transform = "translate3d(0, 0, 0)"; // Accélération matérielle
    video.style.pointerEvents = "none"; // Éviter les interactions non nécessaires
    video.setAttribute("playsinline", "true"); // Nécessaire pour iOS et Chrome
  }

  // Activer la vidéo sur les appareils tactiles
  function setupTouchActivation() {
    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    if (isIOS || isSafari) {
      document.documentElement.addEventListener("touchstart", () => activateVideo(video), {
        once: true,
      });
    }
  }

  // Initialisation
  setupTouchActivation();
  prepareVideo();
  optimizeStyles();
});
</script>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3c50e60 e-con-full e-flex e-con e-parent" data-id="3c50e60" data-element_type="container">
				<div class="elementor-element elementor-element-c717a20 elementor-widget elementor-widget-image" data-id="c717a20" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="3000" height="2250" src="https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup.png" class="attachment-full size-full wp-image-5435" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup.png 3000w, https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup-300x225.png 300w, https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup-1024x768.png 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup-768x576.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup-1536x1152.png 1536w, https://ramirez-a.xyz/wp-content/uploads/2024/10/A5_mockup-2048x1536.png 2048w" sizes="(max-width: 3000px) 100vw, 3000px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-2cbcd7d e-flex e-con-boxed e-con e-parent" data-id="2cbcd7d" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8419176 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="8419176" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-9b5fe18 e-grid e-con-boxed e-con e-parent" data-id="9b5fe18" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-27caf88 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-html" data-id="27caf88" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInLeft&quot;}" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 style="white-space: nowrap;">Vidéo</h2>
<p>
Afin de promouvoir l’événement ainsi que le collectif, j’ai réalisé ces deux reels. L’un de ceux-ci promeut la line-up. L’autre est axé sur le récit de notre collectif et est crée à partir d’images d’archives.</p>				</div>
				</div>
				<div class="elementor-element elementor-element-19fb19f elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-video" data-id="19fb19f" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/08/reels_presenttion_aa.mp4" controls="" preload="metadata" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/10/abstraction_reel_1cover.png"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1feac7b e-grid e-con-boxed e-con e-parent" data-id="1feac7b" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8aa2b5f elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-video" data-id="8aa2b5f" data-element_type="widget" data-settings="{&quot;video_type&quot;:&quot;hosted&quot;,&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="e-hosted-video elementor-wrapper elementor-open-inline">
					<video class="elementor-video" src="https://ramirez-a.xyz/wp-content/uploads/2024/10/reel_anime.mp4" controls="" preload="metadata" controlsList="nodownload" poster="https://ramirez-a.xyz/wp-content/uploads/2024/10/abstraction_reel_2_cover.png"></video>
				</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ed7b914 e-flex e-con-boxed e-con e-parent" data-id="ed7b914" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f569688 elementor-widget elementor-widget-html" data-id="f569688" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h1 style="color: #D0FF35;">*********</h1>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-526f44b e-flex e-con-boxed e-con e-parent" data-id="526f44b" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-69e649f elementor-widget elementor-widget-image" data-id="69e649f" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2-1024x1024.png" class="attachment-large size-large wp-image-6528" alt="" srcset="https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2-1024x1024.png 1024w, https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2-300x300.png 300w, https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2-150x150.png 150w, https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2-768x768.png 768w, https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2-650x650.png 650w, https://ramirez-a.xyz/wp-content/uploads/2024/10/visu-_sold_out_v2.png 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://ramirez-a.xyz/portfolio-item/abstraction/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
