minor css stuff, new headers

_content/index.html

@@ -2,12 +2,12 @@
 title: Home
 permalink: /
 ---
-<h1>Lynnesbian dot Space</h1>
+{% include h.html level=1 content="Lynnesbian dot Space" %}
 
 <p>
 	Welcome to my website, where I write about and catalogue things that are interesting to me, and maybe even to you, too!
 </p>
-<h2>About me</h2>
+{% include h.html level=2 content="About me" %}
 <p>
 	At some point I will write more here.
 <p>

_includes/h.html

@@ -0,0 +1 @@
+<h{{ include.level }} id="#{{ include.content |  slugify }}"><a href="#{{ include.content |  slugify }}">{{ include.content }}</a></h{{ include.level }}>

_layouts/default.html

@@ -5,6 +5,7 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 	<link rel="stylesheet" type="text/css" href="/assets/style.css">
+	<link rel="stylesheet" type="text/css" href="/assets/fonts/fonts.css">
 	<script src='/assets/script.js'></script>
 	{% comment %}<script async src="https://ackee.lynnesbian.space/script.js" data-ackee-server="https://ackee.lynnesbian.space" data-ackee-domain-id="f0217e7d-ec2a-4a9b-baf3-d2d2215810ba"></script>{% endcomment %}
 	<title>{{ page.title | default: "lynnesbian dot space" }}</title>

assets/style.css

@@ -9,6 +9,28 @@ body {
 	background: #ccc;
 }
 
+h1, h2, h3, h4, h5, h6 {
+	font-family: "Open Sans", sans-serif;
+}
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+	color: inherit;
+	text-decoration: none;
+}
+h1, h2 {
+	font-weight: 400;
+}
+h1 {
+	font-size: 2em;
+}
+h2 {
+	font-size: 1.6em;
+}
+
 main article {
 	max-width: 1800px;
 	box-shadow: 0 0 20px #777;
@@ -22,7 +44,9 @@ main article {
 
 main article h1,
 main article h2 {
-	margin-left: -20px;
+	border-left: 5px solid mediumpurple;
+	padding-left: 5px;
+	margin-left: -10px;
 }
 
 header {
@@ -53,4 +77,4 @@ nav a:hover {
 	display: block;
 	width: min(100%, 150px);
 	margin: 30px auto 80px auto;
-}
+}