diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro new file mode 100644 index 0000000..72653f2 --- /dev/null +++ b/src/components/Navbar.astro @@ -0,0 +1,23 @@ +--- +import Navlink from "./Navlink.astro"; +const links = [ + { + display: "Home", + icon: "H", + href: "/" + },{ + display: "Blog", + icon: "B", + href: "/blog" + }, { + display: "About", + icon: "A", + href: "/about" + } +]; +--- + \ No newline at end of file diff --git a/src/components/Navlink.astro b/src/components/Navlink.astro new file mode 100644 index 0000000..00797c8 --- /dev/null +++ b/src/components/Navlink.astro @@ -0,0 +1,6 @@ +--- +import { getRelativeLocaleUrl } from "astro:i18n"; + +const { display, href, icon, isActive } = Astro.props; +--- +{display} diff --git a/src/consts.js b/src/consts.js deleted file mode 100644 index cee6024..0000000 --- a/src/consts.js +++ /dev/null @@ -1,2 +0,0 @@ -export const SITE_TITLE = 'Astro Blog'; -export const SITE_DESCRIPTION = 'Welcome to my website!'; \ No newline at end of file diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro index 3be618c..c5c52b8 100644 --- a/src/layouts/MainLayout.astro +++ b/src/layouts/MainLayout.astro @@ -1,5 +1,7 @@ --- const { title, description, lang } = Astro.props; +import Navbar from "../components/Navbar.astro"; +import "../style/index.css"; --- @@ -9,7 +11,8 @@ const { title, description, lang } = Astro.props; {title} - + + \ No newline at end of file diff --git a/src/pages/[lang]/about/index.astro b/src/pages/[lang]/about/index.astro new file mode 100644 index 0000000..dcb150a --- /dev/null +++ b/src/pages/[lang]/about/index.astro @@ -0,0 +1,16 @@ +--- +import MainLayout from "../../../layouts/MainLayout.astro"; + +//@ts-ignore +import { dictionary } from "../../../i18n/dictionary"; +const { title, description } = dictionary[Astro.currentLocale]; + +export async function getStaticPaths() { + return ["en", "fr", "cs", "de"].map((lang) => { + return { params: { lang } }; + }); +} +--- + + + \ No newline at end of file diff --git a/src/pages/[lang]/blog/index.astro b/src/pages/[lang]/blog/index.astro new file mode 100644 index 0000000..dcb150a --- /dev/null +++ b/src/pages/[lang]/blog/index.astro @@ -0,0 +1,16 @@ +--- +import MainLayout from "../../../layouts/MainLayout.astro"; + +//@ts-ignore +import { dictionary } from "../../../i18n/dictionary"; +const { title, description } = dictionary[Astro.currentLocale]; + +export async function getStaticPaths() { + return ["en", "fr", "cs", "de"].map((lang) => { + return { params: { lang } }; + }); +} +--- + + + \ No newline at end of file diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro index acd7cf0..6aa3ff3 100644 --- a/src/pages/[lang]/index.astro +++ b/src/pages/[lang]/index.astro @@ -1,8 +1,9 @@ --- -import { getLocaleByPath } from "astro:i18n"; import MainLayout from "../../layouts/MainLayout.astro"; + +//@ts-ignore import { dictionary } from "../../i18n/dictionary"; -const { title } = dictionary[Astro.currentLocale]; +const { title, description } = dictionary[Astro.currentLocale]; export async function getStaticPaths() { return ["en", "fr", "cs", "de"].map((lang) => { @@ -10,10 +11,6 @@ export async function getStaticPaths() { }); } --- + - -

Welcome

-

- {Astro.url.toString()} -

\ No newline at end of file