butterflyvu/src/layouts/Document.astro
2025-02-05 17:28:08 -05:00

58 lines
No EOL
1.7 KiB
Text
Executable file

---
// Settings
import { SiteSettings, FeelbackConfig } from '@config'
// Properties
const { frontmatter, Title, Blog, Feedback, Feelback } = Astro.props
// Components
import Head from '@components/global/Head.astro'
import Header from '@components/global/Header.astro'
import Footer from '@components/global/Footer.astro'
import Sidebar from '@components/Sidebar.astro'
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
import LinkCard from '@components/LinkCard.astro'
import {Zorn} from "@minpluto/zorn"
// 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.
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"
import "@styles/prism.css"
---
{Blog ?
<Head Title={Title + ' | ' + SiteSettings.SiteName}/>
:
<Head Title={frontmatter.Title + ' | ' + SiteSettings.SiteName}/>
}
<Header/>
<div class="page">
<article>
<Sidebar Blog={Blog}/>
<div class="document">
{Blog ? <h1>{Title}</h1> : <h1>{frontmatter.Title}</h1>}
<slot/>
<!-- <hr/>
<p>Last Updated: null</p> -->
{FeelbackConfig.Enabled ?
<FeelbackYesNo
contentSetId={FeelbackConfig.ContentSetId}
preset={FeelbackConfig.Present}
textQuestion={FeelbackConfig.Question}
textAnswer={FeelbackConfig.Answer}
/>
:
null
}
</div>
</article>
<Footer/>
</div>