diff --git a/src/assets/fortnite.jpg b/src/assets/fortnite.jpg new file mode 100644 index 0000000..1540b00 Binary files /dev/null and b/src/assets/fortnite.jpg differ diff --git a/src/components/SidebarButton.astro b/src/components/SidebarButton.astro new file mode 100644 index 0000000..8511b2d --- /dev/null +++ b/src/components/SidebarButton.astro @@ -0,0 +1,17 @@ +--- +const { title, route } = Astro.props; +--- + + +
+ +
+
+ {title} +
+ diff --git a/src/components/settings/ThemeCard.astro b/src/components/settings/ThemeCard.astro new file mode 100644 index 0000000..91cc782 --- /dev/null +++ b/src/components/settings/ThemeCard.astro @@ -0,0 +1,13 @@ +--- +const { image, title } = Astro.props; +import { Image } from "astro:assets"; +--- + +
+
+ Theme +
+
+ {title} +
+
diff --git a/src/i18n/en_US.json b/src/i18n/en_US.json index 39ebee6..82f59bd 100644 --- a/src/i18n/en_US.json +++ b/src/i18n/en_US.json @@ -3,5 +3,9 @@ "header.games": "Games", "header.settings": "Settings", "header.morelinks": "Want more links?", - "home.placeholder": "Search the web freely" + "home.placeholder": "Search the web freely", + "settings.settings": "Settings", + "settings.appearance": "Appearance", + "settings.proxy": "Proxy", + "settings.tab": "Tab" } \ No newline at end of file diff --git a/src/i18n/jp.json b/src/i18n/jp.json index b100873..34e2893 100644 --- a/src/i18n/jp.json +++ b/src/i18n/jp.json @@ -3,5 +3,9 @@ "header.games": "ゲーム", "header.settings": "設定", "header.morelinks": "リンク一覧", - "home.placeholder": "検索欄" + "home.placeholder": "検索欄", + "settings.settings": "Settings", + "settings.appearance": "Appearance", + "settings.proxy": "Proxy", + "settings.tab": "Tab" } \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 9e1fb2a..f9d16eb 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -26,7 +26,7 @@ const { title } = Astro.props; {title} - +
-

Settings

-

{title}

- +
+
+
+ + + + + + + + + +
+
+

{t("settings.settings")}

+

{title}

+ +
+
diff --git a/src/layouts/SettingsSection.astro b/src/layouts/SettingsSection.astro new file mode 100644 index 0000000..03f384a --- /dev/null +++ b/src/layouts/SettingsSection.astro @@ -0,0 +1,12 @@ +--- +const { title, subtitle } = Astro.props; +--- + +
+
+
+
{title}
+
{subtitle}
+ +
+
diff --git a/src/pages/[lang]/settings/appearance.astro b/src/pages/[lang]/settings/appearance.astro index 5e881bd..ea6ab37 100644 --- a/src/pages/[lang]/settings/appearance.astro +++ b/src/pages/[lang]/settings/appearance.astro @@ -1,6 +1,14 @@ --- import Layout from "../../../layouts/Layout.astro"; import SettingsLayout from "../../../layouts/SettingsLayout.astro"; +import SettingsSection from "../../../layouts/SettingsSection.astro"; +import { getLangFromUrl, useTranslations } from "../../../i18n/utils"; +import ThemeCard from "../../../components/settings/ThemeCard.astro"; +import { Icon } from "astro-icon/components"; +import fortnite from "../../../assets/fortnite.jpg"; + +const lang = getLangFromUrl(Astro.url); +const t = useTranslations(lang); export function getStaticPaths() { const STATIC_PATHS = [ { params: { lang: "en_US" } }, @@ -11,7 +19,26 @@ export function getStaticPaths() { --- - -

Appearance settings here!

+ + +
+ + + + + +
+
+ +
+
+ Get more themes in the Nebula Catalog! +
+
+
+ diff --git a/src/pages/[lang]/settings/pr.astro b/src/pages/[lang]/settings/pr.astro new file mode 100644 index 0000000..10a4c44 --- /dev/null +++ b/src/pages/[lang]/settings/pr.astro @@ -0,0 +1,24 @@ +--- +import Layout from "../../../layouts/Layout.astro"; +import SettingsLayout from "../../../layouts/SettingsLayout.astro"; +import SettingsSection from "../../../layouts/SettingsSection.astro"; +import { getLangFromUrl, useTranslations } from "../../../i18n/utils"; + +const lang = getLangFromUrl(Astro.url); +const t = useTranslations(lang); +export function getStaticPaths() { + const STATIC_PATHS = [ + { params: { lang: "en_US" } }, + { params: { lang: "jp" } }, + ]; + return STATIC_PATHS; +} +--- + + + + Guhh + + diff --git a/src/pages/[lang]/settings/tab.astro b/src/pages/[lang]/settings/tab.astro new file mode 100644 index 0000000..730042b --- /dev/null +++ b/src/pages/[lang]/settings/tab.astro @@ -0,0 +1,24 @@ +--- +import Layout from "../../../layouts/Layout.astro"; +import SettingsLayout from "../../../layouts/SettingsLayout.astro"; +import SettingsSection from "../../../layouts/SettingsSection.astro"; +import { getLangFromUrl, useTranslations } from "../../../i18n/utils"; + +const lang = getLangFromUrl(Astro.url); +const t = useTranslations(lang); +export function getStaticPaths() { + const STATIC_PATHS = [ + { params: { lang: "en_US" } }, + { params: { lang: "jp" } }, + ]; + return STATIC_PATHS; +} +--- + + + + Guhh + +