\ No newline at end of file
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
new file mode 100644
index 0000000..87a5510
--- /dev/null
+++ b/src/components/Navigation.astro
@@ -0,0 +1,10 @@
+---
+
+---
+
+
\ No newline at end of file
diff --git a/src/components/Social.astro b/src/components/Social.astro
new file mode 100644
index 0000000..22086a7
--- /dev/null
+++ b/src/components/Social.astro
@@ -0,0 +1,4 @@
+---
+const { platform, tld, username } = Astro.props;
+---
+{platform}
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7b552be..a8171b9 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,13 +1,18 @@
---
+import Navigation from '../components/Navigation.astro';
+import Footer from '../components/Footer.astro';
+import Hamburger from '../components/Hamburger.astro';
+
interface Props {
title: string;
+ lang: string;
}
-const { title } = Astro.props;
+const { title, lang } = Astro.props;
---
-
+
@@ -17,35 +22,10 @@ const { title } = Astro.props;
{title}
+
+
+
-
+
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
new file mode 100644
index 0000000..d9193aa
--- /dev/null
+++ b/src/pages/blog.astro
@@ -0,0 +1,4 @@
+---
+
+---
+Post 01
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index fb62628..93288f2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,123 +1,5 @@
---
-import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
+import Layout from "../layouts/Layout.astro"
---
-
-
-
-
-
Welcome to Astro
-
- To get started, open the directory src/pages in your project.
- Code Challenge: Tweak the "Welcome to Astro" message above.
-
-
-
-
-
-
-
-
-
-
-
+
+
\ No newline at end of file
diff --git a/src/pages/posts/post-1.md b/src/pages/posts/post-1.md
new file mode 100644
index 0000000..982e74a
--- /dev/null
+++ b/src/pages/posts/post-1.md
@@ -0,0 +1,27 @@
+---
+title: 'My First Blog Post'
+pubDate: 2022-07-01
+description: 'This is the first post of my new Astro blog.'
+author: 'Astro Learner'
+image:
+ url: 'https://docs.astro.build/assets/full-logo-light.png'
+ alt: 'The full Astro logo.'
+tags: ["astro", "blogging", "learning in public"]
+---
+# My First Blog Post
+
+Published on: 2022-07-01
+
+Welcome to my _new blog_ about learning Astro! Here, I will share my learning journey as I build a new website.
+
+## What I've accomplished
+
+1. **Installing Astro**: First, I created a new Astro project and set up my online accounts.
+
+2. **Making Pages**: I then learned how to make pages by creating new `.astro` files and placing them in the `src/pages/` folder.
+
+3. **Making Blog Posts**: This is my first blog post! I now have Astro pages and Markdown posts!
+
+## What's next
+
+I will finish the Astro tutorial, and then keep adding more posts. Watch this space for more to come.
\ No newline at end of file