Fix

_layouts/drawing.html

@@ -12,7 +12,7 @@
     {{ page.title }} 
   </div>
 
-  <div class="Drawing__image">
+  <div class="Drawing__image {% if page.fullheight == true -%}is-fullheight{% endif -%}">
     {% if page.content %}
     <div class="Drawing__content">
       {{ page.content }}

_sass/Drawing.scss

@@ -1,59 +1,8 @@
-.Drawings.is-v3 {
-  .Drawings__content {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .Drawing {
-  }
-
-  .Drawing img {
-    background-repeat: no-repeat;
-    background-position: center;
-    object-fit: cover;
-    background-size: cover;
-  }
-
-  .Drawing__title {
-    display: block;
-  }
-
-
-  @media (max-width: 1023px) {
-    .Drawings__content {
-      grid-template-columns: repeat(2, 1fr);
-    }
-  }
-
-  @media (max-width: 767px) {
-    .Drawings__content {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-    }
-
-    .Drawing img {
-      width: 100%;
-      height: auto;
-      object-fit: contain;
-    }
-  }
-}
-
-/* -------------------------------------------- */
-
-.Drawings.is-v2 {
-  .Drawings__content {
-    column-count: 1;
-    column-gap: 1.4em;
-  }
-  .Drawing img {
-    width: 100%;
-  }
+.Drawings.is-v1 {
+  max-width: 1440px;
+  margin: auto;
 }
 
-/* -------------------------------------------- */
-
 .Drawing__content {
   margin: 0 0 4em 0;
   font-size: 1.2em;
@@ -109,11 +58,6 @@
   margin: 0 auto 2em auto;
 }
 
-.Drawings.is-v1 {
-  max-width: 1440px;
-  margin: auto;
-}
-
 .Drawings__content {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -151,10 +95,16 @@
   transform: rotate(5deg);
 }
 
-.Drawing__image img {
+.Drawing__image.is-fullheight img {
+  height: auto;
   width: 100%;
 }
 
+.Drawing__image img {
+  height: 100vh;
+  width: auto;
+}
+
 @media (max-width: 1294px) {
   .Drawing__image img {
     height: auto;

content/_drawings/robot.md

@@ -5,6 +5,7 @@ date: "2023-08-22 09:52:00 +0200"
 show_title: true
 dir: robot
 thumb: thumb.png
+fullheight: true
 filenames: 
 - 1.png
 ---