From 5e9f3437a60cbafd25c6a758a672e1650faea2ee Mon Sep 17 00:00:00 2001
From: Ivan Reshetnikov <ordinarydev@protonmail.com>
Date: Sun, 1 Oct 2023 11:03:35 +0500
Subject: [PATCH] Create a list of notes

---
 src/components/Navbar.astro              |  1 -
 src/components/Note.astro                | 20 ++++++++++++++++++++
 src/pages/index.astro                    |  4 ++++
 src/pages/{ => notes}/self-hosting.astro |  2 +-
 4 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Note.astro
 rename src/pages/{ => notes}/self-hosting.astro (99%)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 0ca7690..1c01222 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,6 +1,5 @@
 <nav>
   <a href="/">Главная</a>
-  <a href="/self-hosting">Децентрализируемся</a>
 </nav>
 
 <style>
diff --git a/src/components/Note.astro b/src/components/Note.astro
new file mode 100644
index 0000000..8d3ec78
--- /dev/null
+++ b/src/components/Note.astro
@@ -0,0 +1,20 @@
+---
+interface Props {
+  date: string
+	title: string;
+	href: string;
+}
+
+const { date, title, href } = Astro.props;
+---
+
+<div class="note">
+  <div>{ date }</div> — <a href={href}>{ title }</a>
+</div>
+
+<style>
+  .note {
+    display: flex;
+    gap: 6px;
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index cbdacda..867ae1d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro';
+import Note from '../components/Note.astro';
 ---
 
 <Layout title="Уютный домик">
@@ -11,6 +12,9 @@ import Layout from '../layouts/Layout.astro';
   <p>
     Я Иван. Скорее всего, я буду рассказывать что-нибудь про компьютеры и интернет, такой уж я человек.
   </p>
+
+  <h2>Заметки</h2>
+  <Note date="2023-08-27" title="Децентрализируемся" href="/notes/self-hosting" />
 </Layout>
 
 <style>
diff --git a/src/pages/self-hosting.astro b/src/pages/notes/self-hosting.astro
similarity index 99%
rename from src/pages/self-hosting.astro
rename to src/pages/notes/self-hosting.astro
index d748373..3c55893 100644
--- a/src/pages/self-hosting.astro
+++ b/src/pages/notes/self-hosting.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from '../../layouts/Layout.astro';
 ---
 
 <Layout title="Децентрализируемся!">