flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Homepage

Browse Source
This commit is contained in:
Félix Péault
2019-12-28 13:21:48 +01:00
parent 8b670491b7
commit b60499c795
1 changed files with 28 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/routes/index.svelte
View File

@@ -1,29 +1,37 @@
<script> <script>
import { slide } from 'svelte/transition' // Svelte
import { locations, countries, site } from '../store' import { fade, slide } from 'svelte/transition'
import * as fn from '../functions' import { site, currentLocation } from '../store'
// Components
import Locations from '../components/Locations.svelte'
// Reset current location
currentLocation.set(undefined)
</script> </script>
<svelte:head> <div class="container" in:fade out:slide>
<title>Houses Of - Beautiful houses of planet Earth</title>
</svelte:head>
<div class="container" in:slide out:slide>
<section class="section"> <section class="section">
<h1 class="title is-2">Houses Of</h1> <h1 class="title is-2">Houses Of</h1>
<article class="message is-dark"> <div class="message is-link">
<div class="message-body">{$site.description}</div> <div class="message-body">{$site.description}</div>
</article> </div>
</section> </section>
<section class="section"> <div class="section">
<h3 class="title is-3">Locations</h3> <h2 class="title is-4">Choose on globe</h2>
<ul> <div class="content">
{#each $locations as location} <p>{$site.explore_globe}</p>
<li> <p>[globe]</p>
<a href="/location/{fn.slug(location.name)}">{location.name}</a> </div>
</li> </div>
{/each}
</ul> <div class="section">
</section> <h2 class="title is-4">Choose from list</h2>
<div class="content">
<p>{$site.explore_list}</p>
</div>
<Locations />
</div>
</div> </div>