Skip to content

Instantly share code, notes, and snippets.

Keybase proof

I hereby claim:

  • I am preziotte on github.
  • I am preziotte (https://keybase.io/preziotte) on keybase.
  • I have a public key ASAqi0WKvE9AKaPG5ljJuDOiOqw_DwTNCB0F7VJ8isj0TAo

To claim this, I am signing this object:

@preziotte
preziotte / index.html
Created October 9, 2014 20:51
Rose Curve Interpolation
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background-color: #2A363B;
}
button {
position: fixed;
@preziotte
preziotte / index.html
Created October 9, 2014 20:48
Butterfly Curve Editor
<!DOCTYPE html>
<meta charset="utf-8">
<style>
/* /////////////////// */
/* RANGE SLIDER -- http://codepen.io/aronwoost/pen/nlyrf */
/* /////////////////////////////////////////////////////////////////////////////////////////////// */
* {
-webkit-box-sizing: border-box;
@preziotte
preziotte / index.html
Last active March 16, 2016 05:57
Butterfly Big Bang
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background-color: #36393B;
}
svg {
position: absolute;
@preziotte
preziotte / index.html
Last active February 24, 2022 05:15
Welcome Sign - Rotating around a pivot point in javascript.
<!DOCTYPE html>
<html>
<head>
<title>Sign Swing</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery-animate-css-rotate-scale.js"></script>
<style>
@preziotte
preziotte / index.html
Created August 19, 2014 03:19
Inline SVG Scaling Test
<!doctype HTML>
<html>
<head>
<title>Inline SVG Test</title>
</head>
<body>
<style>
.icon-icon_20643 {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Your_Icon%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M27.628%2C88.811l1.962%2C3.926c0%2C0%2C0.327%2C1.088-1.962%2C2.287l-0.763-0.871L11.499%2C73.119c0%2C0-2.506-2.834-0.655-7.848%20%20%20c0%2C0%2C1.745-2.18-0.108-6.756L7%2C43.476c0%2C0%2C0.031-0.382%2C0.466-0.49c0%2C0-0.49-0.272-0.109-0.6c0%2C0%2C0.6-1.09%2C0.872-2.18%20%20%20c0%2C0-0.164-1.581-0.436-2.179c0%2C0-0.218-0.927%2C0.327-1.253c0%2C0%2C0.818-0.872%2C1.036-1.417l0.927-3.596%20%20%20c0%2C0%2C2.996-10.516%2C10.734-19.071l3.706-3.814c0%2C0%2C1.307-1.307%2C4.25
@preziotte
preziotte / index.html
Last active August 29, 2015 14:05
Five Rotating Icosahedrons
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background-color: #36393B;
}
svg {
position: absolute;
@preziotte
preziotte / index.html
Last active August 29, 2015 14:04
Five Rotating Icosahedrons
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background-color: #36393B;
}
svg {
position: absolute;