|
1 | 1 | ---
|
2 | 2 | import { Code } from 'astro:components';
|
3 | 3 | import MainPage from '@layouts/MainPage.astro';
|
4 |
| -const shepherdIncludeCode = ` |
5 |
| - <link rel="stylesheet" href="shepherd.js/dist/css/shepherd.css"/> |
6 |
| - <script type="module" src="shepherd.js/dist/shepherd.mjs"></script> |
7 |
| - |
8 |
| -`; |
9 | 4 | ---
|
10 | 5 |
|
11 | 6 | <MainPage isHome={true}>
|
12 | 7 | <div
|
13 |
| - class='font-heading mt-8 text-6xl text-center uppercase w-full' |
14 |
| - slot='hero-heading' |
| 8 | + class="font-heading mt-8 text-6xl text-center uppercase w-full" |
| 9 | + slot="hero-heading" |
15 | 10 | >
|
16 | 11 | <img
|
17 |
| - class='inline p-4 w-full lg:mt-4 lg:p-0 lg:w-auto' |
18 |
| - src='/img/demo.svg' |
19 |
| - alt='Demo' |
| 12 | + class="inline p-4 w-full lg:mt-4 lg:p-0 lg:w-auto" |
| 13 | + src="/img/demo.svg" |
| 14 | + alt="Demo" |
20 | 15 | />
|
21 | 16 | </div>
|
22 | 17 |
|
23 |
| - <div slot='content'> |
24 |
| - <div class='hero-including mt-8'> |
25 |
| - <h3 class='demo-heading font-heading text-2xl uppercase'> |
| 18 | + <div slot="content"> |
| 19 | + <div class="hero-including mt-8"> |
| 20 | + <h3 class="demo-heading font-heading text-2xl uppercase"> |
26 | 21 | 01. How to Include
|
27 | 22 | </h3>
|
28 |
| - <div class='hero-example-code text-left'> |
29 |
| - <Code code={shepherdIncludeCode} lang='js' theme='nord' wrap /> |
| 23 | + <div class="hero-example-code text-left"> |
| 24 | + <Code |
| 25 | + code={` |
| 26 | + <link rel="stylesheet" href="shepherd.js/dist/css/shepherd.css"/> |
| 27 | + <script type="module" src="shepherd.js/dist/shepherd.mjs"></script> |
| 28 | + |
| 29 | +`} |
| 30 | + lang="js" |
| 31 | + theme="nord" |
| 32 | + wrap |
| 33 | + /> |
30 | 34 | </div>
|
31 | 35 | </div>
|
32 | 36 |
|
33 |
| - <div class='hero-example mt-8'> |
34 |
| - <h3 class='demo-heading font-heading text-2xl uppercase'>02. Example</h3> |
| 37 | + <div class="hero-example mt-8"> |
| 38 | + <h3 class="demo-heading font-heading text-2xl uppercase">02. Example</h3> |
35 | 39 |
|
36 |
| - <div class='hero-example-code text-left'> |
| 40 | + <div class="hero-example-code text-left"> |
37 | 41 | <Code
|
38 | 42 | code={`
|
39 | 43 | const tour = new Shepherd.Tour({
|
@@ -73,8 +77,8 @@ const shepherdIncludeCode = `
|
73 | 77 |
|
74 | 78 | tour.start();
|
75 | 79 | `}
|
76 |
| - lang='js' |
77 |
| - theme='nord' |
| 80 | + lang="js" |
| 81 | + theme="nord" |
78 | 82 | wrap
|
79 | 83 | />
|
80 | 84 | </div>
|
|
0 commit comments