Edit readme, ignore env file

.env

@@ -1,4 +1,4 @@
 # CosmicJS 
-VUE_APP_COSMICJS_TOKEN="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Imh1Z28uYm9sbG9uQGdtYWlsLmNvbSIsInBhc3N3b3JkIjoiJDJhJDEwJHNpd0tRWGdKRG9oemwyc0EzcWx0WE9KT1pSRVk5M1ZxTTRaempEL09oRExhQ2NDdm5Ic3ZHIiwiaWF0IjoxNTkzODg1Nzk1fQ.oRSAIcyWT2DWDKdE82_5vbxcEmiyxliIX3oTZsYqmpU"
-VUE_APP_COSMICJS_BUCKET_SLUG="hugobollonme"
-VUE_APP_COSMICJS_BUCKET_READ_KEY="NKbRz4y01nhElqkgN4wK238zl7nuoDq4se8W9yOSIFRE9P4lca"
+VUE_APP_COSMICJS_TOKEN="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6ImJvdHNvbmVAZ21haWwuY29tIiwicGFzc3dvcmQiOiIkMmEkMTAkM2xKdE9CL0o3LkNjRFJDeFFqM1V3Lm83MkI4bllRblJPR28wejllb0FGSjNYSmtiUmV3LjIiLCJpYXQiOjE2NTY4NDYzMTJ9.GB-QFzpPu0LRE1bga2oekO2TW_9UDK_kLUyBdnpAOG4"
+VUE_APP_COSMICJS_BUCKET_SLUG="e939b940-fabd-11ec-a449-45c4afadc168"
+VUE_APP_COSMICJS_BUCKET_READ_KEY="auTsv3MhfuO4W7D4LwFbnphtgwsWeARPogrZJrFqCHrsiBXQ4h"

package.json

@@ -1,57 +1,58 @@
 {
-    "name": "portfolio-vuejs",
-    "version": "0.1.0",
-    "private": true,
-    "scripts": {
-        "serve": "vue-cli-service serve",
-        "build": "vue-cli-service build",
-        "lint": "vue-cli-service lint"
-    },
-    "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^1.2.35",
-        "@fortawesome/free-brands-svg-icons": "^5.15.3",
-        "@fortawesome/free-solid-svg-icons": "^5.15.3",
-        "@fortawesome/vue-fontawesome": "^2.0.2",
-        "@growthbunker/vuetimeline": "^0.1.17",
-        "bootstrap": "^4.6.0",
-        "core-js": "^3.9.1",
-        "cosmicjs": "^3.3.1",
-        "css-loader": "^5.2.0",
-        "vue": "^2.6.12",
-        "vue-carousel": "^0.18.0",
-        "vue-style-loader": "^4.1.3",
-        "vue2-animate": "^2.1.4"
-    },
-    "devDependencies": {
-        "@vue/cli-plugin-babel": "~4.5.12",
-        "@vue/cli-plugin-eslint": "~4.5.12",
-        "@vue/cli-service": "~4.5.12",
-        "babel-eslint": "^10.1.0",
-        "bootstrap-vue": "^2.21.2",
-        "eslint": "^7.23.0",
-        "eslint-plugin-vue": "^7.8.0",
-        "node-sass": "^5.0.0",
-        "sass-loader": "^10.1.1",
-        "style-loader": "^2.0.0",
-        "vue-template-compiler": "^2.6.12"
-    },
-    "eslintConfig": {
-        "root": true,
-        "env": {
-            "node": true
-        },
-        "extends": [
-            "plugin:vue/essential",
-            "eslint:recommended"
-        ],
-        "parserOptions": {
-            "parser": "babel-eslint"
-        },
-        "rules": {}
-    },
-    "browserslist": [
-        "> 1%",
-        "last 2 versions",
-        "not dead"
-    ]
+	"name": "portfolio-vuejs",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"serve": "vue-cli-service serve",
+		"build": "vue-cli-service build",
+		"lint": "vue-cli-service lint",
+		"deploy": "aws --profile vue-deployer --region us-west-2 s3 sync ./dist s3://BUCKET-NAME-GOES-HERE --delete"
+	},
+	"dependencies": {
+		"@fortawesome/fontawesome-svg-core": "^1.2.35",
+		"@fortawesome/free-brands-svg-icons": "^5.15.3",
+		"@fortawesome/free-solid-svg-icons": "^5.15.3",
+		"@fortawesome/vue-fontawesome": "^2.0.2",
+		"@growthbunker/vuetimeline": "^0.1.17",
+		"bootstrap": "^4.6.0",
+		"core-js": "^3.9.1",
+		"cosmicjs": "^3.3.1",
+		"css-loader": "^5.2.0",
+		"vue": "^2.6.12",
+		"vue-carousel": "^0.18.0",
+		"vue-style-loader": "^4.1.3",
+		"vue2-animate": "^2.1.4"
+	},
+	"devDependencies": {
+		"@vue/cli-plugin-babel": "~4.5.12",
+		"@vue/cli-plugin-eslint": "~4.5.12",
+		"@vue/cli-service": "~4.5.12",
+		"babel-eslint": "^10.1.0",
+		"bootstrap-vue": "^2.21.2",
+		"eslint": "^7.23.0",
+		"eslint-plugin-vue": "^7.8.0",
+		"node-sass": "4.12",
+		"sass-loader": "^10.3.0",
+		"style-loader": "^2.0.0",
+		"vue-template-compiler": "^2.6.12"
+	},
+	"eslintConfig": {
+		"root": true,
+		"env": {
+			"node": true
+		},
+		"extends": [
+			"plugin:vue/essential",
+			"eslint:recommended"
+		],
+		"parserOptions": {
+			"parser": "babel-eslint"
+		},
+		"rules": {}
+	},
+	"browserslist": [
+		"> 1%",
+		"last 2 versions",
+		"not dead"
+	]
 }

public/index.html

@@ -15,18 +15,18 @@
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width,initial-scale=1.0">
-	<meta name="description" content="Welcome to my personnal portfolio builded with VueJS !" />
+	<meta name="description" content="Portfolio built with VueJS !" />
 
-	<meta property="og:title" content="Hugo Bollon Portfolio" />
+	<meta property="og:title" content="Portfolio - John Paul Wile" />
 	<meta property="og:type" content="website" />
-	<meta property="og:url" content="https://hugobollon.me/" />
+	<meta property="og:url" content="https://botsone.com/" />
 	<meta property="og:locale" content="en_US" />
 	<meta property="og:image" content="<%= BASE_URL %>og.png" />
-	<meta property="og:description" content="Welcome to my personnal portfolio builded with VueJS !" />
+	<meta property="og:description" content="Portfolio built with VueJS !" />
 
 	<link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-	<title>Hugo Bollon Portfolio</title>
+	<title>Portfolio - John Paul Wile</title>
 </head>
 
 <body style="height: 100%;">

src/components/LandingPage.vue

@@ -2,11 +2,11 @@
   <header class="header parallax">
     <div class="name">
       <div class="wrapper-name">
-        <AnimateOnVisible name="fadeDown" ::duration="1">
+        <AnimateOnVisible name="fadeDown" :duration="1">
           <h1>{{ user.name }}</h1>
         </AnimateOnVisible>
         <hr />
-        <AnimateOnVisible name="fadeUp" ::duration="1">
+        <AnimateOnVisible name="fadeUp" :duration="1">
           <p>{{ user.status }}</p>
         </AnimateOnVisible>
       </div>