used the stuff i already implemented

master
Anton Lydike 5 years ago
parent 7b93e2750c
commit d60b205b8d

@ -22,7 +22,7 @@ function init_slideshow(images) {
function slide_template(slide_data) { function slide_template(slide_data) {
return `<div class="slide-item" style="background-image: url('${slide_data.url}')"> return `<div class="slide-item" style="background-image: url('${slide_data.url}')">
<p class="slide-info">${slide_data.text}</p> <p class="slide-info">${slide_data.text}</p>
<a href="${slide_data.source || slide_data.url}" target="_blank" rel="noopener">View image</a> <a href="${slide_data.source || slide_data.url}" target="_blank" rel="noopener" class="full-source-link">View image</a>
</div>`; </div>`;
} }
@ -52,6 +52,7 @@ init_slideshow([
}, },
{ {
url: "https://datenvorr.at/renders/mandelbrot-fhd.png", url: "https://datenvorr.at/renders/mandelbrot-fhd.png",
text: "A mandelbrot set, downscaled. Full image <a href=\"https://datenvorr.at/renders/mandelbrot2.png\" target=\"_blank\">here</a> (beware: 250 megapixels, 14MB)." source: "https://datenvorr.at/renders/mandelbrot2.png",
text: "A mandelbrot set, downscaled."
} }
]); ]);

@ -70,7 +70,7 @@ footer {
right: 0px; right: 0px;
} }
.slide-item a { .slide-item a.full-source-link {
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 8px; left: 8px;

Loading…
Cancel
Save