From ea808b185570e43fadeb31a3ae6d3300054dc312 Mon Sep 17 00:00:00 2001
From: David LJ <mail@davidlj95.com>
Date: Mon, 27 May 2024 15:12:10 +0200
Subject: [PATCH] feat: lighter weight for titles (#572)

---
 src/app/calendar-page/calendar-page.component.html |  2 +-
 src/app/header/tab/tab.component.scss              |  1 +
 .../section-title/section-title.component.scss     |  4 ++++
 src/app/sports-page/sports-page.component.scss     |  4 ----
 src/sass/_typographies.scss                        | 14 +++++++++++++-
 5 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/app/calendar-page/calendar-page.component.html b/src/app/calendar-page/calendar-page.component.html
index 4bcfc0fa..db6b1e57 100644
--- a/src/app/calendar-page/calendar-page.component.html
+++ b/src/app/calendar-page/calendar-page.component.html
@@ -1,5 +1,5 @@
 <h1>Calendar</h1>
-<h2>Let's hang out!</h2>
+<p>Let's hang out!</p>
 <div class="pre"></div>
 <!-- Google Calendar Appointment Scheduling begin -->
 <iframe
diff --git a/src/app/header/tab/tab.component.scss b/src/app/header/tab/tab.component.scss
index d8ff642f..a1d66fc3 100644
--- a/src/app/header/tab/tab.component.scss
+++ b/src/app/header/tab/tab.component.scss
@@ -13,6 +13,7 @@
   border-bottom-width: 2px;
   border-bottom-color: transparent;
   border-bottom-style: solid;
+  font-weight: 300;
 
   color: var(--ui-text);
 
diff --git a/src/app/resume-page/section-title/section-title.component.scss b/src/app/resume-page/section-title/section-title.component.scss
index a7746660..6fbb351f 100644
--- a/src/app/resume-page/section-title/section-title.component.scss
+++ b/src/app/resume-page/section-title/section-title.component.scss
@@ -22,4 +22,8 @@
       animations.$emphasized-style
     );
   }
+
+  ::ng-deep h2 {
+    font-size: 1.25rem;
+  }
 }
diff --git a/src/app/sports-page/sports-page.component.scss b/src/app/sports-page/sports-page.component.scss
index 5fad8fff..dbff4131 100644
--- a/src/app/sports-page/sports-page.component.scss
+++ b/src/app/sports-page/sports-page.component.scss
@@ -11,10 +11,6 @@ img.sports-equation {
   }
 }
 
-h2 {
-  font-weight: bold;
-}
-
 .card-wrapper {
   display: flex;
 }
diff --git a/src/sass/_typographies.scss b/src/sass/_typographies.scss
index aa9fddb1..38bdcf9f 100644
--- a/src/sass/_typographies.scss
+++ b/src/sass/_typographies.scss
@@ -1,4 +1,5 @@
 @mixin imports {
+  @import '@fontsource/roboto/300.css';
   @import '@fontsource/roboto/400.css';
   @import '@fontsource/roboto/700.css';
   @import '@fontsource/roboto-mono/400.css';
@@ -13,7 +14,18 @@
 }
 
 @mixin styles {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-weight: 300;
+  }
+  h1 {
+    font-size: 2rem;
+  }
   h2 {
-    font-size: 1.25em;
+    font-size: 1.75rem;
   }
 }