🦜 created view transitions branch

jamerrq · Jan 9, 2024 · 2fcdc02 · 2fcdc02
1 parent af95220
commit 2fcdc02
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/tech-stack.astro b/src/components/tech-stack.astro
@@ -34,7 +34,7 @@ const TECH_STACK_STYLES = [
   title='The tools I (love) work with'
   class={TECH_STACK_STYLES}
   href='/tech-stack'
-  transition:name='Tech Stack'
+  transition:name='tech-stack'
 >
   <div class='gap-2 flex font-bold responsive-text'>
     <p class=''>Tech Stack</p>

diff --git a/src/components/tech-stack/title.astro b/src/components/tech-stack/title.astro
@@ -20,7 +20,7 @@ const TITLE_STYLES: string = [
 ].join(' ')
 ---
 
-<a class={TITLE_STYLES} transition:name='My Tech Stack' href='/'>
+<a class={TITLE_STYLES} transition:name='tech-stack' href='/'>
   <div class='flex flex-col'>
     <p class='font-semibold responsive-text-xs'>Tech Stack </p>
     <p class='font-semibold'>Artists have brushes, <br /> I got these.</p>

diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
@@ -5,7 +5,7 @@ interface Props {
 
 const { title } = Astro.props
 import '@fontsource/merriweather'
-// import { ViewTransitions } from 'astro:transitions'
+import { ViewTransitions } from 'astro:transitions'
 const BODY_CLASS = import.meta.env.MODE === 'development' ? 'debug-screens' : ''
 ---
 
@@ -25,7 +25,7 @@ const BODY_CLASS = import.meta.env.MODE === 'development' ? 'debug-screens' : ''
     <meta property='og:image' content='https://jamerrq.deno.dev/og-image.png' />
     <meta property='og:description' content='Software Developer.' />
     <title>{title}</title>
-    <!-- <ViewTransitions /> -->
+    <ViewTransitions />
   </head>
   <body class={BODY_CLASS}>
     <slot />