Code cleaning

src/components/Photo.svelte

@@ -17,7 +17,7 @@
     index = (index < 10 ? '0' : null) + index
 </script>
 
-<div class="card" in:fade out:fade>
+<div class="card">
     <a href="/viewer/{location.country.slug}/{location.slug}/{photo.slug}">
         <div class="card-image">
             <figure class="image is-4by3">

src/routes/about.svelte

@@ -1,7 +0,0 @@
-<svelte:head>
-	<title>About</title>
-</svelte:head>
-
-<h1>About this site</h1>
-
-<p>This is the 'about' page. There's not much here.</p>

src/routes/choose.svelte

@@ -1,14 +1,14 @@
 <script>
     import { fade, slide } from 'svelte/transition'
 	import { site } from '../store'
-    import Locations from '../components/Locations.svelte'
+    import Locations from '../components/Locations'
 </script>
 
 <svelte:head>
 	<title>Houses Of - Beautiful houses of planet Earth</title>
 </svelte:head>
 
-<section class="hero is-medium is-danger has-text-centered" in:fade out:slide>
+<section class="hero is-medium is-danger has-text-centered">
     <div class="hero-body">
         <div class="container">
             <h1 class="title">Houses Of The World</h1>
@@ -16,7 +16,7 @@
     </div>
 </section>
 
-<div class="container" in:fade out:slide>
+<div class="container">
     <section class="section">
         <h2 class="title is-4">Choose on globe</h2>
 		<div class="content">
@@ -28,6 +28,7 @@
         <div class="content">
 			<p>{$site.explore_list}</p>
 		</div>
+
         <Locations />
     </section>
 </div>

src/routes/index.svelte

@@ -7,13 +7,14 @@
     // import anime from 'animejs/lib/anime.es.js'
 
     // Components
-	import Locations from '../components/Locations.svelte'
+    import Locations from '../components/Locations'
+    import Footer from '../parts/Footer'
 
     // Reset current location
     currentLocation.set(undefined)
 </script>
 
-<section class="hero is-medium is-danger has-text-centered" in:fade out:slide>
+<section class="hero is-medium is-danger has-text-centered">
     <div class="hero-body">
         <div class="container">
             <h1 class="title">Houses Of</h1>
@@ -22,7 +23,7 @@
     </div>
 </section>
 
-<div class="section" in:fade out:slide>
+<div class="section">
     <div class="container">
         <h2 class="title is-4">Choose on globe</h2>
         <div class="content">
@@ -34,6 +35,9 @@
         <div class="content">
             <p>{$site.explore_list}</p>
         </div>
+
         <Locations />
     </div>
 </div>
+
+<Footer />

src/routes/location/[country]/[location].svelte

@@ -28,8 +28,8 @@
 	dayjs.extend(relativeTime)
 
 	// Components
-	import Photo from '../../../components/Photo.svelte'
-	import SwitcherSide from '../../../components/SwitcherSide.svelte'
+	import Photo from '../../../components/Photo'
+	import SwitcherSide from '../../../components/SwitcherSide'
 
 	// Update current location
 	currentLocation.set({
@@ -50,7 +50,7 @@
 	<title>Houses Of - Beautiful houses of {locationFull}</title>
 </svelte:head>
 
-<div class="section container" in:fade out:slide>
+<div class="section container">
 	<div class="nav content">
 		<SwitcherSide />
 	</div>

src/store.js

@@ -1,5 +1,6 @@
-import { readable, writable } from 'svelte/store'
+import { writable } from 'svelte/store'
 
+// Define environment
 export const dev = process.env.NODE_ENV === 'development'