You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
928 B
Plaintext
35 lines
928 B
Plaintext
---
|
|
import BaseLayout from '../../layouts/BaseLayout.astro'
|
|
|
|
import Header from '../../components/Header.astro'
|
|
import Footer from '../../components/Footer.astro'
|
|
|
|
import CodeBlockPreview from '../../components/meta/CodeBlockPreview.astro'
|
|
|
|
import { Content, getHeadings } from '../../content/meta/design.mdx'
|
|
|
|
const headings = getHeadings()
|
|
---
|
|
|
|
<BaseLayout {...Astro.props} pageTags="design">
|
|
<Header />
|
|
<aside>
|
|
<nav>
|
|
<h3>Indice</h3>
|
|
<ul>
|
|
{
|
|
headings.map(heading => (
|
|
<li style={{ '--depth': heading.depth }}>
|
|
<a href={`#${heading.slug}`}>{heading.text}</a>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
</nav>
|
|
</aside>
|
|
<main class="text">
|
|
<Content components={{ pre: CodeBlockPreview }} />
|
|
</main>
|
|
<Footer />
|
|
</BaseLayout>
|