3 files changed, 37 insertions, 10 deletions

diff --git a/themes/simple/layouts/_default/notes.html b/themes/simple/layouts/_default/notes.html
new file mode 100644
index 0000000..b3a2f44
--- /dev/null
+++ b/themes/simple/layouts/_default/notes.html
@@ -0,0 +1,29 @@
+{{ define "main" }}
+<main role="main" class="container-blog mx-auto px-6 md:p-0">
+
+  <section class="mb-6">
+    <h1 class="text-2xl font-bold">Notes, notes and notes</h1>
+    <p class="text-gray-600 italic">Notes about things I learn, things I do, things I want to remember, but never do.</p>
+  </section>
+
+  <hr class="border-2 border-gray-100 mb-12">
+
+  <!-- List of all notes -->
+  <nav itemscope itemtype="https://schema.org/SiteNavigationElement" class="mb-12" role="feed">
+    <meta itemprop="name" content="Article list">
+    <section>
+      {{ range (where .Site.RegularPages "Section" "notes") }}
+      <div class="mb-10">
+        <article class="mb-5 single" itemscope itemtype="http://schema.org/Article">
+          <h2 class="text-xl font-medium notes-heading">{{.Title}}</h2>
+          <div class="content">
+            {{ .Content | safeHTML }}
+          </div>
+        </article>
+      </div>
+      {{ end }}
+    </section>
+  </nav>
+
+</main>
+{{ end }}
diff --git a/themes/simple/layouts/partials/navigation.html b/themes/simple/layouts/partials/navigation.html
index adabc9a..c4d76f0 100644
--- a/themes/simple/layouts/partials/navigation.html
+++ b/themes/simple/layouts/partials/navigation.html
@@ -7,10 +7,10 @@
     <nav itemscope itemtype="http://schema.org/SiteNavigationElement" class="flex items-center gap-1" role="toolbar">
       <meta itemprop="name" content="Main Menu">
 
+      <a href="/notes.html" class="font-medium px-2 hover:bg-yellow-100">Notes</a>
       <a href="https://telegram.me/mitjafelicijan" target="_blank" rel="noopener nofollow" itemprop="url" class="font-medium px-2 hover:bg-yellow-100">Telegram</a>
       <a href="https://git.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" class="font-medium px-2 hover:bg-yellow-100">Git</a>
       <a href="https://files.mitjafelicijan.com" target="_blank" rel="noopener nofollow" itemprop="url" class="font-medium px-2 hover:bg-yellow-100">Files</a>
-      <a href="/pastebin.html" class="font-medium px-2 hover:bg-yellow-100">Pastebin</a>
       <a href="/curriculum-vitae.html" class="font-medium px-2 hover:bg-yellow-100">CV</a>
       <a href="/index.xml" itemprop="url" class="font-medium px-2 hover:bg-yellow-100 hidden md:block">RSS</a>
     </nav>
diff --git a/themes/simple/static/css/tailwind.css b/themes/simple/static/css/tailwind.css
index fa64f9c..0753513 100644
--- a/themes/simple/static/css/tailwind.css
+++ b/themes/simple/static/css/tailwind.css
@@ -24,15 +24,19 @@ a:hover {
 
 /* Headings */
 article.single h2 {
-  @apply text-2xl font-bold mb-8 mt-8;
+  @apply text-2xl font-bold mb-8 mt-8 leading-tight;
+}
+
+article.single h2.notes-heading {
+  @apply text-2xl font-bold mb-4 mt-8 leading-tight;
 }
 
 article.single h3 {
-  @apply text-xl font-bold mb-4 mt-8;
+  @apply text-xl font-bold mb-4 mt-8 leading-tight;
 }
 
 article.single h4 {
-  @apply text-lg font-bold mb-4 mt-8;
+  @apply text-lg font-bold mb-4 mt-8 leading-tight;
 }
 
 /* Paragraph */
@@ -66,12 +70,6 @@ article.single img {
   image-rendering: -webkit-optimize-contrast;
 }
 
-article.single img[src*="?style=bigimg"] {}
-
-@media (max-width: 900px) {
-  article.single img[src*="?style=bigimg"] {}
-}
-
 article.single video {
   @apply rounded w-full !bg-gray-50;
 }