Fix path empty error

5 years ago · b6f535374c
5 changed files with 1611 additions and 1431 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -27,7 +27,7 @@
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
-    "parcel-bundler": "1.11"
+    "parcel-bundler": "^1.12.3"
  },
  "dependencies": {
    "gh-pages": "^1.2.0",
--- a/public/index.html
+++ b/public/index.html
@ -1,28 +1,33 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Welcome</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"
+    />

-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Welcome</title>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-122968527-1"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());

-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122968527-1"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() { dataLayer.push(arguments); }
-    gtag('js', new Date());
+      gtag("config", "UA-122968527-1");
+    </script>
+  </head>

-    gtag('config', 'UA-122968527-1');
-  </script>
-
-</head>
-
-<body>
-  <div id="root"></div>
-  <script src="./index.js"></script>
-</body>
-
-</html>
+  <body>
+    <div id="root"></div>
+    <script src="./index.js"></script>
+  </body>
+</html>
--- a/src/Home/Home.js
+++ b/src/Home/Home.js
@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import Particles from "react-particles-js";
-import styles from "./Home.scss";
+import "./Home.scss";
 import github from "./GitHub.svg";
 import linkedin from "./LinkedIn.svg";
 import LinkItem from "./LinkItem";
--- a/src/Home/Home.scss
+++ b/src/Home/Home.scss
@ -76,6 +76,7 @@ body {
 .linkedin img {
  filter: invert(100%);
 }
+
 canvas {
  display: inline-block;
  vertical-align: bottom;
@ -87,7 +88,6 @@ canvas {
  width: 100%;
  height: 100%;
  background-color: #0117a8;
-  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;