datagood-berkeley/website

Official Website for DataGood @ UC Berkeley

website's Issues

Transitions & Animations

• Animate images to fade + move in
• Animate text to fade + move in
  - [ ] Animate heart logo to fade + move in
• Give heart logo a "beating" animation
• Animate on scroll

Issues displaying calendar

It looks like something went wrong with the calendar embed:

To replicate, open the website in Incognito mode.

Analytics

Add some form of analytics.
Doing so requires some privacy policy to be added

Refine SCSS

Scss can be refined:

• .<color>-back selectors should be more inclusive of all elements

Fix Project CSS

Lighthouse performance test

See more details: Lighthouse Performance.pdf

Fix support email to use mailto

Use mailto:<email> and <a> element for the footer email

Issues with Nodemon on MacOS

There seems to be an unexpected issue with Nodemon on MacOS when running:
nodemon --watch configs --watch *.* -e yaml,js ./index.js.
This command is used to watch for changes to *.yaml files within config and automatically reload the server.

---

MacOS Terminal:

[nodemon] watching path(s): configs/*/ README.md
[nodemon] watching extensions: yaml,js
[nodemon] starting `node bs-config.js index.js package-lock.json package.json ./index.js`

Windows CMD:

[nodemon] watching path(s): configs\**\* *.*
[nodemon] watching extensions: yaml,js
[nodemon] starting `node ./index.js`

---

Further findings reveal a change within package.json during npm install and npm run watch:

MacOS:

{
  "name": "website",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "watch:express": "nodemon --watch configs --watch . -e yaml,js ./index.js",
    "build:sass": "node-sass src/sass -o public/css",
    "watch:sass": "node-sass -w src/sass -o public/css",
    "watch:browser": "browser-sync start --config bs-config.js",
    "watch": "npm-run-all --parallel build::sass watch:express watch:sass watch:browser"
  },
  "author": "",
  "license": "UNLICENSED",
  "dependencies": {
    "express": "^4.17.1",
    "express-handlebars": "^5.0.0",
    "js-yaml": "^3.14.0"
  },
  "devDependencies": {
    "browser-sync": "^2.26.7",
    "node-sass": "^4.14.1",
    "nodemon": "^2.0.4",
    "npm-run-all": "^4.1.5"
  }
}

Windows:

{
  "name": "website",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "watch:express": "nodemon --watch configs --watch *.* -e yaml,js ./index.js",
    "build:sass": "node-sass src/sass -o public/css",
    "watch:sass": "node-sass -w src/sass -o public/css",
    "watch:browser": "browser-sync start --config bs-config.js",
    "watch": "npm-run-all --parallel build::sass watch:express watch:sass watch:browser"
  },
  "author": "",
  "license": "UNLICENSED",
  "dependencies": {
    "express": "^4.17.1",
    "express-handlebars": "^5.0.0",
    "js-yaml": "^3.14.0"
  },
  "devDependencies": {
    "browser-sync": "^2.26.7",
    "node-sass": "^4.14.1",
    "nodemon": "^2.0.4",
    "npm-run-all": "^4.1.5"
  }
}

Difference:

"watch:express": "nodemon --watch configs --watch . -e yaml,js ./index.js", (MacOS)

"watch:express": "nodemon --watch configs --watch *.* -e yaml,js ./index.js", (Windows)

---

Commit 775ba22 temporarily reverts Nodemon back to:
nodemon ./index.js

Reduce font size on education table

Possible performance upgrades

Issues seen here: DareBoost 8-3-20