diff --git a/sass/styles/components/github-card.scss b/sass/styles/components/github-card.scss
new file mode 100644
index 0000000..fd38595
--- /dev/null
+++ b/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;
+  }
+}
diff --git a/sass/styles/layout.scss b/sass/styles/layout.scss
index 6a067f1..56470bc 100644
--- a/sass/styles/layout.scss
+++ b/sass/styles/layout.scss
@@ -3,3 +3,8 @@
     max-width: 800px;
   }
 }
+
+.mermaid {
+  width: fit-content;
+  margin: auto;
+}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 2f8fdb8..dc5aafb 100644
--- a/templates/base.html
+++ b/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 %}
diff --git a/templates/index.html b/templates/index.html
index b0722e2..bc25d0f 100644
--- a/templates/index.html
+++ b/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() }}
diff --git a/templates/page.html b/templates/page.html
index 4ab3dfa..9ca2c9d 100644
--- a/templates/page.html
+++ b/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() }}
diff --git a/templates/shortcodes/card_section.html b/templates/shortcodes/card_section.html
deleted file mode 100644
index 3420710..0000000
--- a/templates/shortcodes/card_section.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="carded-section">
-    <div class="header">
-        <span>{{title}}</span>
-    </div>
-    <div class="content">
-        {{body | safe}}
-    </div>
-</div>
\ No newline at end of file