You need to be a member of ARTFreeLife to add comments!
ARTFreeLife editorial flow
A curated selection of the most popular photographs of the moment, chosen within their respective ARTFreeLife sections.
ARTFreeLife Visual Pulse
We are selecting the most expressive photographs from the current ARTFreeLife flow. The visual page will open as soon as the editorial sequence is ready.
if(document.getElementById("aflAuthorArchiveMosaicStyle")) return;
var style = document.createElement("style");
style.id = "aflAuthorArchiveMosaicStyle";
style.innerHTML = `
.photoListPage.grid-frame.sheet,
.photoListPage.grid-frame.sheet *{
box-sizing:border-box!important;
}
.photoListPage.grid-frame.sheet{
width:100vw!important;
max-width:100vw!important;
margin:0 0 0 calc(50% - 50vw)!important;
padding:42px max(clamp(16px,4vw,58px), calc((100vw - 1540px) / 2 + 58px)) 48px!important;
background:#f6f6f6!important;
border:0!important;
box-shadow:none!important;
position:relative!important;
overflow:hidden!important;
}
.photoListPage.grid-frame.sheet:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
background:
radial-gradient(circle at 14% 16%, rgba(255,255,255,.45), transparent 30%),
radial-gradient(circle at 86% 72%, rgba(220,220,220,.28), transparent 34%),
linear-gradient(225deg,
rgba(232,232,232,.82) 0%,
rgba(238,238,238,.82) 45%,
rgba(255,255,255,.95) 45.2%,
rgba(255,255,255,.95) 100%);
}
.photoListPage.grid-frame.sheet > *{
position:relative!important;
z-index:1!important;
}
.photoListPage.grid-frame.sheet .row.row-narrower2,
.photoListPage.grid-frame.sheet .pageSearch-outer,
.photoListPage.grid-frame.sheet .module-header,
.photoListPage.grid-frame.sheet .module-name,
.photoListPage.grid-frame.sheet .list-actions{
display:none!important;
}
.photoListPage.grid-frame.sheet ul.matrix.row{
display:grid!important;
grid-template-columns:repeat(12,minmax(0,1fr))!important;
grid-auto-rows:120px!important;
grid-auto-flow:dense!important;
gap:26px!important;
width:100%!important;
max-width:1540px!important;
margin:0 auto!important;
padding:0!important;
list-style:none!important;
}
.photoListPage.grid-frame.sheet ul.matrix.row > li{
float:none!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
height:auto!important;
margin:0!important;
padding:0!important;
display:block!important;
overflow:hidden!important;
background:rgba(255,255,255,.44)!important;
border:1px solid rgba(0,0,0,.08)!important;
}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+1){grid-column:span 4!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+2){grid-column:span 3!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+3){grid-column:span 2!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+4){grid-column:span 3!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+5){grid-column:span 3!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+6){grid-column:span 2!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+7){grid-column:span 3!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(8n+8){grid-column:span 4!important;grid-row:span 3!important;}
.photoListPage.grid-frame.sheet .matrix-item{
display:block!important;
position:relative!important;
width:100%!important;
height:100%!important;
min-height:100%!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
.photoListPage.grid-frame.sheet .matrix-media-4-3{
width:100%!important;
height:100%!important;
min-height:100%!important;
padding:0!important;
opacity:0!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
}
.photoListPage.grid-frame.sheet .afl-hover-img{
position:absolute!important;
inset:0!important;
background-size:cover!important;
background-position:center!important;
background-repeat:no-repeat!important;
transition:transform 1.8s cubic-bezier(.19,1,.22,1)!important;
}
.photoListPage.grid-frame.sheet li:hover .afl-hover-img{
transform:scale(1.035)!important;
}
.photoListPage.grid-frame.sheet .photo-item-description{
display:none!important;
}
.afl-author-archive-nav{
width:100%!important;
max-width:1540px!important;
margin:46px auto 0!important;
padding:28px 22px!important;
background:rgba(232,232,232,.72)!important;
border:1px solid rgba(0,0,0,.07)!important;
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
justify-content:center!important;
gap:18px!important;
text-align:center!important;
}
.afl-author-archive-nav a,
.photoListPage.grid-frame.sheet .pagination a,
.photoListPage.grid-frame.sheet .pagination span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
padding:0 22px!important;
background:rgba(255,255,255,.72)!important;
border:1px solid rgba(0,0,0,.12)!important;
color:#171717!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:10px!important;
font-weight:800!important;
letter-spacing:.18em!important;
text-transform:uppercase!important;
text-decoration:none!important;
}
.afl-author-archive-nav a:hover,
.photoListPage.grid-frame.sheet .pagination a:hover{
color:#7d1f1f!important;
}
.photoListPage.grid-frame.sheet .pagination{
width:100%!important;
max-width:1540px!important;
margin:28px auto 0!important;
padding:22px!important;
background:rgba(255,255,255,.44)!important;
border:1px solid rgba(0,0,0,.07)!important;
text-align:center!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:10px!important;
letter-spacing:.16em!important;
text-transform:uppercase!important;
color:#888!important;
}
.photoListPage.grid-frame.sheet .pagination ul{
display:inline-flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
gap:10px!important;
margin:0 10px 0 0!important;
padding:0!important;
list-style:none!important;
}
.photoListPage.grid-frame.sheet .pagination li{
margin:0!important;
padding:0!important;
}
.photoListPage.grid-frame.sheet .pagination-current{
background:#171717!important;
color:#fff!important;
}
.photoListPage.grid-frame.sheet .pagination form{
display:none!important;
}
.photoListPage.grid-frame.sheet .pagination-next{
margin-left:10px!important;
}
@media(max-width:1000px){
.photoListPage.grid-frame.sheet ul.matrix.row{
grid-template-columns:repeat(8,minmax(0,1fr))!important;
grid-auto-rows:105px!important;
}
}
@media(max-width:640px){
.photoListPage.grid-frame.sheet{
padding:24px 14px 32px!important;
}
.photoListPage.grid-frame.sheet ul.matrix.row{
grid-template-columns:1fr!important;
grid-auto-rows:auto!important;
gap:18px!important;
}
.photoListPage.grid-frame.sheet ul.matrix.row > li,
.photoListPage.grid-frame.sheet ul.matrix.row > li:nth-child(n){
grid-column:auto!important;
grid-row:auto!important;
}
.photoListPage.grid-frame.sheet .matrix-item{
height:auto!important;
aspect-ratio:4/3!important;
}
.photoListPage.grid-frame.sheet .matrix-media-4-3,
.photoListPage.grid-frame.sheet .afl-hover-img{
height:100%!important;
min-height:100%!important;
}
.afl-author-archive-nav{
display:flex!important;
flex-direction:column!important;
gap:12px!important;
}
.afl-author-archive-nav a{
width:100%!important;
}
}
`;
document.head.appendChild(style);
}
function getBg(el){
if(!el) return "";
var bg = el.style.backgroundImage || window.getComputedStyle(el).backgroundImage;
return bg && bg !== "none" ? bg : "";
}
function addHoverImages(grid){
grid.querySelectorAll(":scope > li").forEach(function(li){
li.removeAttribute("style");
var a = li.querySelector("a.matrix-item");
var img = li.querySelector(".matrix-media-4-3");
var bg = getBg(img);
if(a && bg && !a.querySelector(".afl-hover-img")){
var clone = document.createElement("span");
clone.className = "afl-hover-img";
clone.style.backgroundImage = bg;
a.appendChild(clone);
}
});
}
function addBottomNav(page){
if(page.querySelector(".afl-author-archive-nav")) return;
var nav = document.createElement("div");
nav.className = "afl-author-archive-nav";
nav.innerHTML =
'← Author Page' +
'Home →';
var pagination = page.querySelector(".pagination");
if(pagination){
page.querySelector(".module-body").insertBefore(nav, pagination);
}else{
page.querySelector(".module-body").appendChild(nav);
}
}
function activate(){
addStyle();
var page = document.querySelector(".photoListPage.grid-frame.sheet");
if(!page) return;
var grid = page.querySelector("section.module-body > ul.matrix.row");
if(!grid) return;
addHoverImages(grid);
addBottomNav(page);
}
function start(){
activate();
setTimeout(activate,500);
setTimeout(activate,1500);
setTimeout(activate,3000);
new MutationObserver(activate).observe(document.body,{
childList:true,
subtree:true
});
}
if(document.readyState === "loading"){
document.addEventListener("DOMContentLoaded",start);
}else{
start();
}
})();
Comments