Fanckler

  var wheel = Draggable.create('#nerdwheel-svg', {
      type: "rotation",
      bounds:{minRotation:0, maxRotation:360},
      throwProps: true,
      edgeResistance: 1,
      onDrag: nextHandler
      // function() {
      //   calcPercent(this.rotation);

Fanckler

<?php 
//support
add_theme_support( 'post-thumbnails' );


function invio_scripts() {
	wp_enqueue_style('style-css', get_stylesheet_uri() );
	wp_enqueue_style('style-ft', get_stylesheet_directory_uri().'/libs/font-awesome-4.7.0/css/font-awesome.css' );
	wp_enqueue_style('style-main', get_stylesheet_directory_uri().'/css/style.css');
	wp_enqueue_style('style-media', get_stylesheet_directory_uri().'/css/media.css' );

Fanckler

if ( ! class_exists( 'WP_Customize_Control' ) )
    return NULL;
/**
 * Class to create a custom tags control
 */
class Text_Editor_Custom_Control1 extends WP_Customize_Control
{
      /**
       * Render the content on the theme customizer page
       */

Fanckler

 $('.first').css({
            left: -e.pageX / 10 + 100,
            top: -e.pageY / 10 + 100
        });
        $('.second').css({
            left: e.pageX / 50 + 200,
            top: e.pageY / 50 + 200
        });

Fanckler

  //- Обязательные вложения ointin.fixpoint > fixtarget
            li.fb.pointin.fixpoint
              a.fixtarget(href='#')

Fanckler

var i = 0;   
	function changeClass(){
	    $("body").removeClass("figure" + i)
	        i = (i==4)?1:i+1;     
	    $("body").addClass("figure" + i); 
  } 
  var gogo = setInterval(changeClass, 2500);
	setTimeout(changeClass, 500);
	$('#svg').click(function(event) {
		clearInterval(gogo);

Fanckler

//scroll indicator
$(window).scroll(function() {
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  var scrolled = (winScroll / height) * 100;

  document.querySelector('.scroll-bar span').style.height = scrolled+'%';
  
});

Fanckler

//video canvas
var canvas = document.getElementById('canV');
var ctx = canvas.getContext('2d');
var video = document.createElement('video');
video.src = '../video/product.mp4';
video.addEventListener('loadeddata', function() {
  video.play(); // start playing
  update(); //Start rendering
});
function update() {

Fanckler

body
	background: #252627
	line-height: 1.4
.barba-container
	transition: all 1s ease-in-out	
#nav-bar
	height: 100vh
	width: 60px
	position: fixed
	left: 0

Fanckler

import 'pixi.js';
import * as filters from 'pixi-filters';
import {TimelineMax} from 'gsap';

var tl = new TimelineMax();

var app = new PIXI.Application(window.innerWidth, window.innerHeight, {backgroundColor : 0x1099bb}); //создаем сцену с цветом, шириной и высотой
document.body.appendChild(app.view); //добавляем в body созданую сцену.

var container = new PIXI.Container(); // создаем один общий контейнер