image display tweaks

diff --git a/themes/vexingworkshop/static/css/main.css b/themes/vexingworkshop/static/css/main.css
index ef2556df015ba583cc9348bf6aabe06e90e5f1ff..5a1d78abc41bf32cfedfe7eca4f12ae1ec86e74c 100644 (file)
--- a/themes/vexingworkshop/static/css/main.css
+++ b/themes/vexingworkshop/static/css/main.css
@@ -203,10 +203,11 @@ div.overlay figure {
   left: 15%;
   right: 15%;
   top: 15%;
+  bottom: 15%;
 }
 
 div.overlay figure img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
 }

diff --git a/themes/vexingworkshop/static/js/site.js b/themes/vexingworkshop/static/js/site.js
index 9b62e4f2fb23212a1e00e03c63119fe1c5a73c7d..d1b95ddbaaa5a4c231ec09375d454aaa7eea3693 100644 (file)
--- a/themes/vexingworkshop/static/js/site.js
+++ b/themes/vexingworkshop/static/js/site.js
@@ -49,7 +49,6 @@ class ImageDisplay {
     this.image = imageElement.cloneNode(true);
 
     var overlay = this.overlay;
-    console.log(this);
   }
 
   get overlay() {