Add Fullscreen in viewer, Track links with Google Analytics, Use .env file

- Fullscreen is a component that watches a store value set by the Carousel component on a picture click
- Use a .env file for API and website related settings and informations
- Google Analytics is now in place, tracking each routes link and viewer photo change

src/utils/store.js

@@ -8,10 +8,9 @@ export const dev = process.env.NODE_ENV === 'development'
 /* ==========================================================================
    Site related
 ========================================================================== */
-const apiEndpoint = dev ? 'http://api.housesof.localhost/how' : 'https://api.housesof.world/_'
-const apiAccessToken = 'NJk0urljsdSvApUDzWxGgoO6'
+const apiEndpoint = dev ? process.env.CONFIG.API_URL_DEV : process.env.CONFIG.API_URL_PROD
 export const apiEndpoints = {
-    gql: `${apiEndpoint}/gql?access_token=${apiAccessToken}`,
+    gql: `${apiEndpoint}/gql?access_token=${process.env.CONFIG.API_TOKEN}`,
     rest: apiEndpoint
 }
 
@@ -30,6 +29,7 @@ export let pageReady = writable(false)
 export const pageTransition = {
    onAnimationEnd () {}
 }
+export let fullscreen = writable()
 
 
 /* ==========================================================================