добавляет страницу /notes/*

- добавляет базовые стили для h1,h2, p, code
- добавляет подстветку синтаксиса

src/css/components/article-content.css

@@ -0,0 +1,19 @@
+.article-content {
+  @apply px-12;
+}
+
+.article-content h1 {
+  @apply text-5xl font-semibold py-4;
+}
+
+.article-content h2 {
+  @apply text-3xl py-4;
+}
+
+.article-content p {
+  @apply py-1;
+}
+
+.article-content code {
+  @apply font-mono;
+}

src/css/components/index.css

@@ -0,0 +1 @@
+@import "article-content.css";

src/css/index.css

@@ -1,4 +1,6 @@
 @import "fonts.css";
+@import "prismjs/themes/prism-okaidia.css";
 @import "tailwindcss/base";
 @import "tailwindcss/components";
+@import "components";
 @import "tailwindcss/utilities";

src/pages/note.njk

@@ -1 +1,6 @@
-{{ note.templateContent | safe }}
+<main>
+    <article class="article-content">
+        <h1>{{ note.data.title | safe }}</h1>
+        {{ note.templateContent | safe }}
+    </article>
+</main>