mirror of
https://github.com/Kyren223/website.git
synced 2025-12-28 08:54:37 +00:00
Committing in case I fuck up smthing
This commit is contained in:
@@ -1,4 +1,12 @@
|
||||
import { defineConfig } from 'astro/config';
|
||||
|
||||
import mdx from '@astrojs/mdx';
|
||||
|
||||
import tailwind from '@astrojs/tailwind';
|
||||
|
||||
import starlight from '@astrojs/starlight';
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({});
|
||||
export default defineConfig({
|
||||
integrations: [mdx(), tailwind(), starlight()]
|
||||
});
|
||||
@@ -10,6 +10,13 @@
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"astro": "^4.16.10"
|
||||
"@astrojs/mdx": "^3.1.9",
|
||||
"@astrojs/starlight": "^0.29.0",
|
||||
"@astrojs/tailwind": "^5.1.2",
|
||||
"astro": "^4.16.10",
|
||||
"tailwindcss": "^3.4.14"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/typography": "^0.5.15"
|
||||
}
|
||||
}
|
||||
1568
pnpm-lock.yaml
generated
1568
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
8
src/components/Prose.astro
Normal file
8
src/components/Prose.astro
Normal file
@@ -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>
|
||||
51
src/content/blogs/blog-1.md
Normal file
51
src/content/blogs/blog-1.md
Normal file
@@ -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/)
|
||||
|
||||
:::
|
||||
|
||||
15
src/content/blogs/blog-2.md
Normal file
15
src/content/blogs/blog-2.md
Normal file
@@ -0,0 +1,15 @@
|
||||
# Other blog
|
||||
|
||||
How about code blocks
|
||||
|
||||
```go example.go
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
|
||||
func main() {
|
||||
fmt.Println("Hello, World!")
|
||||
}
|
||||
```
|
||||
|
||||
adkadkakdakd
|
||||
53
src/layouts/MarkdownLayout.astro
Normal file
53
src/layouts/MarkdownLayout.astro
Normal file
@@ -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>
|
||||
BIN
src/pages/.test.astro.swp
Normal file
BIN
src/pages/.test.astro.swp
Normal file
Binary file not shown.
13
src/pages/test.astro
Normal file
13
src/pages/test.astro
Normal file
@@ -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>
|
||||
@@ -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
|
||||
8
tailwind.config.mjs
Normal file
8
tailwind.config.mjs
Normal file
@@ -0,0 +1,8 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [require("@tailwindcss/typography")],
|
||||
};
|
||||
Reference in New Issue
Block a user