Add simple javascript

I am trying to add javascript to functions.php to enable a codepen example in a webpage.

The codepen is: https://codepen.io/codehound/pen/NWePGQW
The page I’m trying it on is: https://naturalpainx.com/test-big-logo/

I exported the codepen.

The exported css (style.scss), I put it in a Codeblock.
I put the html (div part) in another codeblock.
So far, so good.

Then I tried to add the javascript (which is the “magic” that makes it work.)
But…didn’t work for me.

I tried to use info on How to add a custom function in

The script.js exported from Codepen, was fairly simple:

$(document).ready(function() {
setTimeout(function() {
$(‘.ribbon’).addClass(‘active’);
}, 500);
});

So, I tried to put it in the suggested function like this:

// WordPress custom function
function my_custom_function(){
?>
<script>
$(document).ready(function() {
setTimeout(function() {
$(‘.ribbon’).addClass(‘active’);
}, 500);
});

</script>
<?php
}
add_action(‘wp_footer’, ‘my_custom_function’);

It just doesn’t appear to do anything. I am not adept at javascript…obviously. Can you see what step I’m missing?

Any direction would be appreciated!