diff --git a/src/components/Hero.astro b/src/components/Hero.astro
new file mode 100644
index 0000000..f4fb3ff
--- /dev/null
+++ b/src/components/Hero.astro
@@ -0,0 +1,11 @@
+
+
+
Lorem Ipsum
+ Dolor sit amet Et non saepe harum corrupti dicta. Placeat dignissimos quia atque velit distinctio amet Et non saepe harum corrupti dicta. Placeat dignissimos quia atque velit distinctio consequatur aut.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 72653f2..2eada85 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -3,21 +3,21 @@ import Navlink from "./Navlink.astro";
const links = [
{
display: "Home",
- icon: "H",
href: "/"
- },{
+ }, {
display: "Blog",
- icon: "B",
href: "/blog"
}, {
display: "About",
- icon: "A",
href: "/about"
+ }, {
+ display: "Contact",
+ href: "/contact"
}
];
---
-
+
- { links.map((item) => ( )) }
+ { links.map((item) => ( )) }
\ No newline at end of file
diff --git a/src/components/Navlink.astro b/src/components/Navlink.astro
index 00797c8..1d0de62 100644
--- a/src/components/Navlink.astro
+++ b/src/components/Navlink.astro
@@ -1,6 +1,11 @@
---
import { getRelativeLocaleUrl } from "astro:i18n";
-const { display, href, icon, isActive } = Astro.props;
+const { display, href, isActive } = Astro.props;
---
-{icon} {display}
+
+{display}
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index c5c52b8..5778316 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -1,18 +1,18 @@
---
-const { title, description, lang } = Astro.props;
+const { title, description, lang, themeOverride } = Astro.props;
import Navbar from "../components/Navbar.astro";
import "../style/index.css";
---
-
+
{title}
-
-
+
+
\ No newline at end of file
diff --git a/src/pages/[lang]/contact/index.astro b/src/pages/[lang]/contact/index.astro
new file mode 100644
index 0000000..dcb150a
--- /dev/null
+++ b/src/pages/[lang]/contact/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 6aa3ff3..860e250 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -1,5 +1,6 @@
---
import MainLayout from "../../layouts/MainLayout.astro";
+import Hero from "../../components/Hero.astro";
//@ts-ignore
import { dictionary } from "../../i18n/dictionary";
@@ -11,6 +12,6 @@ export async function getStaticPaths() {
});
}
---
-
-
+
+
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e5916c9..8bf5cd2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -12,8 +12,12 @@ if (Astro.preferredLocale) {
Welcome
- "homeP1"
- {Astro.url.toString()}
- {getLocaleByPath("en")}
+ You shouldn't be here. please continue to one of the following:
+
\ No newline at end of file
diff --git a/src/style/index.css b/src/style/index.css
index 33aceed..7bfee8f 100644
--- a/src/style/index.css
+++ b/src/style/index.css
@@ -3,7 +3,7 @@
@tailwind utilities;
/*
Light Mode: https://www.realtimecolors.com/dashboard?colors=161618-f0f0f0-FFE500-dbddff-6120cf&fonts=Poppins-Poppins
-Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5-000224-ffe500&fonts=Poppins-Poppins
+Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5-000568-ffe500&fonts=Poppins-Poppins
*/
@layer base {
:root {
@@ -19,7 +19,7 @@ Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
--color-bkg: 0deg, 0%, 6%;
--color-content: 240deg, 4%, 91%;
--color-primary: 262deg, 77%, 44%;
- --color-secondary: 237deg, 100%, 7ˇ;
+ --color-secondary: 237deg, 100%, 20%;
--color-accent: 54deg, 100%, 50%;
}
}
@@ -28,7 +28,7 @@ Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
--color-bkg: 0deg, 0%, 6%;
--color-content: 240deg, 4%, 91%;
--color-primary: 262deg, 77%, 44%;
- --color-secondary: 237deg, 100%, 7ˇ;
+ --color-secondary: 237deg, 100%, 20%;
--color-accent: 54deg, 100%, 50%;
}
@@ -36,7 +36,7 @@ Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5
--color-bkg: 0deg, 0%, 94%;
--color-content: 240deg, 4%, 9%;
--color-primary: 54deg, 100%, 50%;
- --color-secondary: 237deg, 100%, 93%;
+ --color-secondary: 237deg, 100%, 20%;
--color-accent: 262deg, 73%, 47%;
}
}
\ No newline at end of file
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 49489c7..8793f2a 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,14 +1,23 @@
/** @type {import('tailwindcss').Config} */
+function withOpacity(variableName) {
+ return ({ opacityValue }) => {
+ if (opacityValue !== undefined) {
+ return `hsla(var(${variableName}), ${opacityValue})`
+ }
+ return `hsl(var(${variableName}))`
+ }
+ }
+
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
extend: {
colors: {
- bkg: 'hsl(var(--color-bkg))',
- content: 'hsl(var(--color-content))',
- primary: 'hsl(var(--color-primary))',
- secondary: 'hsl(var(--color-secondary))',
- accent: 'hsl(var(--color-accent))',
+ bkg: withOpacity('--color-bkg'),
+ content: withOpacity('--color-content'),
+ primary: withOpacity('--color-primary'),
+ secondary: withOpacity('--color-secondary'),
+ accent: withOpacity('--color-accent'),
},
},
},