diff --git a/index.html b/index.html index 8ddd0dc..a24b5a6 100644 --- a/index.html +++ b/index.html @@ -49,7 +49,7 @@

This is where the power comes in (mentioned in the image descriptions). We can look at Mandelbulbs with powers that are not 2.

Can you animate the Mandelbulb?

-

Yes, of couse. It only takes a huge amount of time. This one rendered in about an hour:

+

Yes, of course! It only takes a huge amount of time. This one rendered in about an hour:

@@ -59,6 +59,7 @@ diff --git a/src/main.js b/src/main.js index d14c56f..00d05b3 100644 --- a/src/main.js +++ b/src/main.js @@ -22,6 +22,7 @@ function init_slideshow(images) { function slide_template(slide_data) { return `

${slide_data.text}

+ View image
`; } diff --git a/src/style.css b/src/style.css index 31bb02c..d14577e 100644 --- a/src/style.css +++ b/src/style.css @@ -56,11 +56,27 @@ footer { background-repeat: no-repeat; background-color: #000; height: 500px; + color: #fff; + position: relative; } .slide-info { + padding: 8px 0; + margin: 0; background: rgba(0,0,0,0.3); - color: #fff; text-align: center; + position: absolute; + bottom: 0px; + left: 0px; + right: 0px; +} + +.slide-item a { + position: absolute; + top: 8px; + left: 8px; + margin: 0; + padding: 0; + line-height: 1; } :fullscreen .siema-slider {