Merge pull request #3 from jotonedev/dev

v0.2.4

Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    jekyll-theme-tallneck (0.2.2)
+    jekyll-theme-tallneck (0.2.4)
       jekyll (>= 4.0, < 5.0)
       jekyll-feed (~> 0.17)
       jekyll-seo-tag (~> 2.8)

_config.yml

@@ -21,7 +21,6 @@ threads_url: https://example.com/
 x_url: https://example.com/
 telegram_url: https://example.com/
 
-about_image: "/assets/images/about.webp"
 defaults:
   - scope:
       type: "posts"
@@ -43,8 +42,6 @@ sass:
   style: compressed
   sass_dir: _sass
 
-#cloudflare: "bb92f520037c4286aea634050df09d74"
-
 # Build settings
 theme: jekyll-theme-tallneck
 plugins:

_includes/head.html

@@ -2,10 +2,9 @@
     <meta charset="UTF-8">
 
     <!-- Design meta -->
-    <meta content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0" name="viewport">
-    <meta content="#f0f0f0" media="(prefers-color-scheme: light)" name="theme-color">
-    <meta content="#252525" media="(prefers-color-scheme: dark)" name="theme-color">
-    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta content="#fff" media="(prefers-color-scheme: light)" name="theme-color">
+    <meta content="#121212" media="(prefers-color-scheme: dark)" name="theme-color">
 
     {% if page.private %}
         <meta name="robots" content="noindex, nofollow">
@@ -15,10 +14,12 @@
         {% else if site.keywords %}
         <meta name="keywords" content="{{ site.keywords }}">
         {% endif %}
-
+        <meta name="robots" content="index, follow">
         {% seo %}
     {% endif %}
 
+    <link rel="alternate" type="application/atom+xml" title="Feed" href="{{ "/feed.xml" | absolute_url }}">
+
     <!-- Preload -->
     <link rel="preload" as="font" href="{{ "/assets/font/opensans/opensans.woff2" | relative_url }}" type="font/woff2" crossOrigin="anonymous">
     <link rel="preload" as="font" href="{{ "/assets/font/opensans/opensans-bold.woff2" | relative_url }}" type="font/woff2" crossOrigin="anonymous">

_layouts/about.html

@@ -8,7 +8,6 @@ <h1>{{ page.title }}</h1>
     <h1>About me</h1>
     {% endif %}
 
-    {% if site.social %}
     <nav class="about-social no_print">
         {% if site.github_url %}
         <a href="{{ site.github_url }}" title="GitHub" target="_blank" rel="noopener">
@@ -96,12 +95,13 @@ <h1>About me</h1>
         </a>
         {% endif %}
     </nav>
-    {% endif %}
 
     <div class="about">
+        {% if page.image %}
         <div class="about--img">
-            <img src="{{ site.about_image | relative_url }}" alt="About me" width="500px" height="500px">
+            <img src="{{ page.image | relative_url }}" alt="About me" width="500px" height="500px">
         </div>
+        {% endif %}
         <div class="about--content">
             {{ content }}
         </div>

_sass/tallneck/base.scss

@@ -2,8 +2,6 @@
  * Base
 */
 html {
-  min-height: 100vh;
-  min-height: 100svh;
   min-width: $min-width;
 }
 

_sass/tallneck/components/post-card.scss

@@ -2,7 +2,7 @@
   display: grid;
   gap: 1rem;
   grid-template-columns: 1fr 1fr 1fr 1fr;
-  grid-template-rows: repeat(auto-fill, minmax($card-max-height, 1fr));
+  grid-auto-rows: minmax($card-min-height, 1fr);
 
   @media (max-width: 1100px) and (min-width: 800px) {
     grid-template-columns: 1fr 1fr;
@@ -27,7 +27,7 @@
 
 .post-card {
   max-width: $card-max-width;
-  padding: 1rem;
+
 
   vertical-align: middle;
 
@@ -50,6 +50,8 @@
   .post-card--flex {
     display: flex;
     flex-flow: column nowrap;
+    height: 100%;
+    padding: 1rem;
   }
 
   .post-card--image {
@@ -69,13 +71,9 @@
 
   .post-card--subtitle {
     font-size: 0.95em;
-    margin-block-start: 0rem;
+    margin-block-start: 0.5rem;
     margin-block-end: 0.5rem;
     flex-grow: 1;
-
-    // from .justify
-    text-align: justify;
-    word-spacing: -2px;
   }
 
   .post-card--date {

_sass/tallneck/components/post-preview.scss

@@ -11,7 +11,6 @@
 
 .post-preview {
     width: 100%;
-    max-height: $preview-max-height;
 
     transition: 0.4s;
 

_sass/tallneck/variables.scss

@@ -25,9 +25,7 @@ $content-width: 1000px !default;
 
 $card-max-width: 18rem !default;
 $card-min-width: 16rem !default;
-$card-max-height: 440px !default;
-
-$preview-max-height: 15rem !default;
+$card-min-height: 400px !default;
 
 // Colors
 :root {

about.md

@@ -1,6 +1,7 @@
 ---
 layout: about
 title: About me
+image: "/assets/images/about.webp"
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus ultricies purus in placerat. Suspendisse a euismod nulla. Pellentesque suscipit non arcu in facilisis. Praesent sagittis fermentum ex, vitae finibus tellus luctus rutrum. Vivamus aliquam urna rhoncus nibh consequat dignissim vel et est. Praesent varius tortor non nibh interdum lacinia. Curabitur fermentum erat eget mi pharetra aliquam ac et lacus. Pellentesque eget ligula pulvinar, tincidunt sem id, mollis mauris. Vestibulum ullamcorper urna vel tellus consequat ultricies. Donec mattis tortor sit amet leo fermentum, ac lacinia sapien laoreet. Sed condimentum felis at tellus elementum sodales. In posuere tortor eget ex consequat pretium. Duis iaculis diam quis purus condimentum porttitor vitae sed tellus. Sed venenatis tortor vitae erat ullamcorper dignissim. Morbi vitae suscipit augue, at malesuada erat. Maecenas et vulputate magna.

jekyll-theme-tallneck.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-theme-tallneck"
-  spec.version       = "0.2.3"
+  spec.version       = "0.2.4"
   spec.authors       = ["John Toniutti"]
   spec.email         = ["[email protected]"]