linus 1.2.2 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: db9a4c971ae9aabca51103fdf1094ae6dc1f42c2d02180d875aaafe4360038b8
-  data.tar.gz: e8bc1677be060abc1304d99eb4f79a370ddac45bde93e61bb278ccfd117574fb
+  metadata.gz: 795481d689cac75a1da74af3d3acfd1c1a78a9610298da2cd033707c8f6658d0
+  data.tar.gz: 2bb4aa302b5c6f227dbc262edd98cc36e2ff5c36e2aff87b747f4c4e3d900b1b
 SHA512:
-  metadata.gz: 2b3beba3b935b3e67e1a8b2c3112d750f02f0dab22cd49690a88f13428a5a1bb49792806ddbefa35bbaab8530f7d7e9a232e8f6dfceea6954163d5fefced66f9
-  data.tar.gz: 21252a2aa7911187d594c779dfb45bb319448fcdcec50411ee49f66792e694f49787862de3feaad016adbe8221b126c70212747da04e8ab2d003b2d355d7cac5
+  metadata.gz: e73abc7dfdeeed1b4c32d6f9839a7928aa5bb5be57b049edb88571fa24260e6b832da23dc3fb7218692497746fdd7e06beaeb9588d2d0284f2e7897445221f3d
+  data.tar.gz: 947d8f5403b5d2607b501c177337e1e1b5c47d83f3bd5f0fb4a6fa2513f676ac19d4738e45f58fe14a80c9c9dc66ca8408d609afd3463e968d4510fb5e306b2d

data/_includes/blog/post.html

@@ -26,7 +26,7 @@
        {%- else -%}
          <cite class="post-source-title u-in-reply-to h-cite">
            <a class="post-source u-url p-name" href="{{- include.post.source -}}">
-             {{- include.post.source | remove: "https://" | remove: "http://" | prepend: "&hookrightarrow; " -}}
+             {{- include.post.source | remove: "https://" | remove: "http://" | split: '/' | first | prepend: "&hookrightarrow; " -}}
            </a>
          </cite>
        {%- endif -%}

data/_includes/link-preview.html

@@ -1,16 +1,22 @@
 {%- if include.url -%}
 
   {%- assign preview = include.url | metadata -%}
-  <blockquote class="link-preview h-cite u-in-reply-to">
+  <blockquote class="link-preview h-cite u-in-reply-to highlight">
     <cite class="preview-title p-name">
       <a class="preview-link u-url" href="{{ include.url }}" rel="nofollow">
-        {{- preview['og:title'] | default: preview.title | default: include.url }} &mapsto;
+        {{- preview['og:title'] | default: preview.title | default: include.url }}
+      </a>
+      
+      {% assign preview_domain = include.url | remove: "http://" | remove: "https://" | split: "/" | first | remove: "/" %}
+      
+      <a class="preview-website u-url" href="{{- preview_domain -}}" rel="nofollow">
+        &mapsto; {{ preview["og:site_name"] | default: preview_domain }}
       </a>
     </cite>
     <div class="preview-details">
-      {%- if preview['article:author'] -%}
+      {%- if preview['article:description'] or preview.description -%}
         <span class="preview-author p-author h-card">
-          {{ preview['article:author'] }}
+          {{ preview['article:description'] | default: preview.description }}
         </span>
       {%- endif -%}
       
@@ -19,12 +25,6 @@
           {{ preview['article:published_time'] | date: site.date_formats.day }}
         </time>
       {%- endif -%}
-      
-      {% assign preview_domain = include.url | remove: "http://" | remove: "https://" | split: "/" | first | remove: "/" %}
-      
-      <a class="preview-website u-url" href="{{- preview_domain -}}" rel="nofollow">
-        {{ preview["og:site_name"] | default: preview_domain }}
-      </a>
     </div>
   </blockquote>
 {%- endif -%}

data/_layouts/archive.html

@@ -17,7 +17,7 @@ layout: default
 </article>
 
 
-<div class="blog-list h-feed">
+<div class="blog-list h-feed archive">
   {%- include blog/categories.html -%}
   
   {% for post in site.posts -%}

data/assets/css/base.css

