|
1 | 1 | <script> |
2 | 2 | import Header from '../Header.svelte'; |
3 | | - import { assets, base } from '$app/paths'; |
| 3 | + import { asset, resolve } from '$app/paths'; |
4 | 4 |
|
5 | 5 | function titleCase(str) { |
6 | 6 | return str |
|
58 | 58 | <div class="tm-intro-image"> |
59 | 59 | <div class="uk-inline"> |
60 | 60 | <img |
61 | | - src="{assets}/images/pro/device-laptop.png" |
| 61 | + src={asset('/images/pro/device-laptop.png')} |
62 | 62 | width="960" |
63 | 63 | height="670" |
64 | 64 | alt="Laptop Device" |
65 | 65 | /> |
66 | 66 | <div style="position: absolute; top: 5%; left: 12%; right: 12%"> |
67 | 67 | <img |
68 | | - src="{assets}/images/pro/page-builder.gif" |
| 68 | + src={asset('/images/pro/page-builder.gif')} |
69 | 69 | width="730" |
70 | 70 | height="456" |
71 | 71 | alt="Animated Gif YOOtheme Pro Page Builder" |
|
136 | 136 | <div class="uk-width-2-3@l"> |
137 | 137 | <img |
138 | 138 | class="tm-box-shadow-large" |
139 | | - src="{assets}/images/pro/style-customizer.gif" |
| 139 | + src={asset('/images/pro/style-customizer.gif')} |
140 | 140 | width="780" |
141 | 141 | height="456" |
142 | 142 | alt="Animated Gif YOOtheme Pro Style Customizer" |
|
158 | 158 | <div> |
159 | 159 | <div class="uk-inline tm-box-shadow-medium uk-transition-toggle"> |
160 | 160 | <img |
161 | | - src="{assets}/images/pro/style-{id}.jpg" |
| 161 | + src={asset('/images/pro/style-{id}.jpg')} |
162 | 162 | width="1200" |
163 | 163 | height="900" |
164 | 164 | alt={`${titleCase(id)} Style`} |
|
254 | 254 | <div class="uk-child-width-auto@m uk-flex-middle" uk-grid> |
255 | 255 | <div> |
256 | 256 | <div class="uk-text-left@m uk-text-center"> |
257 | | - <a class="uk-logo uk-flex" href="{base}/" aria-label="Back to Home"> |
| 257 | + <a class="uk-logo uk-flex" href={resolve('/')} aria-label="Back to Home"> |
258 | 258 | <img |
259 | | - src="{assets}/images/uikit-logo.svg" |
| 259 | + src={asset('/images/uikit-logo.svg')} |
260 | 260 | class="uk-margin-small-right" |
261 | 261 | width="28" |
262 | 262 | height="34" |
|
268 | 268 | </div> |
269 | 269 | <div class="uk-margin-auto"> |
270 | 270 | <ul class="uk-subnav uk-flex-center" uk-margin> |
271 | | - <li><a href="{base}/pro"> Pro </a></li> |
272 | | - <li><a href="{base}/docs/introduction">Documentation</a></li> |
| 271 | + <li><a href={resolve('/pro')}> Pro </a></li> |
| 272 | + <li><a href={resolve('/docs/introduction')}>Documentation</a></li> |
273 | 273 | <li> |
274 | | - <a href="{base}/changelog">Changelog</a> |
| 274 | + <a href={resolve('/changelog')}>Changelog</a> |
275 | 275 | </li> |
276 | 276 | <li> |
277 | | - <a href="{base}/download">Download</a> |
| 277 | + <a href={resolve('/download')}>Download</a> |
278 | 278 | </li> |
279 | 279 | </ul> |
280 | 280 | </div> |
|
0 commit comments