Commit 3aacdfa7 authored by David Thompson's avatar David Thompson

Add a gallery of images.

The gallery autocycles a new image every 8 seconds;
images should not be repeated and should be chosen at random.
parent 4c40a36d
......@@ -49,9 +49,47 @@ ul#intro-feature-list
div#intro-get-started-wrap
a(href="/learn-more/index.html", id="intro-get-started-link") Learn more
div#banner
div#gallery
img(
src="https://data.kitware.com/api/v1/file/5aea33018d777f0685797021/download"
alt="ParaView/Catalyst on 256,000 processes on Mira"
src="https://data.kitware.com/api/v1/item/5bd137508d777f06b936b71d/download"
style="width: 100%;")
p.intro-feature-desc ParaView/Catalyst on 256,000 processes on Mira.
p.intro-feature-desc
span
b About this image:  
span.caption ParaView/Catalyst on 256,000 processes on Mira.
script.
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min;
}
var imgdiv = document.querySelector('div#gallery');
var imgele = imgdiv.querySelector('img');
var imgcap = imgdiv.querySelector('span.caption');
var images = [
{ url: 'https://data.kitware.com/api/v1/item/5bd137508d777f06b936b71d/download',
caption: 'ParaView/Catalyst on 256,000 processes on Mira.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd137548d777f06b936b72d/download',
caption: 'A WAKE3D simulation of airflow around ships.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd137368d777f06b936b6d9/download',
caption: 'Interactive in transit visualization of a 172k atom simulation of silicene formation with 128 LAMMPS ranks sending to 16 renderer ranks, all executed on Theta at the Argonne Leadership Computing Facility. OSPRay is used as the rendering engine.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd1377b8d777f06b936b7ab/download',
caption: 'A Nek5000 simulation instrumented with SENSEI to render via libSim.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd137758d777f06b936b795/download',
caption: 'Downstream cross flow cut-planes at various positions of the NREL WindPACT-1.5MW wid turbine.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd1372d8d777f06b936b6bf/download',
caption: 'An iso-contour of the velocity magnitude demonstrating the vortex structure evolution of the NREL WindPACT-1.5WM wind turbine. The data extract were creating using in-situ in Libsim, and the data was post-processed using VisIt.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd137608d777f06b936b75b/download',
caption: 'Ghost cell information can be requested so isocontouring and other operations are rendered properly.' },
{ url: 'https://data.kitware.com/api/v1/item/5bd137588d777f06b936b73f/download',
caption: 'In situ rendering of the AMReX advection mini-app running on Cori. The Python based analysis code uses Yt, a popular AMR aware rendering suite written exclusively in Python.' }
];
var imageIdx = getRandomInt(1, images.length);
function nextImage() {
imageIdxDelta = getRandomInt(1, images.length);
imageIdx = (imageIdx + imageIdxDelta) % images.length;
imgele.setAttribute('src', images[imageIdx].url);
imgcap.innerText = images[imageIdx].caption;
}
var timerId = setInterval(nextImage, 8000);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment