diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Prose.astro | 8 | ||||
| -rw-r--r-- | src/content/blogs/blog-1.md | 51 | ||||
| -rw-r--r-- | src/content/blogs/blog-2.md | 15 | ||||
| -rw-r--r-- | src/layouts/MarkdownLayout.astro | 53 | ||||
| -rw-r--r-- | src/pages/.test.astro.swp | bin | 0 -> 12288 bytes | |||
| -rw-r--r-- | src/pages/test.astro | 13 | ||||
| -rw-r--r-- | src/pages/test.md | 30 |
7 files changed, 140 insertions, 30 deletions
diff --git a/src/components/Prose.astro b/src/components/Prose.astro new file mode 100644 index 0000000..d1aa1c4 --- /dev/null +++ b/src/components/Prose.astro @@ -0,0 +1,8 @@ +--- +--- +<div + class="prose dark:prose-invert + prose-h1:font-bold prose-h1:text-xl + prose-a:text-blue-300 prose-p:text-justify prose-img:rounded-xl"> + <slot /> +</div> diff --git a/src/content/blogs/blog-1.md b/src/content/blogs/blog-1.md new file mode 100644 index 0000000..ca2e3f1 --- /dev/null +++ b/src/content/blogs/blog-1.md @@ -0,0 +1,51 @@ +# My Title + +## Secondary + +Testing some content with multiline thing +let's see what happens if this wraps +This should be super close + +This should be far + +- Some bullets +- Adka kda kd ak +- d kakd akd ka k + +- [ ] Check me +- [x] Already checked + +## Smaller header + +How about code blocks + +```go example.go +package main + +import "fmt" + +func main() { + fmt.Println("Hello, World!") +} +``` + +Hmm + +> ![INFO] +> Does this work + +This is `highlighting` I think is what it's called + +:::caution +If you are not sure you want an awesome docs site, think twice before using [Starlight](/). +::: + +:::danger +Your users may be more productive and find your product easier to use thanks to helpful Starlight features. + +- Clear navigation +- User-configurable colour theme +- [i18n support](/guides/i18n/) + +::: + diff --git a/src/content/blogs/blog-2.md b/src/content/blogs/blog-2.md new file mode 100644 index 0000000..0296fe2 --- /dev/null +++ b/src/content/blogs/blog-2.md @@ -0,0 +1,15 @@ +# Other blog + +How about code blocks + +```go example.go +package main + +import "fmt" + +func main() { + fmt.Println("Hello, World!") +} +``` + +adkadkakdakd diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro new file mode 100644 index 0000000..becb8e9 --- /dev/null +++ b/src/layouts/MarkdownLayout.astro @@ -0,0 +1,53 @@ +--- +interface Props { + title: string; +} + +const { title } = Astro.props; +--- + +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="description" content="Astro description" /> + <meta name="viewport" content="width=device-width" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <!-- <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet"> --> + <meta name="generator" content={Astro.generator} /> + <title>{title}</title> + </head> + <body> + <slot /> + </body> +</html> +<style is:global> + :root { + --accent: 136, 58, 234; + --accent-light: 224, 204, 250; + --accent-dark: 49, 10, 101; + --accent-gradient: linear-gradient( + 45deg, + rgb(var(--accent)), + rgb(var(--accent-light)) 30%, + white 60% + ); + } + html { + font-family: system-ui, sans-serif; + /* font-family: jetbrains-mono; */ + /* font-family: 'JetBrains Mono'; */ + background: #13151a; + } + code { + font-family: + Menlo, + Monaco, + Lucida Console, + Liberation Mono, + DejaVu Sans Mono, + Bitstream Vera Sans Mono, + Courier New, + monospace; + } +</style> diff --git a/src/pages/.test.astro.swp b/src/pages/.test.astro.swp Binary files differnew file mode 100644 index 0000000..96ddfdf --- /dev/null +++ b/src/pages/.test.astro.swp diff --git a/src/pages/test.astro b/src/pages/test.astro new file mode 100644 index 0000000..af39d74 --- /dev/null +++ b/src/pages/test.astro @@ -0,0 +1,13 @@ +--- +import Prose from '../components/Prose.astro'; +import MarkdownLayout from '../layouts/MarkdownLayout.astro'; +import { getEntry } from 'astro:content'; + +const entry = await getEntry('blogs', 'blog-1'); +const { Content } = await entry.render(); +--- +<MarkdownLayout title='HMMMMM'> + <Prose> + <Content /> + </Prose> +</MarkdownLayout> diff --git a/src/pages/test.md b/src/pages/test.md deleted file mode 100644 index 1f0c54c..0000000 --- a/src/pages/test.md +++ /dev/null @@ -1,30 +0,0 @@ -# My Title - -Testing some content with multiline thing -let's see what happens if this wraps -This should be super close - -This should be far - -- Some bullets -- Adka kda kd ak -- d kakd akd ka k - -- [ ] Check me -- [x] Already checked - -## Smaller header - -How about code blocks - -```go -package main - -import "fmt" - -func main() { - fmt.Println("Hello, World!") -} -``` - -Hmm |