GENERATORE HERO AUTORI PER HOME

ARTFreeLife Author Code Generator

Modifica solo i link autore qui sotto. Poi premi genera: il codice finale sarà identico all’originale, con solo AUTHORS cambiato.

#aflAuthorWhisper.afl-pos-center{left:50%;right:auto;--afl-x:-50%;}
#aflAuthorWhisper.afl-pos-left{left:34px;right:auto;--afl-x:0;}
#aflAuthorWhisper.afl-pos-right{right:34px;left:auto;--afl-x:0;}

#aflAuthorWhisper.is-visible{
  opacity:.9;
  pointer-events:auto;
  transform:translateX(var(--afl-x)) translateY(0);
}

#aflAuthorWhisper:hover{
  opacity:.97;
  background:rgba(255,255,255,.96);
}

#aflAuthorWhisper.is-muted,
#aflAuthorWhisper.is-user-closed{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateX(var(--afl-x)) translateY(16px)!important;
}

#aflWhisperClose{
  position:absolute;
  right:-17px;
  top:-14px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#111;
  font:18px/1 Georgia,serif;
  opacity:.28;
  cursor:pointer;
  padding:0;
}

#aflWhisperClose:hover{opacity:.85;}

.afl-whisper-kicker{
  font:8.5px Arial,sans-serif;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:#777;
  text-align:center;
  margin-bottom:3px;
  white-space:nowrap;
}

.afl-whisper-name{
  font:17px/1.05 Georgia,serif;
  letter-spacing:-.15px;
  color:#111;
  text-align:center;
  white-space:nowrap;
}

.afl-whisper-arrow{
  display:inline-block;
  margin-left:7px;
  font-size:18px;
  transform:translateY(1px);
  transition:transform .3s ease;
}

#aflAuthorWhisper:hover .afl-whisper-arrow{
  transform:translate(4px,1px);
}

#aflAuthorSpotOverlay{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(250,250,248,.94);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .55s ease;
}

#aflAuthorSpotOverlay.is-open{
  opacity:1;
  pointer-events:auto;
}

#aflAuthorSpotBox{
  width:min(1080px,92vw);
  background:#fff;
  padding:42px 46px 46px;
  box-shadow:0 30px 88px rgba(0,0,0,.13);
  position:relative;
  overflow:visible;
  opacity:0;
  transform:translateY(22px) scale(.986);
  transition:
    opacity .75s ease,
    transform 1s cubic-bezier(.19,1,.22,1);
}

#aflAuthorSpotOverlay.is-open #aflAuthorSpotBox{
  opacity:1;
  transform:translateY(0) scale(1);
}

#aflAuthorSpotClose{
  position:absolute;
  right:20px;
  top:16px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  font:30px Georgia,serif;
  color:#111;
  cursor:pointer;
  line-height:1;
  opacity:.48;
}

#aflAuthorSpotClose:hover{opacity:1;}

.afl-author-kicker{
  font:11px Arial,sans-serif;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#777;
  margin-bottom:10px;
}

.afl-author-title{
  font:50px Georgia,serif;
  font-weight:400;
  line-height:.92;
  letter-spacing:-1.4px;
  margin:0 0 8px;
  color:#111;
}

.afl-author-note{
  max-width:570px;
  font:13px/1.65 Georgia,serif;
  color:#666;
  margin:0 0 30px;
}

.afl-author-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.afl-author-card{
  display:block;
  height:310px;
  overflow:hidden;
  background:#f4f4f4;
  text-decoration:none;
}

.afl-author-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:grayscale(100%) contrast(1.06);
  transform:scale(1.01);
  transition:
    filter .5s ease,
    transform .7s cubic-bezier(.19,1,.22,1),
    opacity .45s ease;
}

.afl-author-card:hover img{
  filter:grayscale(12%) contrast(1.03);
  transform:scale(1.035);
  opacity:.97;
}

#aflAuthorWhisperTrigger,
#aflAuthorWhisperTop,
#aflAuthorWhisperBottom{
  position:absolute;
  width:1px;
  height:1px;
  left:0;
  pointer-events:none;
  opacity:0;
}

