http://code.fed.wiki/assets/pages/lambda-talk-in-a-frame/repl.html HEIGHT 900
code
_h1 the uncover effect {{hide} {def DALI https://toysondor.files.wordpress.com/2020/05} {def COCO http://colette.cerda.free.fr/coco.c/data} {def LEGEND div {@ style="background:transparent; color:#f00; line-height:0.5em; padding:10px 0; "}} } {uncover {DALI}/corpus-hypercubus-salvador-dali.jpg 100 500 {{LEGEND} Corpus Hypercubus|https://arxiv.org/pdf/1512.02086.pdf | Salvador Dali & Gala {br}Teacher trying to explain λ-calculus to a hairdresser }} {uncover {COCO}/e2_bvl232.jpg 100 400 {{LEGEND} Deep Blue{br} Extreme slowness in space{br} monotype ink on paper{br} Colette Cerda|http://colette.cerda.free.fr }} _h2 code _p The {b uncover} function comes as a primitive with the JS.js|http://lambdaway.free.fr/lambdawalks/meca/JS.js main file, but can be defined as user defined function easy to tune up on demand: {pre '{def uncover {lambda {:im :h1 :h2 :txt} {img {@ src=":im" style="width:100%; height::h1px; object-fit:cover; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;" onclick=" this.style.height= (this.style.height===':h1px')? ':h2px' : ':h1px'; this.nextSibling.style.fontSize= (this.nextSibling.style.fontSize==='0px')? '1.0em' : '0px'; "}} {div {@ style="font-size:0px; text-align:center;"} :txt} }} } _p The common rule in the web world is to separate HTML, CSS and Javascript codes. In this case it seems to me on the contrary that the right solution is to gather them in a single lambdatalk function, short, readable and easy to maintain.