Code clean

src/organisms/Carousel.svelte

@@ -36,20 +36,20 @@
         currentIndex = photos.findIndex(photo => photo.slug === init.params.photo)
     }
 
-    // Change the current index depending on direction
+    // Change current index from param
-    const goToPhoto = direction => {
+    const goToPhoto = to => {
-        if (direction === 'prev') {
+        if (to === 'prev') {
             currentIndex--
             currentIndex = (currentIndex < 0) ? photos.length - 1 : currentIndex
-        } else if (direction === 'next') {
+        } else if (to === 'next') {
             currentIndex++
             currentIndex = (currentIndex >= photos.length) ? 0 : currentIndex
         } else {
-            currentIndex = direction
+            currentIndex = to
         }
 
-        // Send current photo to event
+        // Dispatch current photo
-        sendCurrentPhoto({ init: false })
+        sendCurrentPhoto()
     }
 
     // Send current photo to event
@@ -94,7 +94,7 @@
 
 
     /*
-    ** Run code on browser only
+    ** Run code when mounted
     */
     onMount(() => {
         // Entering transition
@@ -124,7 +124,7 @@
             }
         }
 
-        // Send current photo to event for init
+        // Dispatch current photo for init
         sendCurrentPhoto({ init: true })
     })
 </script>

src/style/_base.scss

@@ -191,10 +191,12 @@ button {
     color: $color-tertiary;
     text-transform: uppercase;
     letter-spacing: 1px;
-}
+
-.style-caps--transparent {
+    // Transparent variant
+    &--transparent {
         color: rgba($color-tertiary, 0.5);
     }
+}
 
 .style-description {
     color: $color-tertiary;

src/style/molecules/_globe.scss

@@ -65,10 +65,9 @@
             background-color: $color-secondary;
             border-radius: 100%;
         }
-    }
 
-    // Place
+        // Place pin
-    .pin--place {
+        &--place {
             font-family: $font-serif;
 
             a {
@@ -77,8 +76,8 @@
             }
         }
 
-    // Country
+        // Country text
-    .pin--country {
+        &--country {
             font-family: $font-sans;
             font-size: rem(10px);
             color: rgba(#fff, 0.5);
@@ -86,6 +85,7 @@
             letter-spacing: 1px;
         }
     }
+}
 
 
 // Part globe

src/utils/store.js

@@ -26,7 +26,6 @@ export let currentLocation = writable()
 export let currentPhotos = writable()
 
 // State
-// export let ready = writable(false)
 export let pageReady = writable(false)
 export const pageTransition = {
    onAnimationEnd () {}