butterflyvu/src/layouts/Document.astro

---
// Settings
import { FeelbackConfig } from '@config'

// Properties
const { frontmatter, Title, 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 {Zorn} from "@minpluto/zorn"

// Styles
import "@styles/index.scss"
import "@styles/feelback.css"
import "@styles/prism.css"
---

<Head/>
<Header/>
<div class="page">
    <article>
        <Sidebar/>
        <div class="document">
            <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/>    
    <!-- Zorn is broken if a player is not already set -->
    <Zorn is:raw PlayerName="zorn_null" Poster="#" Video="#"/>
</div>

<!-- Zorn is broken if a player is not already set -->
<style is:global>#zorn-player-zorn_null {display: none}</style>