neurosecure/public/js/app.js

import * as THREE from "../node_modules/three/build/three.module.js";
import { APP } from "./landing.js";

window.THREE = THREE; // Used by APP Scripts.

var loader = new THREE.FileLoader();
loader.load("./js/scenes/brain.json", function (text) {
  var player = new APP.Player();
  player.load(JSON.parse(text));
  player.setSize(window.innerWidth, window.innerHeight);
  player.play();

  const hero = document.getElementById("hero");

  hero.after(player.dom);

  window.addEventListener("resize", function () {
    player.setSize(window.innerWidth, window.innerHeight);
  });
});

const nav = () => {
  const burger = document.querySelector(".burger");
  const nav = document.querySelector("nav ul");

  burger.addEventListener("click", () => {
    nav.classList.toggle("nav-active");
    burger.classList.toggle("toggle");
  });
};

nav();