jekyll-theme-tallneck 0.2.4 → 0.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ddf02b8f7f6e850a24e993895a48cf3c31d76e43d180773cadfa3bf938cafc8b
-  data.tar.gz: cfe54b4af2bd40773eb85cb2d6e9f3c98d29630dfef431c9c43db9f474fc456e
+  metadata.gz: c0d648a4f3f48ea1d0f1ddfd13d4dcd2bd1569e721f1b1ba342da1ddd528a7c8
+  data.tar.gz: bd4d7480cbf8e44c18a1391650c0d149719ab55574a778e04f77642aea81abeb
 SHA512:
-  metadata.gz: 7306c8150dde950bb95e4335b8f919921cc7748f60ea4541358281098469dd11899d8f438b68558c7b3f69e5671534d3832fe7cd7ca3e9b4fb344fc942f719da
-  data.tar.gz: f443a3bfdbc038e23af52d33fdf38dcaf3ce320fd52888307cea23efd29a39f3ebc0eda7e369c871e51c2d903326fe1835321763e4fa2aa0334e33e0168899e7
+  metadata.gz: 495e1a5df8ac3a3dbab1da5a5351901431f8dd6f7170585680dad719ed4ddd9fa735b9887e4373cd23e7f11e0f90d4736be9b1e6c704071bc3cdd7e12d53b6ee
+  data.tar.gz: fd8ddc27dd8881fbaa0aaa89f5ec5fd95c0862d9e152d8449b96d8e77924ddb886ac4f7c5e15b4271d48424fa897c651f8c32c718b2d26e527650f9694710b1d

data/_includes/post-card.html

@@ -1,7 +1,7 @@
 <article class="post-card" id="{{ include.post.id }}">
 <a href="{{ include.post.url | relative_url }}" class="post-card--link post-card--flex">
     <div class="post-card--image">
-        <img src="{{ include.post.image | relative_url }}" alt="{{ include.post.title }}" aria-hidden="true">
+        <img src="{{ include.post.image | relative_url }}" alt="{{ include.post.title }}" aria-hidden="true" width="900" height="640">
     </div>
     <div class="post-card--content">
         <h2 class="post-card--title">{{ include.post.title }}</h2>

data/_sass/tallneck/components/about.scss

@@ -1,6 +1,12 @@
 .about {
-    display: flex;
-    flex-flow: row wrap;
+    display: grid;
+    grid-template-columns: minmax($about-img-min-width, $about-img-max-width) 1fr;
+    grid-template-rows: auto;
+
+    @media (max-width: $about-wrap-max-width) {
+        grid-template-columns: 1fr;
+    }
+
     justify-content: space-between;
 
     margin-left: auto;
@@ -14,8 +20,11 @@
         flex: 1 1 38%;
         align-self: center;
 
-        min-width: 250px;
-        max-width: 500px;
+        width: 100%;
+        height: auto;
+
+        max-width: $about-img-max-width;
+        min-width: $about-img-min-width;
 
         margin-left: auto;
         margin-right: auto;

data/_sass/tallneck/components/post.scss

@@ -47,7 +47,7 @@
   }
 
   img {
-    max-width: 50%;
+    max-height: 500px;
     height: auto;
     margin-left: auto;
     margin-right: auto;

data/_sass/tallneck/variables.scss

@@ -27,6 +27,10 @@ $card-max-width: 18rem !default;
 $card-min-width: 16rem !default;
 $card-min-height: 400px !default;
 
+$about-img-min-width: 250px !default;
+$about-img-max-width: 400px !default;
+$about-wrap-max-width: 800px !default;
+
 // Colors
 :root {
   --background-color: #fff;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-tallneck
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.6
 platform: ruby
 authors:
 - John Toniutti