diff --git a/assets/css/global.css b/assets/css/global.css index 7286eceb..fdbbfb2c 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -37,3 +37,7 @@ h5, h6 { overflow-wrap: break-word; } + +a { + color: var(--primary); +} diff --git a/assets/css/vars.css b/assets/css/vars.css index c9c5ea86..3e095344 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -21,13 +21,12 @@ --gray-100: #f4f5f7; --gray-200: #e5e7eb; --gray-300: #d2d6dc; - --gray-400: #9fa6b2; + --gray-400: #a2b5cd; --gray-500: #6b7280; --gray-600: #4b5563; - --gray-700: #374151; - --gray-800: #252f3f; + --gray-700: #2e3848; + --gray-800: #0e1c2f; --gray-900: #161e2e; - --purple-50: #ede5ff; --purple-100: #d0c0fd; --purple-200: #af95fd; diff --git a/assets/svg/logo-light.svg b/assets/svg/logo-light.svg new file mode 100644 index 00000000..fea95595 --- /dev/null +++ b/assets/svg/logo-light.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/svg/social/discord.svg b/assets/svg/social/discord.svg new file mode 100644 index 00000000..e19c85ea --- /dev/null +++ b/assets/svg/social/discord.svg @@ -0,0 +1 @@ + diff --git a/assets/svg/social/docker.svg b/assets/svg/social/docker.svg new file mode 100644 index 00000000..bf7d52f7 --- /dev/null +++ b/assets/svg/social/docker.svg @@ -0,0 +1 @@ + diff --git a/assets/svg/social/github.svg b/assets/svg/social/github.svg new file mode 100644 index 00000000..e268800c --- /dev/null +++ b/assets/svg/social/github.svg @@ -0,0 +1 @@ + diff --git a/assets/svg/social/linkedin.svg b/assets/svg/social/linkedin.svg new file mode 100644 index 00000000..91ccb8fb --- /dev/null +++ b/assets/svg/social/linkedin.svg @@ -0,0 +1 @@ + diff --git a/assets/svg/social/npm.svg b/assets/svg/social/npm.svg new file mode 100644 index 00000000..45d67819 --- /dev/null +++ b/assets/svg/social/npm.svg @@ -0,0 +1 @@ + diff --git a/assets/svg/social/twitter.svg b/assets/svg/social/twitter.svg new file mode 100644 index 00000000..1834bc9a --- /dev/null +++ b/assets/svg/social/twitter.svg @@ -0,0 +1 @@ + diff --git a/assets/svg/social/youtube.svg b/assets/svg/social/youtube.svg new file mode 100644 index 00000000..912dd2cd --- /dev/null +++ b/assets/svg/social/youtube.svg @@ -0,0 +1 @@ + diff --git a/components/Base/Container.vue b/components/Base/Container.vue index 5e22fff4..38f25132 100644 --- a/components/Base/Container.vue +++ b/components/Base/Container.vue @@ -18,16 +18,16 @@ withDefaults(defineProps(), { .container { display: grid; grid-template-columns: - [full-start] minmax(var(--space-2), 1fr) + [full-start] minmax(var(--space-5), 1fr) [standard-start] 0 [narrow-start] minmax(var(--space-4), 67.5rem) [narrow-end] 0 - [standard-end] minmax(var(--space-2), 1fr) + [standard-end] minmax(var(--space-5), 1fr) [full-end]; position: relative; padding-inline: 0; - @media (min-width: 50rem) { + @media (width > 50rem) { grid-template-columns: [full-start] minmax(var(--space-8), 1fr) [standard-start] var(--space-16) diff --git a/components/Base/Divider.vue b/components/Base/Divider.vue index 1b651f89..126cefdb 100644 --- a/components/Base/Divider.vue +++ b/components/Base/Divider.vue @@ -4,7 +4,9 @@ diff --git a/components/Block/HeroForm.vue b/components/Block/HeroForm.vue index 24e18840..fbb85eb2 100644 --- a/components/Block/HeroForm.vue +++ b/components/Block/HeroForm.vue @@ -27,7 +27,7 @@ const { data: block } = useAsyncData(props.uuid, () => diff --git a/pages/[...permalink].vue b/pages/[...permalink].vue index f5f66ca4..1b112ef3 100644 --- a/pages/[...permalink].vue +++ b/pages/[...permalink].vue @@ -3,7 +3,16 @@ const { $directus, $readItems } = useNuxtApp(); const { path } = useRoute(); const pageFilter = computed(() => { - const finalPath = path.endsWith('/') ? path.slice(0, -1) : path; + let finalPath; + + if (path === '/') { + finalPath = '/'; + } else if (path.endsWith('/')) { + finalPath = path.slice(0, -1); + } else { + finalPath = path; + } + return { permalink: { _eq: finalPath } }; }); diff --git a/pages/index.vue b/pages/index.vue deleted file mode 100644 index 8de3dd45..00000000 --- a/pages/index.vue +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/types/schema/meta/navigation.ts b/types/schema/meta/navigation.ts index 8216e285..9f05b320 100644 --- a/types/schema/meta/navigation.ts +++ b/types/schema/meta/navigation.ts @@ -9,7 +9,7 @@ export interface Navigation { user_updated: string | User | null; date_updated: string | null; title: string | null; - navigationItems: NavigationItem[]; + items: NavigationItem[]; } export interface NavigationItem { diff --git a/utils/dynamicAsset.ts b/utils/dynamicAsset.ts new file mode 100644 index 00000000..7ba32c17 --- /dev/null +++ b/utils/dynamicAsset.ts @@ -0,0 +1,5 @@ +export const dynamicAsset = (path: string) => { + const assets = import.meta.glob<{ default?: string }>('~/assets/**/*', { eager: true }); + const fullPath = `/assets` + path; + return assets?.[fullPath]?.default; +};