Files
housesof/src/routes/choose.svelte
Félix Péault abe09f0f69
All checks were successful
continuous-integration/drone/push Build is passing
Fix responsive margins and spacing around the globe
2020-04-09 23:53:43 +02:00

75 lines
2.0 KiB
Svelte

<script>
import { onMount } from 'svelte'
import { stores } from '@sapper/app'
import {
site,
currentLocation,
currentPhotos,
pageReady
} from 'utils/store'
// Components
import IconArrow from 'atoms/IconArrow'
import TitleSite from 'atoms/TitleSite'
import InteractiveGlobe from 'molecules/InteractiveGlobe'
import Locations from 'organisms/Locations'
import Footer from 'organisms/Footer'
import Transition from 'utils/Transition'
import SocialMetas from 'utils/SocialMetas'
// Animations
import { animateIn } from 'animations/page'
// Variables
const { page } = stores()
// Reset current location
currentLocation.set()
currentPhotos.set()
/*
** Run code when mounted
*/
onMount(() => {
// Page is loaded
pageReady.set(true)
})
</script>
<svelte:head>
<title>{$site.seo_name} - {$site.seo_title_default} of planet Earth</title>
<meta name="description" content={$site.description}>
<SocialMetas
url="https://{$page.host}/choose"
title="{$site.seo_name} - {$site.seo_title_default} planet Earth"
description={$site.seo_description_default}
image={$site.seo_share_image.full_url}
/>
</svelte:head>
<Transition {animateIn}>
<section class="page explore">
<div class="wrap">
<div class="page__top">
<a href="/" class="button-control button-control--pink dir-left" rel="prefetch">
<IconArrow direction="left" color="#fff" class="icon" />
<IconArrow direction="left" color="#fff" class="icon" hidden="true" />
</a>
<TitleSite />
</div>
<div class="explore__description page__description page__part style-description">
<p>{$site.explore_globe}</p>
</div>
</div>
<InteractiveGlobe />
<Locations />
</section>
<Footer />
</Transition>