Some final cleanup

sass/styles/components/github-card.scss

@@ -0,0 +1,11 @@
+.zola-github-card {
+  border-radius: 5px;
+  padding-top: 5px;
+  padding-bottom: 1px;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+  transition: all 0.1s ease 0s;
+
+  &:hover {
+    box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 15px;
+  }
+}

sass/styles/layout.scss

@@ -3,3 +3,8 @@
     max-width: 800px;
   }
 }
+
+.mermaid {
+  width: fit-content;
+  margin: auto;
+}

templates/base.html

@@ -51,6 +51,7 @@
     <link rel="stylesheet" href="/styles/typography.css">
     <link rel="stylesheet" href="/styles/utils.css">
     <link rel="stylesheet" href="/styles/layout.css">
+    <link rel="stylesheet" href="/styles/components/github-card.css">
 
     {# Component styles #}
     {% block component_styles %}

templates/index.html

@@ -1,5 +1,27 @@
 {% extends "base.html" %}
 
+{# Additional metadata for Google #}
+{% block head %}
+{{ super() }}
+
+<script type="application/ld+json">
+    {% set person_ld = load_data(path="static/person.jsonld")%}
+    {% if person_ld %}{{person_ld | safe}}{% endif %}
+  </script>
+<script type="application/ld+json">
+    {# Import our template file #}
+    {% set template = load_data(path="jsonld_templates/website.jsonld") %}
+    {# Now we can fill in any additional data #}
+    {{ template | 
+        replace(from="{{url}}", to=config.base_url) | 
+        replace(from="{{title}}", to=section.title) | 
+        replace(from="{{description}}", to=config.description) | 
+        replace(from="{{avatar}}", to=config.extra.profile_photo) | 
+        safe 
+    }}
+  </script>
+{% endblock head %}
+
 {# Pass data through to the base template #}
 {% block variable_wormhole %}
 {{ super() }}

templates/page.html

@@ -1,5 +1,25 @@
 {% extends "base.html" %}
 
+{# Additional metadata for Google #}
+{% block head %}
+{{ super() }}
+
+{% if page.description and page.date %}
+<script type="application/ld+json">
+    {# Import our template file #}
+    {% set template = load_data(path="jsonld_templates/blog_post.jsonld") %}
+    {# Now we can fill in any additional data #}
+    {{ template | 
+        replace(from="{{url}}", to=config.base_url ~ page.path) | 
+        replace(from="{{title}}", to=page.title) | 
+        replace(from="{{date}}", to=page.date) | 
+        replace(from="{{profile_pic}}", to=config.extra.profile_photo) | 
+        safe 
+    }}
+</script>
+{% endif %}
+{% endblock head %}
+
 {# Pass data through to the base template #}
 {% block variable_wormhole %}
 {{ super() }}

templates/shortcodes/card_section.html

@@ -1,8 +0,0 @@
-<div class="carded-section">
-    <div class="header">
-        <span>{{title}}</span>
-    </div>
-    <div class="content">
-        {{body | safe}}
-    </div>
-</div>