From 61e45cb171c390eb9fa1ccecdb6098e984165a2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 5 Feb 2020 16:15:42 +0100
Subject: [PATCH] Code cleaning

---
 src/components/Photo.svelte                   |  2 +-
 src/routes/about.svelte                       |  7 ---
 src/routes/choose.svelte                      |  7 ++-
 src/routes/index.svelte                       | 62 ++++++++++---------
 .../location/[country]/[location].svelte      |  6 +-
 src/store.js                                  |  3 +-
 6 files changed, 43 insertions(+), 44 deletions(-)
 delete mode 100644 src/routes/about.svelte

diff --git a/src/components/Photo.svelte b/src/components/Photo.svelte
index 647e80c..2a2fcf5 100644
--- a/src/components/Photo.svelte
+++ b/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">
diff --git a/src/routes/about.svelte b/src/routes/about.svelte
deleted file mode 100644
index e1734b3..0000000
--- a/src/routes/about.svelte
+++ /dev/null
@@ -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>
\ No newline at end of file
diff --git a/src/routes/choose.svelte b/src/routes/choose.svelte
index 4c9e37d..75dde52 100644
--- a/src/routes/choose.svelte
+++ b/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>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 87b8286..cc08114 100644
--- a/src/routes/index.svelte
+++ b/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 />
diff --git a/src/routes/location/[country]/[location].svelte b/src/routes/location/[country]/[location].svelte
index 0d687f9..a5cc834 100644
--- a/src/routes/location/[country]/[location].svelte
+++ b/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>
diff --git a/src/store.js b/src/store.js
index 5bcf09d..2565c0f 100644
--- a/src/store.js
+++ b/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'