script.js

// Javascript contribution from Professor Bruce Campbell - RISD, 2018
var count = 1;
var zndx = 3;
var rotation = 0;

$( function() {
    $( ".pebble" ).click(function () {                              
        $( this ).duplicate(document.getElementById('container').value).insertAfter("#the_cairn");

        $( ".draggable" ).draggabilly();

        $( ".rotate" ).click(function () {
            rotation += 22.5;
            $( this ).rotate(rotation);
        });
    });
});

/* extend JQuery function (fn) member to create duplicates */ 
$.fn.duplicate = function(cloneEvents) {
    for ( var i = 0; i < count; i++ ) {
        var tmp = [];
        var the_clone = this.clone(cloneEvents);
        the_clone.addClass('draggable');
        the_clone.addClass('rotate');
        the_clone.css("position", "absolute");
        the_clone.css("left", "100px");
        the_clone.css("z-index", zndx++);
        rotation = 0;
        $.merge(tmp, the_clone.get());
        return this.pushStack(tmp);
    }
};

$.fn.rotate = function(degrees) {
    $(this).css({'transform' : 'rotate('+ degrees +'deg)'});
    return $(this);
};