butterflyvu/src/layouts/Document.astro

---
// Settings
import { SiteSettings, FeelbackConfig } from '@config'
import {version} from '../../package.json'

// Properties
const { frontmatter, Title, Feedback, Feelback } = Astro.props

// Components
import Head from '@components/global/Head.astro'
import Header from '@components/global/Header.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>

    <Zorn is:raw PlayerName="zorn_null" Poster="#" Video="#"/>
    <div class="footer">
        <div class="footer-start">
            <p>© {SiteSettings.OrgName}. All right reserved.</p>
        </div>
        <div class="footer-end">
            {SiteSettings.WhiteLabel ?
                <p>Built with <a href="#">ButterflyVu</a></p>
                :
                null
            }
            {SiteSettings.FooterVersion ?
                <p style="opacity: 0.5;">v{version}</p>
                :
                null
            }
        </div>
    </div>
</div>

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