Change some layout on Homepage

This commit is contained in:
2019-12-29 19:15:28 +01:00
parent 0269477c60
commit 00967c674a

View File

@@ -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> </div>
</section> </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>