Merge pull request #120 from hsmusic/img-layout

Remove unused CSS & reduce layout footprint of images

2 files changed, 0 insertions, 30 deletions

diff --git a/src/static/site2.css b/src/static/site2.css
index b5ae3ef9..287bbd66 100644
--- a/src/static/site2.css
+++ b/src/static/site2.css
@@ -631,11 +631,6 @@ blockquote {
   padding-right: 12%;
 }
 
-p img {
-  max-width: 100%;
-  height: auto;
-}
-
 dl dt {
   padding-left: 40px;
   max-width: 600px;
@@ -709,13 +704,6 @@ li > ul {
   height: 100%;
 }
 
-.image-inner-area {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-
 .image-text-area {
   position: absolute;
   top: 0;
@@ -737,12 +725,6 @@ li > ul {
 
 img {
   object-fit: cover;
-  /* these unfortunately dont take effect while loading, so...
-    text-align: center;
-    line-height: 2em;
-    text-shadow: 0 0 5px black;
-    font-style: oblique;
-    */
 }
 
 .reveal {
@@ -1029,17 +1011,6 @@ html[data-url-key="localized.home"] .carousel-container {
   height: 100%;
 }
 
-.vertical-square {
-  position: relative;
-  height: 100%;
-}
-
-.vertical-square::after {
-  content: "";
-  display: block;
-  padding-right: 100%;
-}
-
 /* Info card */
 
 #info-card-container {
diff --git a/src/upd8.js b/src/upd8.js
index fad3c7d8..51b098fd 100755
--- a/src/upd8.js
+++ b/src/upd8.js
@@ -703,7 +703,6 @@ function img({
   function wrap(input, hide = false) {
     let wrapped = input;
 
-    wrapped = html.tag('div', {class: 'image-inner-area'}, wrapped);
     wrapped = html.tag('div', {class: 'image-container'}, wrapped);
 
     if (reveal) {