butterflyvu/src/layouts/Document.astro

58 lines
1.7 KiB
Text
Raw Normal View History

2024-06-07 03:16:38 -04:00
---
// Settings
2024-12-12 17:50:25 -05:00
import { SiteSettings, FeelbackConfig } from '@config'
2024-06-07 03:16:38 -04:00
// Properties
const { frontmatter, Title, Blog, Feedback, Feelback } = Astro.props
2024-06-07 03:16:38 -04:00
// Components
import Head from '@components/global/Head.astro'
import Header from '@components/global/Header.astro'
2024-12-11 20:41:04 -05:00
import Footer from '@components/global/Footer.astro'
import Sidebar from '@components/Sidebar.astro'
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
2025-01-23 01:47:04 -05:00
import LinkCard from '@components/LinkCard.astro'
2024-11-30 23:55:34 -05:00
import {Zorn} from "@minpluto/zorn"
2024-06-07 03:16:38 -04:00
// Styles
/// When Zorn is not imported first in the layout, it's CSS does not carry
/// over when importing it into your own documents. So, it's CSS here are imported.
2025-02-05 17:28:08 -05:00
import "../../node_modules/@minpluto/zorn/src/Styles/Base.scss"
import "../../node_modules/@minpluto/zorn/src/Styles/Themes/Default.scss"
import "@styles/index.scss"
import "@styles/feelback.css"
2024-09-17 23:07:39 -04:00
import "@styles/prism.css"
2024-06-07 03:16:38 -04:00
---
{Blog ?
<Head Title={Title + ' | ' + SiteSettings.SiteName}/>
:
<Head Title={frontmatter.Title + ' | ' + SiteSettings.SiteName}/>
}
2024-06-07 03:16:38 -04:00
<Header/>
<div class="page">
<article>
<Sidebar Blog={Blog}/>
2024-06-07 03:16:38 -04:00
<div class="document">
{Blog ? <h1>{Title}</h1> : <h1>{frontmatter.Title}</h1>}
2024-06-07 03:16:38 -04:00
<slot/>
<!-- <hr/>
<p>Last Updated: null</p> -->
{FeelbackConfig.Enabled ?
<FeelbackYesNo
contentSetId={FeelbackConfig.ContentSetId}
preset={FeelbackConfig.Present}
textQuestion={FeelbackConfig.Question}
textAnswer={FeelbackConfig.Answer}
/>
:
null
}
2024-06-07 03:16:38 -04:00
</div>
</article>
<Footer/>
</div>