-
Notifications
You must be signed in to change notification settings - Fork 88
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5710154
commit a61347a
Showing
10 changed files
with
288 additions
and
0 deletions.
There are no files selected for viewing
19 changes: 19 additions & 0 deletions
19
...rter-basic/src/routes/examples/[mode]/landing-page/__components/LandingPageSection.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
<script> | ||
export let context | ||
</script> | ||
|
||
<div class="inline-decorator {context.node.id}"> | ||
<slot /> | ||
</div> | ||
|
||
<style> | ||
.inline-decorator { | ||
--offset: calc(var(--nav-height) + 16px); | ||
padding-top: calc(var(--offset)); | ||
min-height: 100vh; | ||
} | ||
:global(.frame-wrapper) div { | ||
min-height: var(--offset); | ||
} | ||
</style> |
167 changes: 167 additions & 0 deletions
167
examples/starter-basic/src/routes/examples/[mode]/landing-page/__components/cat.svelte
Large diffs are not rendered by default.
Oops, something went wrong.
27 changes: 27 additions & 0 deletions
27
examples/starter-basic/src/routes/examples/[mode]/landing-page/_module.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
<script> | ||
import { url, context } from '@roxi/routify' | ||
import Nav from '@/components/Nav.svelte' | ||
import LandingPageSection from './__components/LandingPageSection.svelte' | ||
</script> | ||
|
||
<div class="app"> | ||
<header> | ||
<nav> | ||
<a href={$url($context.node.path)} class="brand"> | ||
<h4>Home</h4> | ||
</a> | ||
<div class="spacer" /> | ||
<Nav /> | ||
</nav> | ||
</header> | ||
<main> | ||
<slot decorator={{ component: LandingPageSection, recursive: false }} /> | ||
</main> | ||
</div> | ||
|
||
<!-- routify:meta description="A landing page showing inline pages." --> | ||
<style> | ||
:global(.example.node-landing-page .frame) { | ||
scroll-behavior: smooth; | ||
} | ||
</style> |
17 changes: 17 additions & 0 deletions
17
examples/starter-basic/src/routes/examples/[mode]/landing-page/benefits.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
<!-- routify:meta inline --> | ||
<!-- routify:meta order=2 --> | ||
|
||
<h1>Benefits</h1> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> |
3 changes: 3 additions & 0 deletions
3
examples/starter-basic/src/routes/examples/[mode]/landing-page/cart/_module.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
<!-- routify:meta order=8 --> | ||
|
||
<slot /> |
1 change: 1 addition & 0 deletions
1
examples/starter-basic/src/routes/examples/[mode]/landing-page/cart/index.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
<h1>Checkout</h1> |
18 changes: 18 additions & 0 deletions
18
examples/starter-basic/src/routes/examples/[mode]/landing-page/index.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
<script> | ||
import Cat from './__components/cat.svelte' | ||
</script> | ||
|
||
<!-- routify:meta inline --> | ||
<!-- routify:meta order=0 --> | ||
|
||
<section class="hero"> | ||
<Cat /> | ||
|
||
<div class="hero-content"> | ||
<h1 class="hero-title">Welcome to Your Website</h1> | ||
<p class="hero-description"> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
</p> | ||
<a href="#" class="cta-button">Get Started</a> | ||
</div> | ||
</section> |
17 changes: 17 additions & 0 deletions
17
examples/starter-basic/src/routes/examples/[mode]/landing-page/price.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
<!-- routify:meta inline --> | ||
<!-- routify:meta order=6 --> | ||
|
||
<h1>Price</h1> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> |
5 changes: 5 additions & 0 deletions
5
examples/starter-basic/src/routes/examples/[mode]/landing-page/showcases/_module.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
<!-- routify:meta inline --> | ||
<!-- routify:meta order=4 --> | ||
|
||
<h1>SHOWCASES</h1> | ||
<slot /> |
14 changes: 14 additions & 0 deletions
14
examples/starter-basic/src/routes/examples/[mode]/landing-page/showcases/index.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
<h1>Showcases</h1> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> | ||
<p>lorem ipsum</p> |