diff --git a/.gitea/workflows/deploy.yml b/.gitea/workflows/deploy.yml index 2c9ccc6..81cfb58 100644 --- a/.gitea/workflows/deploy.yml +++ b/.gitea/workflows/deploy.yml @@ -22,7 +22,7 @@ jobs: run: | echo REPO_NAME=$(echo ${GITHUB_REPOSITORY} | awk -F"/" '{print $2}') >> $GITHUB_OUTPUT echo REPO_VERSION=${GITHUB_REF_NAME#v} >> $GITHUB_OUTPUT - + # - name: Debug metadata outputs # run: echo "${{ toJson(steps.meta.outputs) }}" diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..42961c2 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..39329e3 Binary files /dev/null and b/public/favicon.png differ diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 1974c33..89731b6 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -29,7 +29,7 @@ const t = useTranslations(lang)

{ socialMediaLinks && ( -
+
{socialMediaLinks.map(({ href, target, icon }) => { return ( diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 8ca50ef..7cb4640 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -10,7 +10,7 @@ type Props = z.infer> & { className?: string } const { title, description, cta, image, imageAlt, className } = Astro.props --- -
+
diff --git a/src/components/Marquee.astro b/src/components/Marquee.astro index 6d0bec9..7b1dadd 100644 --- a/src/components/Marquee.astro +++ b/src/components/Marquee.astro @@ -11,7 +11,9 @@ const repeatedTexts = texts.length < 10 ? Array.from({ length: 10 / texts.length }, () => texts).flat() : texts --- -
+
{ repeatedTexts.map((text) => ( <> diff --git a/src/components/Reviews.tsx b/src/components/Reviews.tsx index fb9775b..c302312 100644 --- a/src/components/Reviews.tsx +++ b/src/components/Reviews.tsx @@ -29,7 +29,7 @@ export const Reviews: React.FC = ({ reviews, lang }) => { = ({ reviews, lang }) => { /> ))}
-
+
{review}
{author && ( @@ -64,7 +64,7 @@ export const Reviews: React.FC = ({ reviews, lang }) => { /> )}
- {author.name} + {author.name} {author.description}
@@ -73,18 +73,16 @@ export const Reviews: React.FC = ({ reviews, lang }) => { ))} -
+
- - {t('reviews.viewMore.title')} - + {t('reviews.viewMore.title')} {t('reviews.viewMore.description')} = ({ data, slug }) => { className="absolute inset-0 flex flex-col justify-end bg-gradient-to-t from-black/80 via-transparent p-2 lg:p-3" >
-

{name}

+

{name}

 diff --git a/src/components/header/Header.astro b/src/components/header/Header.astro index 6b44099..a36cfe9 100644 --- a/src/components/header/Header.astro +++ b/src/components/header/Header.astro @@ -25,13 +25,13 @@ const t = useTranslations(lang)
- + THEREALSKILLstudio
diff --git a/src/pages/coaches/styles.css b/src/pages/coaches/styles.css index f45560c..b63e28f 100644 --- a/src/pages/coaches/styles.css +++ b/src/pages/coaches/styles.css @@ -25,5 +25,5 @@ } .coach-card-list > li { - @apply flex items-center rounded-2xl bg-card px-3 py-2; + @apply flex items-center rounded-2xl bg-light px-3 py-2; } diff --git a/src/pages/index.astro b/src/pages/index.astro index 7aee315..e5fde46 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -80,7 +80,7 @@ const t = useTranslations(lang) id="image-slider" title={t('slider.title')} description={t('slider.subtitle')} - className="bg-bg-light" + className="bg-light" >
diff --git a/src/styles/global.css b/src/styles/global.css index 777ec78..23a88c0 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -20,9 +20,9 @@ @layer base { :root { - --header-height: 4rem; + --header-height: 5rem; --marquee-height: 105px; - --swiper-theme-color: rgba(198, 15, 211, 1) !important; + --swiper-theme-color: #ffffff !important; } html { @@ -32,7 +32,7 @@ html, body { - @apply h-full w-full bg-bg-main text-text; + @apply h-full w-full bg-main text; } h1 { @@ -60,28 +60,28 @@ h4, h5, h6 { - @apply text-text-light; + @apply text-white; } a { - @apply transform cursor-pointer no-underline duration-300 ease-in-out hover:text-text-light; + @apply transform cursor-pointer no-underline duration-300 ease-in-out hover:text-white; } } @layer components { .brand-btn { - @apply rounded-full bg-brand px-6 py-3 text-center text-text-light transition-colors duration-300 hover:bg-brand/80; + @apply rounded-full bg-brand px-6 py-3 text-center text-white transition-colors duration-300 hover:bg-brand/80; } .brand-btn-outline { - @apply rounded-full border border-brand bg-transparent px-6 py-3 text-center text-text-light transition-colors duration-300 hover:bg-brand; + @apply rounded-full border border-brand bg-transparent px-6 py-3 text-center text-white transition-colors duration-300 hover:bg-brand; } .tag-btn { - @apply hover:tag-btn-active rounded-full bg-card p-2 text-sm transition-colors duration-300; + @apply hover:tag-btn-active rounded-full bg-light p-2 text-sm transition-colors duration-300; } .tag-btn-active { - @apply bg-brand text-text-light; + @apply bg-brand text-white; } .card { - @apply rounded-3xl bg-card p-4 md:p-6; + @apply rounded-3xl bg-light p-4 md:p-6; } } diff --git a/tailwind.config.js b/tailwind.config.js index da65ad5..bf68ae5 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,31 +1,41 @@ -import { TW_WIDTHS } from './src/constants/images'; +import { TW_WIDTHS } from './src/constants/images' /** @type {import('tailwindcss').Config} */ + +const colors = { + background: { + DEFAULT: 'rgba(19, 21, 20, 1)', + light: 'rgba(28, 28, 30, 1)', + }, + text: { + DEFAULT: '#C4C4C4', + muted: '#D9D9D9', + }, + brand: { + DEFAULT: 'rgba(198, 15, 211, 1)', + }, + border: { + DEFAULT: '#D9D9D9', + }, +} + export default { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], - theme: { + theme: { extend: { screens: { - xs: `${TW_WIDTHS.XS}px`, + xs: `${TW_WIDTHS.XS}px`, }, - colors: { - bg: { - main: 'rgba(19, 21, 20, 1)', - light: 'rgba(28, 28, 30, 1)', - }, - card: { - DEFAULT: 'rgba(28, 28, 30, 1)', - }, - brand: { - DEFAULT: 'rgba(198, 15, 211, 1)', - }, - text: { - light: '#FFFFFF', - DEFAULT: '#C4C4C4', - }, - border: { - light: '#D9D9D9', - }, + colors, + textColor: { + DEFAULT: colors.text.DEFAULT, + }, + backgroundColor: { + main: colors.background.DEFAULT, + light: colors.background.light, + }, + borderColor: { + DEFAULT: colors.border.DEFAULT, }, aspectRatio: { '3/4': '3 / 4',