The following code is in a Gatsby React app, I want to recreate this in my Hugo website build:
categoryColours.js
const categoryColours = {
‘Activists’: ‘#ECCD61’,
‘Creative Artists’: ‘#9DC87C’,
‘Politicians’: ‘#E6647C’,
‘Writers’: ‘#ECA461’,
‘Actors’: ‘#7CB1C8’,
‘Scientists’: ‘#E56464’,
‘Athletes’: ‘#847DCE’
}export {
categoryColours}
I want to add this into my Hugo site. Currently wondering if it should go here and how do I code it correctly please?
themes
assets
js
main.js
// main script
(function () {
"use strict";
// Dropdown Menu Toggler For Mobile
// ----------------------------------------
const dropdownMenuToggler = document.querySelectorAll(
".nav-dropdown > .nav-link",
);
dropdownMenuToggler.forEach((toggler) => {
toggler?.addEventListener("click", (e) => {
e.target.parentElement.classList.toggle("active");
});
});
const categoryColours = {
"Activists"; '#ECCD61',
'Creative Artists': '#9DC87C',
'Politicians': '#E6647C',
'Writers': '#ECA461',
'Actors': '#7CB1C8',
'Scientists': '#E56464',
'Athletes': '#847DCE'
}
})();