From d9c4a3c01725a22886658fd5a6b7dbae3f041302 Mon Sep 17 00:00:00 2001
From: Matthew Tran <matthewlamtran@berkeley.edu>
Date: Wed, 5 Jul 2023 01:08:32 -0700
Subject: [PATCH] add analytics

---
 _config.yml                             |  8 ++++++-
 _includes/archive-single.html           |  4 +++-
 _sass/minimal-mistakes/skins/_dark.scss | 29 +++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 2 deletions(-)
 create mode 100644 _sass/minimal-mistakes/skins/_dark.scss

diff --git a/_config.yml b/_config.yml
index 8f96909..9ef8a7c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -14,11 +14,17 @@ permalink: /:year/:month/:title/
 show_excerpts: true
 
 remote_theme: "mmistakes/minimal-mistakes@4.24.0"
-minimal_mistakes_skin: dirt
+minimal_mistakes_skin: dark
 plugins:
   - jekyll-include-cache
   - jekyll-feed
 
+analytics:
+  provider: "google-gtag"
+  google:
+    tracking_id: "G-WH7WNE01V5"
+    anonymize_ip: false # default
+
 author:
   name: "Matthew Tran"
   avatar: "/assets/img/bio.jpg"
diff --git a/_includes/archive-single.html b/_includes/archive-single.html
index f570035..8599007 100644
--- a/_includes/archive-single.html
+++ b/_includes/archive-single.html
@@ -27,7 +27,9 @@
     {% include page__meta.html type=include.type %}
     {% if include.type == "list" and teaser %}
       <div class="archive__item-teaser">
-        <img style="max-height: 15vh; width: auto; height: auto" src="{{ teaser | relative_url }}" alt="">
+        <a href="{{ post.url | relative_url }}" rel="permalink">
+          <img style="max-height: 15vh; width: auto; height: auto" src="{{ teaser | relative_url }}" alt="">
+        </a>
       </div>
     {% endif %}
     {% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
diff --git a/_sass/minimal-mistakes/skins/_dark.scss b/_sass/minimal-mistakes/skins/_dark.scss
new file mode 100644
index 0000000..31af6df
--- /dev/null
+++ b/_sass/minimal-mistakes/skins/_dark.scss
@@ -0,0 +1,29 @@
+/* ==========================================================================
+   Dark skin, modified slightly
+   ========================================================================== */
+
+/* Colors */
+$background-color: #252a34 !default;
+$text-color: #eaeaea !default;
+$primary-color: #eaeaea !default;
+$border-color: mix(#fff, $background-color, 20%) !default;
+$code-background-color: mix(#000, $background-color, 15%) !default;
+$code-background-color-dark: mix(#000, $background-color, 20%) !default;
+$form-background-color: mix(#000, $background-color, 15%) !default;
+$footer-background-color: mix(#000, $background-color, 30%) !default;
+$link-color: mix($primary-color, $text-color, 40%) !default;
+$link-color-hover: mix(#000, $link-color, 25%) !default;
+$masthead-link-color: $text-color !default;
+$masthead-link-color-hover: mix(#000, $text-color, 20%) !default;
+$navicon-link-color-hover: mix(#000, $background-color, 30%) !default;
+
+.author__urls.social-icons i,
+.author__urls.social-icons .svg-inline--fa,
+.page__footer-follow .social-icons i,
+.page__footer-follow .social-icons .svg-inline--fa  {
+  color: inherit;
+}
+
+.ais-search-box .ais-search-box--input {
+  background-color: $form-background-color;
+}