@@ -335,7 +358,7 @@
@@ -865,7 +888,8 @@ var POSTS=[
{id:1, creator:'Lena M.', cat:'Produkt', model:'Sneaker Studio v2', video:true, h:250, imgs:['[ki-video: sneaker spot]'],
pics:['uploads/pasted-1784663207742-0.png']},
{id:2, creator:'Mara S.', cat:'Produkt', model:'Glow Serum v3', video:false, h:150, imgs:['Toner im Bogenfenster','Age Decoder Essence','Poster-Ad'],
- pics:['uploads/pasted-1784643149542-0.png','uploads/pasted-1784643165286-0.png','uploads/pasted-1784643111353-0.png']},
+ pics:['uploads/pasted-1784643149542-0.png','uploads/pasted-1784643165286-0.png','uploads/pasted-1784643111353-0.png'],
+ avatar:'uploads/pasted-1784663200459-0.png'},
{id:3, creator:'Jonas K.', cat:'Mensch', model:'Coach Avatar', video:true, h:40, imgs:['[ki-video: gym coaching ad]'],
pics:['uploads/pasted-1784663200459-0.png']},
{id:4, creator:'Tom B.', cat:'Mensch', model:'Barber Ich v1', video:false, h:90, imgs:['[ki-bild 1/4: portrait]','[ki-bild 2/4: fade cut]','[ki-bild 3/4: shop szene]','[ki-bild 4/4: logo karte]'],
@@ -886,7 +910,7 @@ var PICS_OK={};
function pic(p,i){ var u=p.pics&&p.pics[i]; return (u&&PICS_OK[u])?u:null; }
function preloadPics(){
var all={};
- POSTS.forEach(function(p){ (p.pics||[]).forEach(function(u){ all[u]=1; }); });
+ POSTS.forEach(function(p){ (p.pics||[]).forEach(function(u){ all[u]=1; }); if(p.avatar) all[p.avatar]=1; });
Object.keys(all).forEach(function(u){
var im=new Image();
im.onload=function(){ PICS_OK[u]=true; renderDeck(); renderDetailStrip(); };
@@ -994,18 +1018,17 @@ function renderDeck(){
}
var html='';
var slice=d.slice(X.idx, X.idx+3);
- var topP=d[X.idx], topImgI=topP?Math.min(X.imgIdx,topP.imgs.length-1):0, topPic=topP?pic(topP,topImgI):null;
for(var i=slice.length-1; i>=0; i--){
var p=slice[i], top=(i===0);
var imgI=top?Math.min(X.imgIdx,p.imgs.length-1):0;
- var u=top?pic(p,imgI):topPic;
+ var u=pic(p,imgI);
var hue=p.h+imgI*25;
var tf=top
? 'translateX('+X.dx+'px) rotate('+(X.dx/22)+'deg)'
: 'scale('+(1-i*.06)+') translateY('+(-i*34)+'px)';
html+='
';
- var bg=u ? '#141414 url("'+u+'") center / cover no-repeat' : dummy(top?hue:(topP.h+X.imgIdx*25));
- html+='
';
+ var bg=u ? '#141414 url("'+u+'") center / cover no-repeat' : dummy(hue);
+ html+='
';
if(top){
if(!u) html+='
'+esc(p.imgs[imgI])+'
';
if(p.video){
@@ -1017,8 +1040,11 @@ function renderDeck(){
}
html+='
';
html+='
'+esc(p.cat)+'
'+(p.imgs.length>1?'
⧉ '+p.imgs.length+' Bilder
':'')+'
';
+ var avOk=p.avatar&&PICS_OK[p.avatar];
+ var avBg=avOk ? '#141414 url("'+p.avatar+'") 50% 16% / 300% no-repeat'
+ : 'linear-gradient(140deg,oklch(.72 .13 '+HUES[p.cat]+'),oklch(.5 .13 '+HUES[p.cat]+'))';
html+='
';
html+='
LIKE
SKIP
';
@@ -1098,6 +1124,11 @@ function renderDetailStrip(){
var host=document.getElementById('dStrip');
if(!host) return;
var p=POSTS[1];
+ var av=document.getElementById('dAvatar');
+ if(av && p.avatar && PICS_OK[p.avatar]){
+ av.style.background='#141414 url("'+p.avatar+'") 50% 16% / 300% no-repeat';
+ av.textContent='';
+ }
host.innerHTML=p.imgs.map(function(label,i){
var u=pic(p,i);
var bg=u ? '#141414 url("'+u+'") center / cover no-repeat' : dummy(150+i*25);