Change some layout on Homepage
This commit is contained in:
@@ -3,6 +3,9 @@
|
|||||||
import { fade, slide } from 'svelte/transition'
|
import { fade, slide } from 'svelte/transition'
|
||||||
import { site, currentLocation } from '../store'
|
import { site, currentLocation } from '../store'
|
||||||
|
|
||||||
|
// Dependencies
|
||||||
|
// import anime from 'animejs/lib/anime.es.js'
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
import Locations from '../components/Locations.svelte'
|
import Locations from '../components/Locations.svelte'
|
||||||
|
|
||||||
@@ -10,28 +13,27 @@
|
|||||||
currentLocation.set(undefined)
|
currentLocation.set(undefined)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="container" in:fade out:slide>
|
<section class="hero is-medium is-danger has-text-centered" in:fade out:slide>
|
||||||
<section class="section">
|
<div class="hero-body">
|
||||||
<h1 class="title is-2">Houses Of</h1>
|
<div class="container">
|
||||||
<div class="message is-link">
|
<h1 class="title">Houses Of</h1>
|
||||||
<div class="message-body">{$site.description}</div>
|
<h2 class="subtitle">{$site.description}</h2>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<div class="section">
|
<div class="section" in:fade out:slide>
|
||||||
|
<div class="container">
|
||||||
<h2 class="title is-4">Choose on globe</h2>
|
<h2 class="title is-4">Choose on globe</h2>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<p>{$site.explore_globe}</p>
|
<p>{$site.explore_globe}</p>
|
||||||
<p>[globe]</p>
|
<p>[globe]</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="section">
|
|
||||||
<h2 class="title is-4">Choose from list</h2>
|
<h2 class="title is-4">Choose from list</h2>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<p>{$site.explore_list}</p>
|
<p>{$site.explore_list}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Locations />
|
<Locations />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user