Mirror of
Merge pull request #4 from trueberryless-org/logo
eliminate index site
authored by
trueberryless
and committed by
GitHub
2f20e590
c4077e5b
+31
-39
+1
starlight/astro.config.mjs
+1
starlight/astro.config.mjs
+3
-34
starlight/src/content/docs/index.mdx
+3
-34
starlight/src/content/docs/index.mdx
···
1
1
---
2
-
title: Videos
3
-
description: trueberryless is also active on YouTube
4
-
template: splash
5
-
hero:
6
-
tagline: trueberryless is also active on YouTube
7
-
image:
8
-
file: ../../assets/houston.webp
9
-
actions:
10
-
- text: List of all videos
11
-
link: /videos
12
-
icon: right-arrow
13
-
- text: Visit the channel
14
-
link: https://www.youtube.com/@trueberryless
15
-
icon: external
16
-
variant: minimal
2
+
title: All videos
3
+
video:
4
+
type: videos
17
5
---
18
-
19
-
import { Card, CardGrid } from "@astrojs/starlight/components";
20
-
21
-
## Next steps
22
-
23
-
<CardGrid stagger>
24
-
<Card title="Update content" icon="pencil">
25
-
Edit `src/content/docs/index.mdx` to see this page change.
26
-
</Card>
27
-
<Card title="Add new content" icon="add-document">
28
-
Add Markdown or MDX files to `src/content/docs` to create new pages.
29
-
</Card>
30
-
<Card title="Configure your site" icon="setting">
31
-
Edit your `sidebar` and other config in `astro.config.mjs`.
32
-
</Card>
33
-
<Card title="Read the docs" icon="open-book">
34
-
Learn more in [the Starlight Docs](https://starlight.astro.build/).
35
-
</Card>
36
-
</CardGrid>
-5
starlight/src/content/docs/videos/index.md
-5
starlight/src/content/docs/videos/index.md
+27
starlight/src/styles/landing.css
+27
starlight/src/styles/landing.css
···
1
+
:root {
2
+
--purple-hsl: 255, 60%, 60%;
3
+
--overlay-blurple: hsla(var(--purple-hsl), 0.2);
4
+
}
5
+
6
+
:root[data-theme="light"] {
7
+
--purple-hsl: 255, 85%, 65%;
8
+
}
9
+
10
+
[data-has-hero] .page {
11
+
background: linear-gradient(215deg, var(--overlay-blurple), transparent 40%),
12
+
radial-gradient(var(--overlay-blurple), transparent 40%) no-repeat -60vw -40vh /
13
+
105vw 200vh,
14
+
radial-gradient(var(--overlay-blurple), transparent 65%) no-repeat 50%
15
+
calc(100% + 20rem) / 60rem 30rem;
16
+
}
17
+
18
+
[data-has-hero] header {
19
+
border-bottom: 1px solid transparent;
20
+
background-color: transparent;
21
+
-webkit-backdrop-filter: blur(16px);
22
+
backdrop-filter: blur(16px);
23
+
}
24
+
25
+
[data-has-hero] .hero > img {
26
+
filter: drop-shadow(0 0 3rem var(--overlay-blurple));
27
+
}