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

@@ -1,39 +1,43 @@
 <script>
-	// Svelte
-	import { fade, slide } from 'svelte/transition'
-	import { site, currentLocation } from '../store'
+    // Svelte
+    import { fade, slide } from 'svelte/transition'
+    import { site, currentLocation } from '../store'
 
-	// Dependencies
-	// import anime from 'animejs/lib/anime.es.js'
+    // Dependencies
+    // import anime from 'animejs/lib/anime.es.js'
 
-	// Components
-	import Locations from '../components/Locations.svelte'
+    // Components
+    import Locations from '../components/Locations'
+    import Footer from '../parts/Footer'
 
-	// Reset current location
-	currentLocation.set(undefined)
+    // Reset current location
+    currentLocation.set(undefined)
 </script>
 
-<section class="hero is-medium is-danger has-text-centered" in:fade out:slide>
-	<div class="hero-body">
-		<div class="container">
-			<h1 class="title">Houses Of</h1>
-			<h2 class="subtitle">{$site.description}</h2>
-		</div>
-	</div>
+<section class="hero is-medium is-danger has-text-centered">
+    <div class="hero-body">
+        <div class="container">
+            <h1 class="title">Houses Of</h1>
+            <h2 class="subtitle">{$site.description}</h2>
+        </div>
+    </div>
 </section>
 
-<div class="section" in:fade out:slide>
-	<div class="container">
-		<h2 class="title is-4">Choose on globe</h2>
-		<div class="content">
-			<p>{$site.explore_globe}</p>
-			<p>[globe]</p>
-		</div>
+<div class="section">
+    <div class="container">
+        <h2 class="title is-4">Choose on globe</h2>
+        <div class="content">
+            <p>{$site.explore_globe}</p>
+            <p>[globe]</p>
+        </div>
 
-		<h2 class="title is-4">Choose from list</h2>
-		<div class="content">
-			<p>{$site.explore_list}</p>
-		</div>
-		<Locations />
-	</div>
+        <h2 class="title is-4">Choose from list</h2>
+        <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'