JSFiddle - React, Tailwind, and code Playground

by Slava Slava

JavaScript

//begin services page
  var userDevice = navigator.userAgent.match(/iPad|iPhone|Android/i);
  if (userDevice) {
    console.log('userdev - true');
  } 
    else {
     resizeCircles(); 
    }
  function resizeCircles() {
    console.log('DOO');
    $('canvas.circleAnim').on('click', function() {
      console.log('dssdff');
      if (document.body.clientWidth > 1050) {
        $('div.skill-circle-big').css({
          'transform': 'scale(5.7)',
          '-webkit-transform': 'scale(5.7)',
          '-moz-transform': 'scale(5.7)',
          '-ms-transform': 'scale(5.7)',
          '-o-transform': 'scale(5.7)'
        }); 
      };
      
      $('div.skill-circle-big .animation').css({
              'display': 'none'
          });
      $('div.skill-circle-big').addClass('hoverCircle').html($(this).siblings('.skill-circle').html());
    });
  }      
  // services page