@@ -56,7 +56,8 @@ dd + dt {
 
 a {
   color: var(--color-link);
-  text-decoration-color: transparent;
+  text-decoration: underline;
+  text-decoration-color: color-mix(in srgb, currentcolor, transparent 50%);
   transition-property: color, text-decoration-color, text-decoration-style;
   transition-duration: var(--transition-duration);
   transition-timing-function: ease;
@@ -65,9 +66,7 @@ a {
 a:hover,
 a:focus {
   color: var(--color-link-hover);
-  text-decoration: underline;
-  text-underline-offset: 0.2rem;
-  text-decoration-color: color-mix(in srgb, currentcolor, transparent 75%);
+  text-decoration-color: currentColor;
 }
 
 a:active {
@@ -260,7 +259,8 @@ table {
 /* Horizontal rule */
 hr {
   border: none;
-  height: var(--spacing);
+  height: 2px;
+  background: var(--color-border);
   width: 100%;
 }
 

data/assets/css/layout.css

@@ -19,28 +19,28 @@
     --content-width: 420px;
     --headings-width: 480px;
     
-    --color-background: #F5EDD8;
-    --color-text: #3B2A1A;
-    --color-link: #2D5438;
-    --color-link-hover: #1E3826;
-    --color-support: #D9634E;
+    --color-background: #FFFCF0;
+    --color-text: #1C1B1A;
+    --color-link: #DC3C22;
+    --color-link-hover: #002FA7;
+    --color-support: #6F6E69;
     --color-shadows: color-mix(in srgb, var(--color-text), transparent 85%);
-    --color-shadows-hover: color-mix(in srgb, var(--color-text), transparent 75%);
+    --color-shadows-hover: color-mix(in srgb, var(--color-text), transparent 50%);
     --color-border: color-mix(in srgb, currentcolor, transparent 90%);
     
-    --shadow:
-      0px 0px 0px 1px var(--color-shadows),
-      0px 1px 2px -1px var(--color-shadows),
-      0px 2px 4px 0px var(--color-shadows);
+    --shadow: 5px 5px 0 var(--color-shadows);
+    --shadow-hover: 5px 5px 0 var(--color-shadows-hover);
+    --shadow-active: 2px 2px 0 var(--color-shadows-hover);
+      
   }
   
    @media (prefers-color-scheme: dark) {
     :root {
-      --color-background: #3B2A1A;
-      --color-text: #F5EDD8; 
-      --color-link: #E8A054;
-      --color-link-hover: #F5C880;
-      --color-support: #D9634E;
+      --color-background: #1C1B1A;
+      --color-text: #E6E4D9; 
+      --color-link: #FFC857;
+      --color-link-hover: #FFFFFF;
+      --color-support: #E8C87A;
     }
   }
   
@@ -165,6 +165,7 @@ body {
     align-items: center;
     gap: calc(var(--spacing) / 2);
     line-height: 100%;
+    text-decoration: none;
   }
   
   .site-logo {
@@ -218,15 +219,18 @@ body {
   text-decoration: none !important;
   transform: scale(1);
   transform-origin: center center;
-  transition: transform var(--transition-duration) ease;
+  transition-property: transform, box-shadow;
+  transition-duration: var(--transition-duration);
+  transition-timing-function: ease;
   
   &:hover,
   &:focus {
-    transform: scale(1.025)
+    box-shadow: 5px 5px 0 var(--color-shadows-hover);
   }
   
   &:active {
     transform: scale(0.98);
+    box-shadow: var(--shadow-active);
   }
 }
 
@@ -246,6 +250,10 @@ body {
   font-family: var(--font-headings);
 }
 
+.archive .post {
+  margin-bottom: var(--spacing);
+}
+
 .blog-pagination {
   display: flex;
   flex-flow: row nowrap;
@@ -272,6 +280,7 @@ body {
   margin-right: calc(var(--spacing) / 4);
   font-family: var(--font-headings);
   color: color-mix(in srgb, var(--color-link), transparent 50%);
+  text-decoration: none;
   font-size: 2rem;
 }
 
@@ -285,6 +294,10 @@ body {
   margin-block: 0;
   font-family: var(--font-headings);
   font-size: 2rem;
+  
+  a {
+    text-decoration: none;
+  }
 }
 
 .post-header .category {
@@ -308,10 +321,6 @@ body {
   max-width: var(--headings-width);
 }
 
-.post-content a {
-  text-decoration-color: var(--color-border);
-}
-
 /*  Post Footer */
 .post-footer {
   max-width: var(--content-width);
@@ -374,6 +383,10 @@ body {
     flex-flow: row wrap;
     gap: 1ch;
   }
+  
+  a {
+    text-decoration: none;
+  }
 }
 
 /*

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: linus
 version: !ruby/object:Gem::Version
-  version: 1.2.2
+  version: 1.3.0
 platform: ruby
 authors:
 - Arthur Freitas
@@ -71,14 +71,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: '2.9'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: '2.9'
 - !ruby/object:Gem::Dependency
   name: jekyll-paginate
   requirement: !ruby/object:Gem::Requirement