style: update fonts colors and cards

Author: DiogoRibeiro7

_includes/archive-single.html

@@ -11,7 +11,7 @@
 {% endif %}
 
 <div class="{{ include.type | default: 'list' }}__item">
-  <article class="archive__item" itemscope itemtype="https://schema.org/CreativeWork">
+  <article class="archive__item card" itemscope itemtype="https://schema.org/CreativeWork">
     {% if include.type == "grid" and teaser %}
       <div class="archive__item-teaser">
         <a href="{{ post.url | relative_url }}"><img src="{{ teaser | relative_url }}" alt="{{ post.title }}"></a>

_includes/head.html

@@ -20,7 +20,7 @@
 <!-- Google Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Nunito+Sans:wght@400;700&display=swap" rel="stylesheet">
 
 {% if site.head_scripts %}
   {% for script in site.head_scripts %}

_layouts/single.html

@@ -79,6 +79,9 @@ <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4
     </div>
   </article>
 
+  {% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
+  {% include comments.html %}
+  {% endif %}
   {% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
   {% if page.id and page.related and site.related_posts.size > 0 %}
   <div class="page__related">
@@ -105,7 +108,4 @@ <h2 class="page__related-title">{{ site.data.ui-text[site.locale].related_label
     </div>
   </div>
   {% endif %}
-  {% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
-  {% include comments.html %}
-  {% endif %}
-</div>
+</div>

_sass/minimal-mistakes/_variables.scss

@@ -32,8 +32,8 @@ $calisto: "Calisto MT", serif !default;
 $garamond: Garamond, serif !default;
 
 // Setting the fonts
-$global-font-family: "Roboto", Helvetica, Arial, sans-serif;
-$header-font-family: "Lora", "Times New Roman", serif;
+$global-font-family: 'Inter', system-ui, sans-serif;
+$header-font-family: 'Nunito Sans', system-ui, sans-serif;
 $caption-font-family: "Cardo, serif";
 
 /* type scale */

_sass/minimal-mistakes/skins/_air.scss

@@ -3,13 +3,13 @@
    ========================================================================== */
 
 /* Colors */
-$background-color: #eeeeee !default;
-$text-color: #222831 !default;
-$muted-text-color: #393e46 !default;
-$primary-color: #0092ca !default;
-$border-color: mix(#fff, #393e46, 75%) !default;
+$background-color: #f7f9fa !default;
+$text-color: #2a2a2a !default;
+$muted-text-color: #6c757d !default;
+$primary-color: #2a4849 !default;
+$border-color: mix(#fff, $text-color, 85%) !default;
 $footer-background-color: $primary-color !default;
-$link-color: #393e46 !default;
+$link-color: $primary-color !default;
 $masthead-link-color: $text-color !default;
 $masthead-link-color-hover: $text-color !default;
 $navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;

assets/css/main.scss

@@ -134,3 +134,16 @@ a:hover {
   max-height: 40vh;
   object-fit: cover;
 }
+
+/* Card styles for archive items */
+.archive__item.card {
+  background: $background-color;
+  border-radius: $border-radius;
+  padding: 1em;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+.archive__item.card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}

tests/test_fix_date.py

@@ -1,13 +1,14 @@
 import os
 import sys
 import tempfile
-import frontmatter
-import pytest
-
 
-# Add the project root to sys.path
-sys.path.insert(0, os.path.abspath(os.path.join(os.path.dirname(__file__), '..')))
+# Add the project root to sys.path so local modules can be imported when
+# running the tests via the `pytest` entry point (which doesn't prepend the
+# working directory to `sys.path`).
+sys.path.insert(0, os.path.abspath(os.path.join(os.path.dirname(__file__), "..")))
 
+import frontmatter
+import pytest
 import fix_date