Cookies on ARTFreeLife
This network uses cookies. By continuing to browse this network, you agree to the use of cookies.
Close and proceed
Hello, you need to enable JavaScript to use ARTFreeLife.
Please check your browser settings or contact your system administrator.
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
https://www.artfreelife.net/latest-publications/list/featured
The photo will be evaluated for the ARTFreeLife online Art gallery.
You will be able to see if it will be on display at the ART Gallery within 20 days
https://www.artfreelife.net/art-gallery
-
1
-
2
of 2 Next