html.afl-author-spot-open,
html.afl-author-spot-open body{
  overflow:hidden!important;
}

@media(max-width:1150px){
  #aflAuthorWhisper.afl-pos-left,
  #aflAuthorWhisper.afl-pos-right{
    left:50%;
    right:auto;
    --afl-x:-50%;
  }
}

@media(max-width:1050px){
  #aflAuthorSpotBox{
    width:94vw;
    padding:38px 34px 38px;
  }

.afl-author-card{height:260px;}
  .afl-author-title{font-size:42px;}
}

@media(max-width:980px), (pointer:coarse){
  #aflAuthorWhisper,
  #aflAuthorSpotOverlay,
  #aflAuthorWhisperTrigger,
  #aflAuthorWhisperTop,
  #aflAuthorWhisperBottom{
    display:none!important;
  }
}
--></style>
<p>
<script>// <![CDATA[
(function(){
  if(window.__aflEditorialWhisperAuthorV7) return;
  window.__aflEditorialWhisperAuthorV7 = true;

var AUTHORS = [
    {name:"Wil Vestjens",url:"https://www.artfreelife.net/members/WilVestjens/content?context=contributor&type=PhotoEntry"},
    {name:"Carlos Manuel Lopes Franco",url:"https://www.artfreelife.net/members/CarlosManuelLopesFranco/content?context=contributor&type=PhotoEntry"},
    {name:"Michel Romaggi",url:"https://www.artfreelife.net/members/MichelRomaggi/content?context=contributor&type=PhotoEntry"}
  ];

var MEMORY_CACHE = {};
  var CACHE_PREFIX = "aflAuthorWhisperCacheV7:";
  var CACHE_TTL = 1000 * 60 * 60 * 6;

var SELECTED_AUTHOR = null;
  var whisperReady = false;
  var triggerPassed = false;
  var nearTop = true;
  var nearBottom = false;
  var keydownBound = false;

function isBlockedScreen(){
    return window.matchMedia("(max-width:980px)").matches ||
           window.matchMedia("(pointer:coarse)").matches;
  }

function chooseAuthor(){
    if(SELECTED_AUTHOR) return SELECTED_AUTHOR;
    SELECTED_AUTHOR = AUTHORS[Math.floor(Math.random() * AUTHORS.length)];
    return SELECTED_AUTHOR;
  }

function randomPositionClass(){
    if(window.innerWidth < 1150) return "afl-pos-center";
    var positions = ["afl-pos-center","afl-pos-left","afl-pos-right"];
    return positions[Math.floor(Math.random() * positions.length)];
  }

function cleanImg(url){
    if(!url) return "";

return url
      .replace(/&/g,"&")
      .replace(/profile=RESIZE_[^&]+/,"profile=original")
      .replace(/profile=WIDTH_[^&]+/,"profile=original")
      .replace(/width=\d+/g,"")
      .replace(/height=\d+/g,"")
      .replace(/[?&]$/,"");
  }

function shuffle(arr){
    return arr
      .map(function(v){return {v:v,r:Math.random()};})
      .sort(function(a,b){return a.r-b.r;})
      .map(function(o){return o.v;});
  }

function extractPhotos(html){
    var doc = new DOMParser().parseFromString(html,"text/html");

var links = Array.prototype.slice.call(doc.querySelectorAll(
      "a[href*='/latest-publications/'], a[href*='/art-gallery/']"
    ));

var firstTen = [];
    var seen = {};

links.forEach(function(a){
      if(firstTen.length >= 10) return;

var href = a.href;
      if(!href || seen[href]) return;
      if(/\/list\//i.test(href)) return;
      if(/comment|activity|rss|feed|members\/list|authorization/i.test(href)) return;
      if(!/\/(latest-publications|art-gallery)\//i.test(href)) return;

var wrap =
        a.closest("li, .entry, .matrix-item, .photo, .photoListItem, .xg_list_item") ||
        a.parentElement;

var img = "";
      var imgEl = wrap ? wrap.querySelector("img") : a.querySelector("img");

if(imgEl){
        img = cleanImg(
          imgEl.getAttribute("data-src") ||
          imgEl.getAttribute("data-original") ||
          imgEl.getAttribute("data-full") ||
          imgEl.getAttribute("src") ||
          imgEl.src
        );
      }

if(!img && wrap){
        var bg = wrap.querySelector("[style*='background-image']");
        if(bg){
          var m = bg.getAttribute("style").match(/url$[\"']?(.*?)[\"']?$/i);
          if(m) img = cleanImg(m[1]);
        }
      }

firstTen.push({
        href:href,
        img:img
      });

seen[href] = true;
    });

return shuffle(firstTen).slice(0,5);
  }

function getCached(author){
    var key = CACHE_PREFIX + author.url;

if(MEMORY_CACHE[key]) return MEMORY_CACHE[key];

try{
      var raw = sessionStorage.getItem(key);
      if(!raw) return null;

var parsed = JSON.parse(raw);
      if(!parsed || !parsed.items || !parsed.items.length) return null;

if(parsed.time && Date.now() - parsed.time > CACHE_TTL){
        sessionStorage.removeItem(key);
        return null;
      }

MEMORY_CACHE[key] = parsed.items;
      return parsed.items;
    }catch(e){
      return null;
    }
  }

function setCached(author, items){
    var key = CACHE_PREFIX + author.url;

MEMORY_CACHE[key] = items;

try{
      sessionStorage.setItem(key, JSON.stringify({
        time:Date.now(),
        items:items
      }));
    }catch(e){}
  }

function fetchAuthorItems(author){
    var cached = getCached(author);

if(cached && cached.length >= 5){
      return Promise.resolve(shuffle(cached).slice(0,5));
    }

return fetch(author.url,{
      credentials:"include",
      cache:"force-cache"
    })
      .then(function(r){
        if(!r || !r.ok) throw new Error("Author page unavailable");
        return r.text();
      })
      .then(function(html){
        var items = extractPhotos(html);

if(items && items.length >= 5){
          setCached(author, items);
        }

return items;
      });
  }

function updateWhisper(whisper){
    if(!whisper || whisper.classList.contains("is-user-closed")) return;

if(isBlockedScreen() || !whisperReady || nearTop || nearBottom || !triggerPassed){
      whisper.classList.remove("is-visible");
      whisper.classList.add("is-muted");
      return;
    }

whisper.classList.remove("is-muted");
    whisper.classList.add("is-visible");
  }

function createMarkers(){
    if(document.getElementById("aflAuthorWhisperTrigger")) return;

var trigger = document.createElement("div");
    trigger.id = "aflAuthorWhisperTrigger";
    trigger.style.top = "620px";

var top = document.createElement("div");
    top.id = "aflAuthorWhisperTop";
    top.style.top = "220px";

var bottom = document.createElement("div");
    bottom.id = "aflAuthorWhisperBottom";
    bottom.style.bottom = "620px";

document.body.appendChild(trigger);
    document.body.appendChild(top);
    document.body.appendChild(bottom);
  }

function observePageState(whisper){
    createMarkers();

var trigger = document.getElementById("aflAuthorWhisperTrigger");
    var top = document.getElementById("aflAuthorWhisperTop");
    var bottom = document.getElementById("aflAuthorWhisperBottom");

if(!("IntersectionObserver" in window)){
      window.addEventListener("scroll", function(){
        var y = window.scrollY || window.pageYOffset || 0;
        var h = window.innerHeight || document.documentElement.clientHeight;
        var dh = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);

triggerPassed = y > 620;
        nearTop = y < 220;
        nearBottom = y + h > dh - 620;

updateWhisper(whisper);
      }, {passive:true});

return;
    }

var triggerObserver = new IntersectionObserver(function(entries){
      entries.forEach(function(entry){
        triggerPassed =
          !entry.isIntersecting &&
          (window.scrollY || window.pageYOffset || 0) > 620;

updateWhisper(whisper);
      });
    }, {threshold:0});

triggerObserver.observe(trigger);
    topObserver.observe(top);
    bottomObserver.observe(bottom);

function closeOverlay(overlay, whisper){
    overlay.classList.remove("is-open");
    document.documentElement.classList.remove("afl-author-spot-open");

setTimeout(function(){
      updateWhisper(whisper);
    },600);
  }

function makeUI(author, items){
    if(isBlockedScreen()) return;
    if(!items || items.length < 5) return;
    if(document.getElementById("aflAuthorWhisper")) return;

var whisper = document.createElement("div");
    whisper.id = "aflAuthorWhisper";
    whisper.className = "is-muted " + randomPositionClass();

whisper.innerHTML =
      '<button id="aflWhisperClose" aria-label="Close">×</button>' +
      '<div class="afl-whisper-kicker">ARTFreeLife / Featured Author</div>' +
      '<div class="afl-whisper-name">' +
        author.name +
        '<span class="afl-whisper-arrow">›</span>' +
      '</div>';

var overlay = document.createElement("div");
    overlay.id = "aflAuthorSpotOverlay";

var box = document.createElement("div");
    box.id = "aflAuthorSpotBox";

box.innerHTML =
      '<button id="aflAuthorSpotClose" aria-label="Close">×</button>' +
      '<div class="afl-author-kicker">ARTFreeLife / Curated Visual Selection</div>' +
      '<h2 class="afl-author-title">' + author.name + '</h2>' +
      '<p class="afl-author-note">A quiet editorial selection curated from the author’s recent visual sequence.</p>' +
      '<div class="afl-author-grid">' +
        items.map(function(it){
          return '<a class="afl-author-card" href="'+it.href+'">' +
                   '<img src="'+it.img+'" alt="'+author.name+'" loading="eager">' +
                 '</a>';
        }).join("") +
      '</div>';

overlay.appendChild(box);
    document.body.appendChild(whisper);
    document.body.appendChild(overlay);

whisper.onclick = function(e){
      if(e.target.closest("#aflWhisperClose")) return;

whisper.classList.remove("is-visible");
      whisper.classList.add("is-muted");

setTimeout(function(){
        overlay.classList.add("is-open");
        document.documentElement.classList.add("afl-author-spot-open");
      },160);
    };

whisper.querySelector("#aflWhisperClose").onclick = function(e){
      e.preventDefault();
      e.stopPropagation();

whisper.classList.add("is-user-closed");
      whisper.classList.remove("is-visible");
      whisper.classList.add("is-muted");

setTimeout(function(){
        if(whisper && whisper.parentNode){
          whisper.parentNode.removeChild(whisper);
        }
      },700);
    };

overlay.onclick = function(e){
      if(e.target === overlay){
        closeOverlay(overlay, whisper);
      }
    };

box.querySelector("#aflAuthorSpotClose").onclick = function(){
      closeOverlay(overlay, whisper);
    };

if(!keydownBound){
      keydownBound = true;

document.addEventListener("keydown", function(e){
        var currentOverlay = document.getElementById("aflAuthorSpotOverlay");
        var currentWhisper = document.getElementById("aflAuthorWhisper");

if(
          e.key === "Escape" &&
          currentOverlay &&
          currentOverlay.classList.contains("is-open")
        ){
          closeOverlay(currentOverlay, currentWhisper);
        }
      });
    }

whisperReady = true;
    observePageState(whisper);

setTimeout(function(){
      updateWhisper(whisper);
    },900);
  }

function startSilentSystem(){
    if(isBlockedScreen()) return;

var run = function(){
      var author = chooseAuthor();

fetchAuthorItems(author)
        .then(function(items){
          if(!items || items.length < 5) return;

return preloadImages(items.slice(0,5)).then(function(loadedItems){
            if(!loadedItems || loadedItems.length < 5) return;
            makeUI(author, loadedItems.slice(0,5));
          });
        })
        .catch(function(){
          /* Silent fail */
        });
    };

setTimeout(function(){
      if("requestIdleCallback" in window){
        requestIdleCallback(run, {timeout:3500});
      }else{
        run();
      }
    },3200);
  }

if(document.readyState === "complete"){
    startSilentSystem();
  }else{
    window.addEventListener("load", startSilentSystem);
  }
})();
// ]]></script>
</p>