Added clouds. Note new npm run setup script, which should be run alongside npm install.

f50f11ef · Sarah Fjelsted Alrøe · 713f5b51 · f50f11ef · f50f11ef · f50f11ef
Commit f50f11ef authored Jun 05, 2020 by Sarah Fjelsted Alrøe 🏳️‍🌈
--- a/.gitignore
+++ b/.gitignore
@@ -109,3 +109,5 @@ tmp/
 temp/

 # End of https://www.gitignore.io/api/node
+
+public/git/
\ No newline at end of file
--- a/README.md
+++ b/README.md
+# Spud Web
+
+## To install
+
+1. Clone repo and cd  
+2. `npm install`  
+3. `npm run setup`
+
+## To run
+
+1. `npm start`
--- a/package.json
+++ b/package.json
@@ -5,7 +5,8 @@
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "setup": "cd public/git && git clone https://github.com/podocarp/particles.js.git"
  },
  "repository": {
    "type": "git",

--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,7 @@
      <title>Spud</title>
      <link rel="stylesheet" href="style.css">
      <script defer src="index.js"></script>
-      <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.js"></script>
+      <script src="git/particles.js/particles.js"></script>

    </head>
    <body>

--- a/public/res/cloud-config.json
+++ b/public/res/cloud-config.json
 {
  "particles": {
    "number": {
-      "value": 10,
+      "value": 1,
      "density": {
        "enable": false,
        "value_area": 800
@@ -11,7 +11,7 @@
      "value": "#ffffff"
    },
    "shape": {
-      "type": "circle",
+      "type": "image",
      "stroke": {
        "width": 0,
        "color": "#000000"
@@ -20,9 +20,9 @@
        "nb_sides": 5
      },
      "image": {
-        "src": "http://wiki.lexisnexis.com/academic/images/f/fb/Itunes_podcast_icon_300.jpg",
-        "width": 100,
-        "height": 100
+        "src": ["img/2/cloud1.png", "img/2/cloud2.png", "img/2/cloud3.png", "img/2/cloud4.png", "img/2/cloud5.png"],
+        "width": 695,
+        "height": 391
      }
    },
    "opacity": {
@@ -36,7 +36,7 @@
      }
    },
    "size": {
-      "value": 75,
+      "value": 256,
      "random": true,
      "anim": {
        "enable": false,
@@ -54,10 +54,10 @@
    },
    "move": {
      "enable": true,
-      "speed": 0.5,
+      "speed": 0.1,
      "direction": "left",
      "random": true,
-      "straight": false,
+      "straight": true,
      "out_mode": "out",
      "bounce": false,
      "attract": {