Skip to content

Commit 0656814

Browse files
kjy5kjy5
authored
Text structure (#4)
* Blocked out hero * Start transitioning into one video per section * Sticking... but bleeding up * Arranged intro * Organized 3 sections
1 parent a1efd2e commit 0656814

File tree

6 files changed

+106
-319
lines changed

6 files changed

+106
-319
lines changed

src/components/Prose.astro renamed to src/components/Article.astro

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
---
2-
3-
---
41
<article class="prose">
52
<slot/>
63
</article>

‎src/components/Hero.astro‎

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
1-
<div class="hero min-h-screen">
1+
---
2+
interface Props {
3+
graphicSrc: string;
4+
}
5+
6+
const { graphicSrc } = Astro.props;
7+
---
8+
<div class="hero">
29
<div class="hero-content flex-col lg:flex-row-reverse">
3-
<slot/>
10+
<!-- Graphics side. -->
11+
<div class="basis-2/5 self-stretch">
12+
<div class="h-dvh sticky top-0 border flex justify-center items-center">
13+
<p class="p-8">{graphicSrc}</p>
14+
</div>
15+
</div>
16+
17+
<!-- Content side. -->
18+
<div class="basis-1/2">
19+
<slot/>
20+
</div>
421
</div>
522
</div>

‎src/components/Welcome.astro‎

Lines changed: 0 additions & 209 deletions
This file was deleted.

‎src/layouts/Layout.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
---
33
<!doctype html>
4-
<html lang="en">
4+
<html lang="en" class="scroll-smooth">
55
<head>
66
<meta charset="UTF-8" />
77
<meta name="viewport" content="width=device-width" />

0 commit comments

Comments
 (0)