diff --git a/astro.config.mjs b/astro.config.mjs index 882e651..81ed907 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,4 +1,14 @@ import { defineConfig } from 'astro/config'; // https://astro.build/config -export default defineConfig({}); +export default defineConfig({ + vite: { + css: { + preprocessorOptions: { + scss: { + api: "modern" + } + } + } + } +}); diff --git a/package.json b/package.json index 9bcdcfc..d9c1fe8 100644 --- a/package.json +++ b/package.json @@ -13,5 +13,8 @@ "@astrojs/check": "^0.9.1", "astro": "^4.13.1", "typescript": "^5.4.5" + }, + "devDependencies": { + "sass": "^1.79.2" } } diff --git a/public/icons/codeberg.svg b/public/icons/codeberg.svg deleted file mode 100644 index 74a0fa9..0000000 --- a/public/icons/codeberg.svg +++ /dev/null @@ -1,164 +0,0 @@ - - - Codeberg logo - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - Codeberg logo - - - - Robert Martinez - - - - - Codeberg and the Codeberg Logo are trademarks of Codeberg e.V. - - - 2020-04-09 - - - Codeberg e.V. - - - codeberg.org - - - - - - - - - - - - - diff --git a/public/icons/discord.svg b/public/icons/discord.svg deleted file mode 100644 index c03e8e1..0000000 --- a/public/icons/discord.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/public/icons/external-link.svg b/public/icons/external-link.svg deleted file mode 100644 index ed2483a..0000000 --- a/public/icons/external-link.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/public/icons/github.svg b/public/icons/github.svg deleted file mode 100644 index d5e6491..0000000 --- a/public/icons/github.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/icons/gitlab.svg b/public/icons/gitlab.svg deleted file mode 100644 index 5fbbedd..0000000 --- a/public/icons/gitlab.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/icons/mail.svg b/public/icons/mail.svg deleted file mode 100644 index 691aa1e..0000000 --- a/public/icons/mail.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/public/icons/matrix.svg b/public/icons/matrix.svg deleted file mode 100644 index 907f5f2..0000000 --- a/public/icons/matrix.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - Matrix (protocol) logo - - - - - - \ No newline at end of file diff --git a/public/icons/reddit.svg b/public/icons/reddit.svg deleted file mode 100644 index 6fc9597..0000000 --- a/public/icons/reddit.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 268fd90..4121f75 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,18 +1,20 @@ --- import { useTranslations } from "../i18n/utils"; -import "../styles/_colors.css"; -const tr = useTranslations(Astro.params.lang as never); +const lang = (Astro.params.lang || "en") as never; +const tr = useTranslations(lang); --- - diff --git a/src/components/LinkButton.astro b/src/components/LinkButton.astro index 0142cf9..608580b 100644 --- a/src/components/LinkButton.astro +++ b/src/components/LinkButton.astro @@ -1,6 +1,4 @@ --- -import "../styles/_colors.css"; - interface Props { href: string; } @@ -12,7 +10,9 @@ const { href } = Astro.props; - diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro deleted file mode 100644 index 931198c..0000000 --- a/src/components/NavBar.astro +++ /dev/null @@ -1,91 +0,0 @@ ---- -import { useTranslations } from "../i18n/utils.ts"; -import "../styles/global.css"; - -const lang = Astro.params.lang || "en"; -const tr = useTranslations(lang as never); ---- - -
- - -
- - diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro new file mode 100644 index 0000000..7ab35c7 --- /dev/null +++ b/src/components/Navigation.astro @@ -0,0 +1,207 @@ +--- +import { Image } from "astro:assets"; +import { useTranslations } from "../i18n/utils.ts"; +import { i18n, languages } from "../i18n/ui.ts"; + +const pages = [ "stack", "projects" ]; +const lang = Astro.params.lang || "en"; +const tr = useTranslations(lang as never); +--- + + + + + + diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro index b7717d8..aac1606 100644 --- a/src/components/ProjectCard.astro +++ b/src/components/ProjectCard.astro @@ -10,58 +10,98 @@ interface Props { const { icon, developer, title, description, href } = Astro.props; --- -
  • - +
  • - - \ No newline at end of file + diff --git a/src/components/ProjectsComponent.astro b/src/components/ProjectsComponent.astro new file mode 100644 index 0000000..024bc9c --- /dev/null +++ b/src/components/ProjectsComponent.astro @@ -0,0 +1,50 @@ +--- +import { useTranslations } from "../i18n/utils"; +import ProjectCard from "./ProjectCard.astro"; + +const tr = useTranslations(Astro.params.lang as never || "en"); + +--- + + + + + + + + + + + + + + + diff --git a/src/components/SocialLinks.astro b/src/components/SocialLinks.astro index 7461290..6181c18 100644 --- a/src/components/SocialLinks.astro +++ b/src/components/SocialLinks.astro @@ -3,44 +3,57 @@ import LinkButton from "./LinkButton.astro"; --- -