diff options
Diffstat (limited to 'examples/portfolio/src')
-rw-r--r-- | examples/portfolio/src/components/Nav.astro | 6 | ||||
-rw-r--r-- | examples/portfolio/src/components/ThemeToggle.astro | 4 | ||||
-rw-r--r-- | examples/portfolio/src/layouts/BaseLayout.astro | 11 | ||||
-rw-r--r-- | examples/portfolio/src/pages/about.astro | 7 | ||||
-rw-r--r-- | examples/portfolio/src/pages/index.astro | 6 |
5 files changed, 23 insertions, 11 deletions
diff --git a/examples/portfolio/src/components/Nav.astro b/examples/portfolio/src/components/Nav.astro index bf9ac7869..d0a5857b1 100644 --- a/examples/portfolio/src/components/Nav.astro +++ b/examples/portfolio/src/components/Nav.astro @@ -25,7 +25,7 @@ const iconLinks: { label: string; href: string; icon: keyof typeof iconPaths }[] <div class="menu-header"> <a href="/" class="site-title"> <Icon icon="terminal-window" color="var(--accent-regular)" size="1.6em" gradient /> - Jeanine White + Jeanine White </a> <menu-button> <template> @@ -321,7 +321,9 @@ const iconLinks: { label: string; href: string; icon: keyof typeof iconPaths }[] .link { padding: 0.5rem 1rem; border-radius: 999rem; - transition: color var(--theme-transition), background-color var(--theme-transition); + transition: + color var(--theme-transition), + background-color var(--theme-transition); } .link:hover, diff --git a/examples/portfolio/src/components/ThemeToggle.astro b/examples/portfolio/src/components/ThemeToggle.astro index d184e4eb3..88f7bf67c 100644 --- a/examples/portfolio/src/components/ThemeToggle.astro +++ b/examples/portfolio/src/components/ThemeToggle.astro @@ -54,7 +54,9 @@ import Icon from './Icon.astro'; @media (prefers-reduced-motion: no-preference) { .icon, .icon.light::before { - transition: transform var(--theme-transition), color var(--theme-transition); + transition: + transform var(--theme-transition), + color var(--theme-transition); } } diff --git a/examples/portfolio/src/layouts/BaseLayout.astro b/examples/portfolio/src/layouts/BaseLayout.astro index 1c7881961..235599abd 100644 --- a/examples/portfolio/src/layouts/BaseLayout.astro +++ b/examples/portfolio/src/layouts/BaseLayout.astro @@ -92,13 +92,18 @@ const { title, description } = Astro.props; min-height: 100%; isolation: isolate; background: - /*noise*/ url('/assets/backgrounds/noise.png') top center/220px repeat, + /*noise*/ + url('/assets/backgrounds/noise.png') top center/220px repeat, /*footer*/ var(--bg-image-footer) bottom center/var(--bg-gradient-size) no-repeat, /*header1*/ var(--bg-image-main-curves) top center/var(--bg-gradient-size) no-repeat, /*header2*/ var(--bg-image-main) top center/var(--bg-gradient-size) no-repeat, /*base*/ var(--gray-999); - background-blend-mode: /*noise*/ overlay, /*footer*/ var(--bg-blend-mode), - /*header1*/ var(--bg-svg-blend-mode), /*header2*/ normal, /*base*/ normal; + background-blend-mode: /*noise*/ + overlay, + /*footer*/ var(--bg-blend-mode), + /*header1*/ var(--bg-svg-blend-mode), + /*header2*/ normal, + /*base*/ normal; } @media (forced-colors: active) { /* Deactivate custom backgrounds for high contrast users. */ diff --git a/examples/portfolio/src/pages/about.astro b/examples/portfolio/src/pages/about.astro index 14e34ba81..f4fb02a72 100644 --- a/examples/portfolio/src/pages/about.astro +++ b/examples/portfolio/src/pages/about.astro @@ -25,9 +25,10 @@ import Hero from '../components/Hero.astro'; <div class="content"> <p> Lorem ipsum dolor sit amet, <a href="https://astro.build/">Astro</a> makes people happy. - Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin nibh nisl condimentum - id venenatis a condimentum vitae. Dapibus ultrices in iaculis nunc. Arcu odio ut sem nulla - pharetra diam sit amet. Diam quis enim lobortis scelerisque fermentum dui faucibus in ornare. + Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin nibh nisl + condimentum id venenatis a condimentum vitae. Dapibus ultrices in iaculis nunc. Arcu + odio ut sem nulla pharetra diam sit amet. Diam quis enim lobortis scelerisque fermentum + dui faucibus in ornare. </p> <p> Arcu dui vivamus arcu felis bibendum ut tristique et egestas. Eget gravida cum sociis diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro index 2980f97d8..f7362284d 100644 --- a/examples/portfolio/src/pages/index.astro +++ b/examples/portfolio/src/pages/index.astro @@ -169,8 +169,10 @@ const projects = (await getCollection('work')) aspect-ratio: calc(2.25 / var(--bg-scale)); top: 0; transform: translateY(-75%) translateX(-50%); - background: url('/assets/backgrounds/noise.png') top center/220px repeat, - var(--hero-bg) center center / var(--bg-gradient-size) no-repeat, var(--gray-999); + background: + url('/assets/backgrounds/noise.png') top center/220px repeat, + var(--hero-bg) center center / var(--bg-gradient-size) no-repeat, + var(--gray-999); background-blend-mode: overlay, normal, normal, normal; mix-blend-mode: var(--bg-blend-mode); z-index: -1; |