Carousel: Add URL to location

src/style/organisms/_carousel.scss

@@ -65,6 +65,7 @@
             height: 100%;
             transform: scale($scale);
             transition: transform $duration $ease-quart, opacity ($duration / 2) $ease-quart;
+            pointer-events: none;
             @extend %willchange;
 
             // Active photo
@@ -72,6 +73,7 @@
                 opacity: 1;
                 z-index: 10;
                 transform: scale(1);
+                pointer-events: auto;
 
                 img {
                     opacity: 1;
@@ -81,6 +83,7 @@
             // Previous & next photo
             &.is-prev, &.is-next {
                 opacity: 1;
+                pointer-events: auto;
 
                 img {
                     opacity: 1;
@@ -240,6 +243,7 @@
         margin-top: 32px;
         padding-bottom: 4px;
         text-align: center;
+        pointer-events: none;
         transition: transform 0.9s $ease-quart, opacity 0.9s $ease-quart;
         will-change: transform, opacity;
 
@@ -250,6 +254,16 @@
             margin-top: 72px;
         }
 
+        a {
+            color: rgba($color-tertiary, 0.5);
+            text-decoration: none;
+            transition: color 150ms $ease-inout;
+
+            &:hover {
+                color: rgba($color-tertiary, 0.8);
+            }
+        }
+
         // State
         .state {
             margin-top: 6px;
@@ -262,6 +276,7 @@
         &.is-active {
             transform: translateY(0);
             opacity: 1;
+            pointer-events: auto;
         }
         &.is-next {
             transform: translateY($distance);