summaryrefslogtreecommitdiff
path: root/examples/portfolio/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/portfolio/src')
-rw-r--r--examples/portfolio/src/components/Nav.astro6
-rw-r--r--examples/portfolio/src/components/ThemeToggle.astro4
-rw-r--r--examples/portfolio/src/layouts/BaseLayout.astro11
-rw-r--r--examples/portfolio/src/pages/about.astro7
-rw-r--r--examples/portfolio/src/pages/index.astro6
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;