diff --git a/_layouts/drawing.html b/_layouts/drawing.html index eb13a8334..9ed434f67 100644 --- a/_layouts/drawing.html +++ b/_layouts/drawing.html @@ -12,7 +12,7 @@ {{ page.title }} -
+
{% if page.content %}
{{ page.content }} diff --git a/_sass/Drawing.scss b/_sass/Drawing.scss index 2ed011134..7856be535 100644 --- a/_sass/Drawing.scss +++ b/_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; diff --git a/content/_drawings/robot.md b/content/_drawings/robot.md index 79b8f6d92..810b29ad5 100644 --- a/content/_drawings/robot.md +++ b/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 --- diff --git a/img/drawings/cars/1.png b/img/drawings/cars/1.png index f20ed2958..f089636da 100644 Binary files a/img/drawings/cars/1.png and b/img/drawings/cars/1.png differ diff --git a/img/drawings/cars/2.png b/img/drawings/cars/2.png index d66f622e0..5a95160fc 100644 Binary files a/img/drawings/cars/2.png and b/img/drawings/cars/2.png differ diff --git a/img/drawings/cars/3.png b/img/drawings/cars/3.png index 71b2e3c50..8d0e7635c 100644 Binary files a/img/drawings/cars/3.png and b/img/drawings/cars/3.png differ diff --git a/img/drawings/cars/4.png b/img/drawings/cars/4.png index 631a65a85..a24211a3e 100644 Binary files a/img/drawings/cars/4.png and b/img/drawings/cars/4.png differ diff --git a/img/drawings/cars/5.png b/img/drawings/cars/5.png index 5c6d1d505..316e6dade 100644 Binary files a/img/drawings/cars/5.png and b/img/drawings/cars/5.png differ