Adding Javascript code behind header content

Design help Custom code
1

Im trying to input this javascript API: https://github.com/crnacura/AmbientCanvasBackgrounds/blob/master/js/swirl.js

from Github as my background to my homepage header. Now I’ve used jsDelivr to serve them directly creating this script:

https://cdn.jsdelivr.net/gh/crnacura/AmbientCanvasBackgrounds/js/swirl.js

My issue is implementing this script into my website through the "custom code head/body tags and nothing is coming up. Any help would be great appreciated

Here is my site Read-Only: (Webflow - Cordcutters)

2

HI @KekoaG look into errors on your live page. Your code (line 144) is trying add canvas.b to container but it doesn’t exist. In function createCanvas() you have

container = document.querySelector('.content--canvas');
but element with class content--canvas is not in DOM.

Fix these errors to see how it will improve.