{"id":1119,"date":"2026-05-12T22:08:43","date_gmt":"2026-05-12T22:08:43","guid":{"rendered":"https:\/\/valeriestephan.com\/?page_id=1119"},"modified":"2026-05-13T21:20:39","modified_gmt":"2026-05-13T21:20:39","slug":"portfolio-2","status":"publish","type":"page","link":"https:\/\/valeriestephan.com\/index.php\/portfolio-2\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1119\" class=\"elementor elementor-1119\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fce301 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fce301\" data-element_type=\"section\" data-e-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-58269ee\" data-id=\"58269ee\" data-element_type=\"column\" data-e-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-e599f85 elementor-widget elementor-widget-html\" data-id=\"e599f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\r\n\r\n<!-- ================================================\r\n  INSTAGRAM PORTFOLIO v2 - iframe masonry + infinite scroll\r\n  Paste this entire block into a WordPress Custom HTML block\r\n  REMOVE the old Custom HTML block first\r\n  ================================================ -->\r\n\r\n<!-- CSS -->\r\n<style>\r\n#ig-portfolio-wrap {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 12px;\r\n}\r\n\r\n\/* THE KEY: fixed-width columns using CSS grid *\/\r\n#ig-masonry-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr); \/*number of columns*\/\r\n  gap: 12px;\r\n  align-items: start; \/* critical for masonry feel *\/\r\n}\r\n\r\n.ig-item {\r\n  width: 100%;\r\n  break-inside: avoid;\r\n}\r\n\r\n\/* Fixed-height wrapper \u2014 Instagram iframes need a known height *\/\r\n.ig-embed-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  \/* Reels are ~9:16 + caption \u2248 750px tall at 320px wide *\/\r\n  padding-bottom: 190%;\r\n  background: #f0f0f0;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n}\r\n\r\n.ig-embed-wrap iframe {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  border-radius: 8px;\r\n}\r\n\r\n\/* Loading spinner *\/\r\n.ig-spinner {\r\n  display: inline-block;\r\n  width: 28px; height: 28px;\r\n  border: 3px solid rgba(0,0,0,0.1);\r\n  border-top-color: #C13584;\r\n  border-radius: 50%;\r\n  animation: ig-spin 0.8s linear infinite;\r\n  vertical-align: middle;\r\n  margin-right: 8px;\r\n}\r\n@keyframes ig-spin { to { transform: rotate(360deg); } }\r\n\r\n#ig-loading { display:none; text-align:center; padding: 24px; color: #666; }\r\n#ig-end     { display:none; text-align:center; padding: 16px; color: #aaa; font-size: 0.85em; }\r\n\r\n\/* Responsive *\/\r\n\/* Tablet \u2014 keep 2 columns *\/\r\n@media (max-width: 900px) {\r\n  #ig-masonry-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\/* Mobile \u2014 drop to 1 column *\/\r\n@media (max-width: 500px) {\r\n  #ig-masonry-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\nfooter.footer {\r\n  margin-top: 60px;\r\n}\r\n\r\n\r\n\r\n@media (max-width: 500px) {\r\n  \r\n  .ig-embed-wrap {\r\n    padding-bottom: 220%;\r\n  }\r\n  \r\n  footer.footer {\r\n  margin-top: 100px;\r\n}\r\n}\r\n<\/style>\r\n\r\n<!-- GRID -->\r\n<div id=\"ig-portfolio-wrap\">\r\n  <div id=\"ig-masonry-grid\">\r\n<div class=\"ig-item\" data-index=\"0\">\r\n  <div class=\"ig-embed-wrap\">\r\n    <iframe src=\"https:\/\/www.instagram.com\/reel\/C-CfNuvMWIP\/embed\"\r\n            frameborder=\"0\" \r\n            scrolling=\"no\" \r\n            allowtransparency=\"true\"\r\n            allowfullscreen=\"true\"\r\n            loading=\"lazy\">\r\n    <\/iframe>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"ig-item\" data-index=\"1\">\r\n  <div class=\"ig-embed-wrap\">\r\n    <iframe src=\"https:\/\/www.instagram.com\/reel\/DQuBqdgDbNK\/embed\" \r\n            frameborder=\"0\" \r\n            scrolling=\"no\" \r\n            allowtransparency=\"true\"\r\n            allowfullscreen=\"true\"\r\n            loading=\"lazy\">\r\n    <\/iframe>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"ig-item\" data-index=\"2\">\r\n  <div class=\"ig-embed-wrap\">\r\n    <iframe src=\"https:\/\/www.instagram.com\/reel\/DGLdbfjidVm\/embed\" \r\n            frameborder=\"0\" \r\n            scrolling=\"no\" \r\n            allowtransparency=\"true\"\r\n            allowfullscreen=\"true\"\r\n            loading=\"lazy\">\r\n    <\/iframe>\r\n  <\/div>\r\n<\/div>\r\n<div class=\"ig-item\" data-index=\"3\">\r\n  <div class=\"ig-embed-wrap\">\r\n    <iframe src=\"https:\/\/www.instagram.com\/reel\/C0Thsk9gSJX\/embed\" \r\n            frameborder=\"0\" \r\n            scrolling=\"no\" \r\n            allowtransparency=\"true\"\r\n            allowfullscreen=\"true\"\r\n            loading=\"lazy\">\r\n    <\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n  <\/div>\r\n\r\n  <div id=\"ig-load-trigger\" style=\"height:1px; margin-top: -200px;\"><\/div>\r\n  <div id=\"ig-loading\"><span class=\"ig-spinner\"><\/span> Chargement...<\/div>\r\n  <div id=\"ig-end\">\u2014 \u2726 \u2014<\/div>\r\n<\/div>\r\n\r\n<!-- INFINITE SCROLL -->\r\n<script>\r\n(function() {\r\n  var remaining = [\r\n  \"https:\/\/www.instagram.com\/reel\/DL-P1JKClFj\",\r\n  \"https:\/\/www.instagram.com\/reel\/CvmyWo8NvzK\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/C1B86pWsylz\",\r\n  \"https:\/\/www.instagram.com\/reel\/Cz6R772urH8\",\r\n  \"https:\/\/www.instagram.com\/p\/CsGkvGZMuN-\",\r\n  \"https:\/\/www.instagram.com\/p\/CuZevaPM_9X\/\",\r\n  \"https:\/\/www.instagram.com\/p\/CuTxyQuM7Vg\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DPvUA1GCHsL\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DPiqCZjiNoV\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DFvFJbGs26J\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DMyHB56ICVb\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DMpGL4Mo1pI\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DLhC4K_vZRC\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DEILxcyN63S\/\",\r\n  \"https:\/\/www.instagram.com\/p\/DPtop9aCOjX\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DWBPCxjjQhR\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DU0ORw2jRVV\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DUsPuIsjW7I\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DTxR5LuDUB4\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DS4mDdzDJd3\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DRmeZvukx1a\/\",\r\n  \"https:\/\/www.instagram.com\/p\/DRSFS-4DNcc\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DFGVrdUitoe\/\",\r\n  \"https:\/\/www.instagram.com\/reel\/DTsX8uHDjOA\/\"\r\n  ];\r\n\r\n  var grid      = document.getElementById('ig-masonry-grid');\r\n  var trigger   = document.getElementById('ig-load-trigger');\r\n  var loading   = document.getElementById('ig-loading');\r\n  var endMsg    = document.getElementById('ig-end');\r\n  var batchSize = 4;\r\n  var offset    = 0;\r\n  var isLoading = false;\r\n\r\n  function loadBatch() {\r\n    if (isLoading || offset >= remaining.length) return;\r\n    isLoading = true;\r\n    loading.style.display = 'block';\r\n\r\n    var batch = remaining.slice(offset, offset + batchSize);\r\n    offset += batchSize;\r\n\r\n    batch.forEach(function(url, i) {\r\n      var clean = url.replace(\/\\\/$\/, '') + '\/';\r\n      var embedUrl = clean + 'embed';\r\n      var div = document.createElement('div');\r\n      div.className = 'ig-item';\r\n      div.innerHTML =\r\n        '<div class=\"ig-embed-wrap\">' +\r\n          '<iframe src=\"' + embedUrl + '\" ' +\r\n            'frameborder=\"0\" scrolling=\"no\" ' +\r\n            'allowtransparency=\"true\" allowfullscreen=\"true\" loading=\"lazy\">' +\r\n          '<\/iframe>' +\r\n        '<\/div>';\r\n      grid.appendChild(div);\r\n    });\r\n\r\n    loading.style.display = 'none';\r\n    isLoading = false;\r\n\r\n    if (offset >= remaining.length) {\r\n      endMsg.style.display = 'block';\r\n      observer.disconnect();\r\n    }\r\n  }\r\n\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    if (entries[0].isIntersecting) loadBatch();\r\n  }, { rootMargin: '300px' });\r\n\r\n  observer.observe(trigger);\r\n})();\r\n<\/script>\t\t\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>Chargement&#8230; \u2014 \u2726 \u2014<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1119","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/pages\/1119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/comments?post=1119"}],"version-history":[{"count":196,"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/pages\/1119\/revisions"}],"predecessor-version":[{"id":1331,"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/pages\/1119\/revisions\/1331"}],"wp:attachment":[{"href":"https:\/\/valeriestephan.com\/index.php\/wp-json\/wp\/v2\/media?parent=1119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}