From 8b9055ccf12b7062bd1cede2d711aa2c0f723b67 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 26 Jan 2022 22:49:09 +0100
Subject: [PATCH] feat: add Quicksand font

---
 layouts/_default/single.html |  4 ++--
 layouts/partials/navbar.html |  2 +-
 src/style.css                | 16 ++++++++++++++++
 tailwind.config.js           |  7 ++++++-
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 79c4fb4..95d3618 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,7 +1,7 @@
 {{ partial "header.html" . }}
 
-<div class="max-w-screen-xl mx-auto">
-	<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline">
+<div class="max-w-screen-xl mx-auto mt-4">
+	<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold">
 		{{ partial "headline-hash.html" .Content }}
 	</article>
 </div>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index aa0518e..db552bc 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -13,7 +13,7 @@
 		<a class="navbar-item" href="/">
 			<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}" class="h-10 my-2"/>
 		</a>
-		<div id="navMenu" class="text-white flex">
+		<div id="navMenu" class="text-white flex font-title font-semibold">
 			{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
 				<a class="block h-full py-4 px-2 hover:bg-primary-darker {{ if $currentNode.IsMenuCurrent "page" . }}bg-primary-darker{{ end }}" href="{{ .URL }}">
 					{{ .Name }}
diff --git a/src/style.css b/src/style.css
index b5c61c9..de3d283 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,19 @@
+@import url('/fonts/fonts.css');
+
+/* Setting a base font size */
+body {
+    font-size: 16px;
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.prose h1,
+.prose h2,
+.prose h3,
+.prose h4,
+.prose h5,
+.prose h6 {
+    @apply font-title font-semibold;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 047847c..5bcc100 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,5 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
 module.exports = {
   content: [
       './src/*.css',
@@ -11,7 +13,10 @@ module.exports = {
                 DEFAULT: '#196aff',
                 darker: '#0064ff',
             }
-        }
+        },
+        fontFamily: {
+            title: ['Quicksand', ...defaultTheme.fontFamily.sans],
+        },
     },
   },
   plugins: [