use native transitions

This commit is contained in:
2024-10-09 20:34:45 +02:00
parent 13f8b6b6dc
commit efc19bc542
2 changed files with 9 additions and 8 deletions
+5 -4
View File
@@ -1,5 +1,4 @@
--- ---
import { ViewTransitions } from 'astro:transitions'
import '../styles/fonts.css' import '../styles/fonts.css'
import '../styles/global.css' import '../styles/global.css'
@@ -10,7 +9,7 @@ export interface Props {
} }
const { title, description, permalink } = Astro.props const { title, description, permalink } = Astro.props
const socialUrl = Astro.site.href + 'assets/yht_logo.png' const socialUrl = Astro?.site?.href + 'assets/yht_logo.png'
--- ---
<!-- Global Metadata --> <!-- Global Metadata -->
@@ -24,6 +23,10 @@ const socialUrl = Astro.site.href + 'assets/yht_logo.png'
href={new URL("rss.xml", Astro.site)} href={new URL("rss.xml", Astro.site)}
/> />
<link rel="preload" href="/assets/fonts/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2" as="font" crossorigin="anonymous" />
<link rel="preload" href="/assets/fonts/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2" as="font" crossorigin="anonymous"/>
<!-- Primary Meta Tags --> <!-- Primary Meta Tags -->
<title> {title} | YouHaveTrouble's place</title> <title> {title} | YouHaveTrouble's place</title>
<meta name="title" content={title} /> <meta name="title" content={title} />
@@ -43,8 +46,6 @@ const socialUrl = Astro.site.href + 'assets/yht_logo.png'
<meta property="twitter:description" content={description} /> <meta property="twitter:description" content={description} />
<meta property="twitter:image" content={socialUrl} /> <meta property="twitter:image" content={socialUrl} />
<ViewTransitions />
<!-- This is intentionally inlined to avoid FOUC --> <!-- This is intentionally inlined to avoid FOUC -->
<script is:inline> <script is:inline>
const root = document.documentElement const root = document.documentElement
+4 -4
View File
@@ -7,10 +7,10 @@
--font-family-sans: 'Fira Sans', sans-serif; --font-family-sans: 'Fira Sans', sans-serif;
} }
/* break comment when time is right */
/*@view-transition {*/ @view-transition {
/* navigation: auto;*/ navigation: auto;
/*}*/ }
:root.theme-dark { :root.theme-dark {
--background-body: #202122; --background-body: #202122;