ankedsgn

<div class="article__copy-link__container">
    <div class="button--group-message article__copy-link js-copy-wrap">
        <a class="button button--secondary button--icon button--icon-left button--has-message button--copy-link js-copy-link" href="#">
            {{ 'Copy the link'|t }}
            <svg class="icon icon--link">
                <use xlink:href="#icon-link"/>
            </svg>
        </a>
        <div class="button__message js-copy-message">
            {{ 'Link copied to clipboard'|t }}

ankedsgn

(function ($, Drupal) {

  $(window).on('scroll', function () {;
    scrollingSwitch();
    // console.log('scrolling scrolling scrolling');
  });



  function scrollingSwitch() {

ankedsgn

{% import _self as menus %}

{#
  We call a macro which calls itself to render the full tree.
  @see http://twig.sensiolabs.org/doc/tags/macro.html
#}
{{ menus.menu_links(items, attributes, 0) }}

{% macro menu_links(items, attributes, menu_level) %}
    {% import _self as menus %}

ankedsgn

// Bouncing link 

a:hover {
   animation: bounce .7s  ease-in-out;
}

   
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-5px);}

ankedsgn

$(function() {
  $(document).on('click', 'a[href^="#"]', function(e) {
    // target element id
    var id = $(this).attr('href');

    // target element
    var $id = $(id);
    if ($id.length === 0) {
      return;
    }

ankedsgn

(function ($, Drupal, drupalSettings) {

  Drupal.behaviors.progressBar = {
    attach: function (context) {

      //add a listener for scroll
      $(window).scroll(() => {

        if (document.querySelector('.js-progress-bar').length) {
          const ProgressText = document.querySelector('.progress-bar__text');

ankedsgn

{% extends '@events/extends/teaser.html.twig' %}

{% block teaserclass %}teaser--inline{%  endblock %}

{# rest of code #}