Compare commits
2 Commits
7fdc35c67c
...
develop
| Author | SHA1 | Date | |
|---|---|---|---|
ca854e9d12
|
|||
|
65ef6f682f
|
@@ -1,132 +1,132 @@
|
|||||||
:root {
|
:root {
|
||||||
--text-50: oklch(96.68% 0.005 95.1);
|
--text: oklch(38.30% 0.029 266.48);
|
||||||
--text-100: oklch(93.31% 0.012 96.43);
|
--text-50: oklch(95.82% 0.004 271.37);
|
||||||
--text-200: oklch(86.46% 0.023 98.68);
|
--text-100: oklch(91.83% 0.009 264.52);
|
||||||
--text-300: oklch(79.55% 0.036 98.17);
|
--text-200: oklch(83.53% 0.016 266.26);
|
||||||
--text-400: oklch(72.45% 0.047 99.12);
|
--text-300: oklch(74.99% 0.026 265.54);
|
||||||
--text-500: oklch(65.27% 0.06 98.88);
|
--text-400: oklch(66.05% 0.036 268.49);
|
||||||
--text-600: oklch(55.54% 0.05 99.33);
|
--text-500: oklch(57.02% 0.047 267.31);
|
||||||
--text-700: oklch(45.43% 0.04 98.55);
|
--text-600: oklch(48.66% 0.039 268.21);
|
||||||
--text-800: oklch(34.63% 0.028 99.26);
|
--text-700: oklch(40.13% 0.031 265.23);
|
||||||
--text-900: oklch(22.99% 0.017 97.01);
|
--text-800: oklch(30.90% 0.021 265.90);
|
||||||
--text: oklch(17.69% 0.01 97.92);
|
--text-900: oklch(20.86% 0.013 264.25);
|
||||||
--text-950: oklch(16.34% 0.008 95.54);
|
--text-950: oklch(15.46% 0.007 270.96);
|
||||||
|
|
||||||
--background: oklch(97.33% 0.007 88.64);
|
--background: oklch(95.13% 0.007 260.73);
|
||||||
--background-50: oklch(96.7% 0.008 91.48);
|
--background-50: oklch(95.80% 0.007 268.55);
|
||||||
--background-100: oklch(93.46% 0.017 88);
|
--background-100: oklch(91.74% 0.012 259.82);
|
||||||
--background-200: oklch(86.85% 0.034 88.07);
|
--background-200: oklch(83.07% 0.027 262.33);
|
||||||
--background-300: oklch(80.17% 0.051 88.07);
|
--background-300: oklch(74.46% 0.041 261.48);
|
||||||
--background-400: oklch(73.62% 0.069 89.26);
|
--background-400: oklch(65.63% 0.058 260.56);
|
||||||
--background-500: oklch(66.8% 0.085 88.59);
|
--background-500: oklch(56.42% 0.075 261.41);
|
||||||
--background-600: oklch(56.88% 0.071 88.9);
|
--background-600: oklch(48.32% 0.062 260.40);
|
||||||
--background-700: oklch(46.26% 0.056 87.6);
|
--background-700: oklch(39.64% 0.048 261.18);
|
||||||
--background-800: oklch(35.24% 0.04 87.71);
|
--background-800: oklch(30.43% 0.036 261.92);
|
||||||
--background-900: oklch(23.27% 0.023 87.9);
|
--background-900: oklch(20.77% 0.018 259.72);
|
||||||
--background-950: oklch(16.86% 0.012 91.89);
|
--background-950: oklch(15.29% 0.010 255.44);
|
||||||
|
|
||||||
--primary-50: oklch(97.22% 0.012 96.42);
|
--primary: oklch(77.15% 0.062 217.48);
|
||||||
--primary-100: oklch(94.41% 0.025 97.12);
|
--primary-50: oklch(96.50% 0.009 222.06);
|
||||||
--primary-200: oklch(88.75% 0.05 98.42);
|
--primary-100: oklch(93.16% 0.019 213.42);
|
||||||
--primary-300: oklch(83.15% 0.074 98.36);
|
--primary-200: oklch(86.07% 0.039 217.46);
|
||||||
--primary-400: oklch(77.55% 0.097 98.29);
|
--primary-300: oklch(79.25% 0.057 216.55);
|
||||||
--primary: oklch(74.12% 0.109 98.34);
|
--primary-400: oklch(72.48% 0.075 217.32);
|
||||||
--primary-500: oklch(72% 0.116 97.93);
|
--primary-500: oklch(65.88% 0.089 218.00);
|
||||||
--primary-600: oklch(61.14% 0.097 98.09);
|
--primary-600: oklch(55.99% 0.075 218.52);
|
||||||
--primary-700: oklch(49.77% 0.077 98.34);
|
--primary-700: oklch(45.64% 0.059 218.22);
|
||||||
--primary-800: oklch(37.71% 0.055 98.79);
|
--primary-800: oklch(34.67% 0.043 219.39);
|
||||||
--primary-900: oklch(24.68% 0.033 97.74);
|
--primary-900: oklch(23.06% 0.024 214.47);
|
||||||
--primary-950: oklch(17.23% 0.018 97.53);
|
--primary-950: oklch(16.48% 0.015 212.62);
|
||||||
|
|
||||||
--secondary-50: oklch(97.69% 0.019 100.12);
|
--secondary: oklch(69.65% 0.059 248.69);
|
||||||
--secondary-100: oklch(95.28% 0.036 96.71);
|
--secondary-50: oklch(95.95% 0.008 253.85);
|
||||||
--secondary-200: oklch(90.57% 0.07 97.74);
|
--secondary-100: oklch(92.05% 0.015 244.73);
|
||||||
--secondary-300: oklch(86.23% 0.103 98.42);
|
--secondary-200: oklch(83.76% 0.030 248.19);
|
||||||
--secondary: oklch(83.86% 0.116 98.04);
|
--secondary-300: oklch(75.31% 0.048 249.46);
|
||||||
--secondary-400: oklch(81.72% 0.129 98.31);
|
--secondary-400: oklch(66.99% 0.065 248.83);
|
||||||
--secondary-500: oklch(77.44% 0.146 97.07);
|
--secondary-500: oklch(58.35% 0.083 249.96);
|
||||||
--secondary-600: oklch(65.69% 0.123 97.5);
|
--secondary-600: oklch(49.88% 0.069 249.37);
|
||||||
--secondary-700: oklch(53.48% 0.099 97.52);
|
--secondary-700: oklch(40.78% 0.056 250.22);
|
||||||
--secondary-800: oklch(40.18% 0.072 97.19);
|
--secondary-800: oklch(31.42% 0.038 249.12);
|
||||||
--secondary-900: oklch(26.04% 0.043 96.76);
|
--secondary-900: oklch(20.99% 0.022 251.79);
|
||||||
--secondary-950: oklch(18.17% 0.026 97.52);
|
--secondary-950: oklch(15.56% 0.012 241.97);
|
||||||
|
|
||||||
--accent-50: oklch(97.77% 0.019 96.86);
|
--accent: oklch(59.38% 0.078 253.40);
|
||||||
--accent-100: oklch(95.53% 0.039 97.44);
|
--accent-50: oklch(95.93% 0.007 247.90);
|
||||||
--accent-200: oklch(91.16% 0.076 97.81);
|
--accent-100: oklch(91.85% 0.015 251.16);
|
||||||
--accent-300: oklch(86.92% 0.11 97.94);
|
--accent-200: oklch(83.39% 0.030 254.70);
|
||||||
--accent: oklch(82.74% 0.136 98);
|
--accent-300: oklch(74.95% 0.046 253.67);
|
||||||
--accent-400: oklch(82.74% 0.136 98);
|
--accent-400: oklch(66.37% 0.064 253.29);
|
||||||
--accent-500: oklch(78.81% 0.152 96.76);
|
--accent-500: oklch(57.47% 0.081 254.47);
|
||||||
--accent-600: oklch(66.8% 0.128 96.97);
|
--accent-600: oklch(49.19% 0.068 253.56);
|
||||||
--accent-700: oklch(54.33% 0.103 96.65);
|
--accent-700: oklch(40.31% 0.053 254.02);
|
||||||
--accent-800: oklch(40.98% 0.076 96.95);
|
--accent-800: oklch(30.91% 0.038 255.00);
|
||||||
--accent-900: oklch(26.42% 0.045 97.53);
|
--accent-900: oklch(20.99% 0.022 251.79);
|
||||||
--accent-950: oklch(18.44% 0.029 102.49);
|
--accent-950: oklch(15.35% 0.012 260.39);
|
||||||
}
|
}
|
||||||
.dark {
|
.dark {
|
||||||
--text-50: oklch(16.34% 0.008 95.54);
|
--text: oklch(76.63% 0.024 266.86);
|
||||||
--text: oklch(96.05% 0.007 97.35);
|
--text-50: oklch(15.46% 0.007 270.96);
|
||||||
--text-100: oklch(22.99% 0.017 97.01);
|
--text-100: oklch(20.86% 0.013 264.25);
|
||||||
--text-200: oklch(34.63% 0.028 99.26);
|
--text-200: oklch(30.90% 0.021 265.90);
|
||||||
--text-300: oklch(45.43% 0.04 98.55);
|
--text-300: oklch(40.13% 0.031 265.23);
|
||||||
--text-400: oklch(55.54% 0.05 99.33);
|
--text-400: oklch(48.66% 0.039 268.21);
|
||||||
--text-500: oklch(65.27% 0.06 98.88);
|
--text-500: oklch(57.02% 0.047 267.31);
|
||||||
--text-600: oklch(72.45% 0.047 99.12);
|
--text-600: oklch(66.05% 0.036 268.49);
|
||||||
--text-700: oklch(79.55% 0.036 98.17);
|
--text-700: oklch(74.99% 0.026 265.54);
|
||||||
--text-800: oklch(86.46% 0.023 98.68);
|
--text-800: oklch(83.53% 0.016 266.26);
|
||||||
--text-900: oklch(93.31% 0.012 96.43);
|
--text-900: oklch(91.83% 0.009 264.52);
|
||||||
--text-950: oklch(96.68% 0.005 95.1);
|
--text-950: oklch(95.82% 0.004 271.37);
|
||||||
|
|
||||||
--background-50: oklch(16.86% 0.012 91.89);
|
--background: oklch(16.29% 0.012 260.61);
|
||||||
--background-100: oklch(23.27% 0.023 87.9);
|
--background-50: oklch(15.29% 0.010 255.44);
|
||||||
--background-200: oklch(35.24% 0.04 87.71);
|
--background-100: oklch(20.77% 0.018 259.72);
|
||||||
--background-300: oklch(46.26% 0.056 87.6);
|
--background-200: oklch(30.43% 0.036 261.92);
|
||||||
--background-400: oklch(56.88% 0.071 88.9);
|
--background-300: oklch(39.64% 0.048 261.18);
|
||||||
--background-500: oklch(66.8% 0.085 88.59);
|
--background-400: oklch(48.32% 0.062 260.40);
|
||||||
--background-600: oklch(73.62% 0.069 89.26);
|
--background-500: oklch(56.42% 0.075 261.41);
|
||||||
--background-700: oklch(80.17% 0.051 88.07);
|
--background-600: oklch(65.63% 0.058 260.56);
|
||||||
--background-800: oklch(86.85% 0.034 88.07);
|
--background-700: oklch(74.46% 0.041 261.48);
|
||||||
--background-900: oklch(93.46% 0.017 88);
|
--background-800: oklch(83.07% 0.027 262.33);
|
||||||
--background-950: oklch(96.7% 0.008 91.48);
|
--background-900: oklch(91.74% 0.012 259.82);
|
||||||
--background: oklch(15.48% 0.011 89.86);
|
--background-950: oklch(95.80% 0.007 268.55);
|
||||||
|
|
||||||
--primary-50: oklch(17.23% 0.018 97.53);
|
--primary: oklch(48.89% 0.064 217.48);
|
||||||
--primary-100: oklch(24.68% 0.033 97.74);
|
--primary-50: oklch(16.48% 0.015 212.62);
|
||||||
--primary-200: oklch(37.71% 0.055 98.79);
|
--primary-100: oklch(23.06% 0.024 214.47);
|
||||||
--primary-300: oklch(49.77% 0.077 98.34);
|
--primary-200: oklch(34.67% 0.043 219.39);
|
||||||
--primary-400: oklch(61.14% 0.097 98.09);
|
--primary-300: oklch(45.64% 0.059 218.22);
|
||||||
--primary: oklch(67.74% 0.108 98.2);
|
--primary-400: oklch(55.99% 0.075 218.52);
|
||||||
--primary-500: oklch(72% 0.116 97.93);
|
--primary-500: oklch(65.88% 0.089 218.00);
|
||||||
--primary-600: oklch(77.55% 0.097 98.29);
|
--primary-600: oklch(72.48% 0.075 217.32);
|
||||||
--primary-700: oklch(83.15% 0.074 98.36);
|
--primary-700: oklch(79.25% 0.057 216.55);
|
||||||
--primary-800: oklch(88.75% 0.05 98.42);
|
--primary-800: oklch(86.07% 0.039 217.46);
|
||||||
--primary-900: oklch(94.41% 0.025 97.12);
|
--primary-900: oklch(93.16% 0.019 213.42);
|
||||||
--primary-950: oklch(97.22% 0.012 96.42);
|
--primary-950: oklch(96.50% 0.009 222.06);
|
||||||
|
|
||||||
--secondary-50: oklch(18.17% 0.026 97.52);
|
--secondary: oklch(47.12% 0.064 249.33);
|
||||||
--secondary-100: oklch(26.04% 0.043 96.76);
|
--secondary-50: oklch(15.56% 0.012 241.97);
|
||||||
--secondary-200: oklch(40.18% 0.072 97.19);
|
--secondary-100: oklch(20.99% 0.022 251.79);
|
||||||
--secondary-300: oklch(53.48% 0.099 97.52);
|
--secondary-200: oklch(31.42% 0.038 249.12);
|
||||||
--secondary: oklch(59.61% 0.111 97.84);
|
--secondary-300: oklch(40.78% 0.056 250.22);
|
||||||
--secondary-400: oklch(65.69% 0.123 97.5);
|
--secondary-400: oklch(49.88% 0.069 249.37);
|
||||||
--secondary-500: oklch(77.44% 0.146 97.07);
|
--secondary-500: oklch(58.35% 0.083 249.96);
|
||||||
--secondary-600: oklch(81.72% 0.129 98.31);
|
--secondary-600: oklch(66.99% 0.065 248.83);
|
||||||
--secondary-700: oklch(86.23% 0.103 98.42);
|
--secondary-700: oklch(75.31% 0.048 249.46);
|
||||||
--secondary-800: oklch(90.57% 0.07 97.74);
|
--secondary-800: oklch(83.76% 0.030 248.19);
|
||||||
--secondary-900: oklch(95.28% 0.036 96.71);
|
--secondary-900: oklch(92.05% 0.015 244.73);
|
||||||
--secondary-950: oklch(97.69% 0.019 100.12);
|
--secondary-950: oklch(95.95% 0.008 253.85);
|
||||||
|
|
||||||
--accent-50: oklch(18.44% 0.029 102.49);
|
--accent: oklch(55.80% 0.080 254.61);
|
||||||
--accent-100: oklch(26.42% 0.045 97.53);
|
--accent-50: oklch(15.35% 0.012 260.39);
|
||||||
--accent-200: oklch(40.98% 0.076 96.95);
|
--accent-100: oklch(20.99% 0.022 251.79);
|
||||||
--accent-300: oklch(54.33% 0.103 96.65);
|
--accent-200: oklch(30.91% 0.038 255.00);
|
||||||
--accent: oklch(66.8% 0.128 96.97);
|
--accent-300: oklch(40.31% 0.053 254.02);
|
||||||
--accent-400: oklch(66.8% 0.128 96.97);
|
--accent-400: oklch(49.19% 0.068 253.56);
|
||||||
--accent-500: oklch(78.81% 0.152 96.76);
|
--accent-500: oklch(57.47% 0.081 254.47);
|
||||||
--accent-600: oklch(82.74% 0.136 98);
|
--accent-600: oklch(66.37% 0.064 253.29);
|
||||||
--accent-700: oklch(86.92% 0.11 97.94);
|
--accent-700: oklch(74.95% 0.046 253.67);
|
||||||
--accent-800: oklch(91.16% 0.076 97.81);
|
--accent-800: oklch(83.39% 0.030 254.70);
|
||||||
--accent-900: oklch(95.53% 0.039 97.44);
|
--accent-900: oklch(91.85% 0.015 251.16);
|
||||||
--accent-950: oklch(97.77% 0.019 96.86);
|
--accent-950: oklch(95.93% 0.007 247.90);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,13 +11,12 @@
|
|||||||
<UNavigationMenu :items="items" variant="link" :orientation="orientation" />
|
<UNavigationMenu :items="items" variant="link" :orientation="orientation" />
|
||||||
|
|
||||||
<template #right>
|
<template #right>
|
||||||
<UButton
|
<FooterSocialAccount
|
||||||
icon="i-simple-icons-github"
|
v-for="social in socialAccounts"
|
||||||
color="neutral"
|
:key="social.label"
|
||||||
variant="ghost"
|
:icon="social.icon"
|
||||||
to="https://github.com/Phundrak"
|
:link="social.link"
|
||||||
target="_blank"
|
:label="social.label"
|
||||||
aria-label="GitHub"
|
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
</UFooter>
|
</UFooter>
|
||||||
@@ -26,6 +25,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { NavigationMenuItem } from '@nuxt/ui';
|
import type { NavigationMenuItem } from '@nuxt/ui';
|
||||||
import { version } from '../../package.json';
|
import { version } from '../../package.json';
|
||||||
|
import type { SocialAccount } from '~/types/social-account';
|
||||||
|
|
||||||
const toast = useToast();
|
const toast = useToast();
|
||||||
const { isMobile } = useDevice();
|
const { isMobile } = useDevice();
|
||||||
@@ -35,20 +35,37 @@ const { data, error, loading } = getMeta();
|
|||||||
const backendVersion = computed(() =>
|
const backendVersion = computed(() =>
|
||||||
loading.value ? 'backend.loading' : data?.value?.version || $t('backend.failed'),
|
loading.value ? 'backend.loading' : data?.value?.version || $t('backend.failed'),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const socialAccounts: SocialAccount[] = [
|
||||||
|
{ icon: 'i-simple-icons-mastodon', label: 'Fediverse', link: 'https://social.phundrak.com/phundrak' },
|
||||||
|
{ icon: 'i-simple-icons-gitea', label: 'Gitea', link: 'https://labs.phundrak.com/phundrak' },
|
||||||
|
{ icon: 'i-simple-icons-github', label: 'GitHub', link: 'https://github.com/Phundrak' },
|
||||||
|
{ icon: 'i-simple-icons-youtube', label: 'YouTube', link: 'https://youtube.com/@phundrak' },
|
||||||
|
];
|
||||||
|
|
||||||
const items = computed<NavigationMenuItem[]>(() => [
|
const items = computed<NavigationMenuItem[]>(() => [
|
||||||
{
|
{
|
||||||
label: $t('footer.links.source'),
|
label: $t('footer.links.source.backend'),
|
||||||
to: 'https://labs.phundrak.com/phundrak/phundrak.com',
|
to: 'https://labs.phundrak.com/phundrak/bakit',
|
||||||
|
target: '_blank',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: $t('footer.links.source.frontend'),
|
||||||
|
to: 'https://labs.phundrak.com/phundrak/framit',
|
||||||
|
target: '_blank',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: $t('footer.links.nuxt'),
|
label: $t('footer.links.nuxt'),
|
||||||
to: 'https://nuxt.com/',
|
to: 'https://nuxt.com/',
|
||||||
|
target: '_blank',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: $t('footer.links.rust'),
|
label: $t('footer.links.rust'),
|
||||||
to: 'https://rust-lang.org/',
|
to: 'https://rust-lang.org/',
|
||||||
|
target: '_blank',
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
watch(error, (value) => {
|
watch(error, (value) => {
|
||||||
if (value) {
|
if (value) {
|
||||||
toast.add({
|
toast.add({
|
||||||
|
|||||||
15
app/components/footer/SocialAccount.vue
Normal file
15
app/components/footer/SocialAccount.vue
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<template>
|
||||||
|
<UButton
|
||||||
|
:icon="props.icon"
|
||||||
|
color="neutral"
|
||||||
|
variant="ghost"
|
||||||
|
:to="props.link"
|
||||||
|
target="_blank"
|
||||||
|
:aria-label="props.label"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import type { SocialAccount } from '~/types/social-account';
|
||||||
|
const props = defineProps<SocialAccount>();
|
||||||
|
</script>
|
||||||
5
app/types/social-account.ts
Normal file
5
app/types/social-account.ts
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
export interface SocialAccount {
|
||||||
|
icon: string;
|
||||||
|
label: string;
|
||||||
|
link: string;
|
||||||
|
}
|
||||||
@@ -70,7 +70,10 @@
|
|||||||
},
|
},
|
||||||
"footer": {
|
"footer": {
|
||||||
"links": {
|
"links": {
|
||||||
"source": "Website’s source code",
|
"source": {
|
||||||
|
"backend": "Backend Source Code",
|
||||||
|
"frontend": "Frontend Source Code"
|
||||||
|
},
|
||||||
"nuxt": "Frontend made with Nuxt",
|
"nuxt": "Frontend made with Nuxt",
|
||||||
"rust": "Backend made with Rust"
|
"rust": "Backend made with Rust"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -70,7 +70,10 @@
|
|||||||
},
|
},
|
||||||
"footer": {
|
"footer": {
|
||||||
"links": {
|
"links": {
|
||||||
"source": "Code source du site web",
|
"source": {
|
||||||
|
"backend": "Code source du backend",
|
||||||
|
"frontend": "Code source du frontend"
|
||||||
|
},
|
||||||
"nuxt": "Frontend fait avec Nuxt",
|
"nuxt": "Frontend fait avec Nuxt",
|
||||||
"rust": "Backend fait avec Rust"
|
"rust": "Backend fait avec Rust"
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user