import javafx.ui.*;
import javafx.ui.canvas.*;

var border = new Color(0x99, 0x44, 0x00, 0xFF);

var blend = [
  Stop {offset: 0.0, color: new Color(0xFF, 0xEE, 0x88, 0xFF)},
  Stop {offset: 1.0, color: new Color(0xDD, 0x77, 0x00, 0xFF)}
];

var s1 = RadialGradient {focusX: 35, focusY: 20, radius: 30, stops: blend};
var s2 = RadialGradient {focusX: 30, focusY: 50, radius: 30, stops: blend};
var s3 = RadialGradient {focusX: 30, focusY: 50, radius: 40, stops: blend};
var s4 = RadialGradient {focusX: 10, focusY: 30, radius: 40, stops: blend};

Frame {
  title: bind "Intertwingly"
  width: 100
  height: 130
  content: Canvas {
    content: Group {
      content: [
        Path { stroke: border, fill: s1, d: [
          MoveTo {x: 73, y: 29},
          CurveTo {x1: 36, y1: -10, x2: 11, y2: 5, x3: 21, y3: 33},
          LineTo {x: 27, y: 26},
          CurveTo {x1: 19, y1: 10, x2: 34, y2: 0, x3: 69, y3: 35},
          ClosePath {}
        ] },

        Path { stroke: border, fill: s2, d: [
          MoveTo {x: 47, y: 8},
          CurveTo {x1: 80, y1: -7, x2: 95, y2: 29, x3: 56, y3: 55},
          LineTo {x: 50, y: 50},
          CurveTo {x1: 88, y1: 23, x2: 70, y2: 6, x3: 55, y3: 13},
          ClosePath {}
        ] },

        Path { stroke: border, fill: s3, d: [
          MoveTo {x: 77, y: 32},
          CurveTo {x1: 99, y1: 62, x2: 87, y2: 89, x3: 38, y3: 83},
          LineTo {x: 37, y: 75},
          CurveTo {x1: 40, y1: 78, x2: 104, y2: 80, x3: 73, y3: 39},
          ClosePath {}
        ] },

        Path { stroke: border, fill: s4, d: [
          MoveTo {x: 58, y: 84},
          CurveTo {x1: 54, y1: 104, x2: 20, y2: 80, x3: 50, y3: 60},
          LineTo {x: 44, y: 55},
          CurveTo {x1: 8, y1: 98, x2: 59, y2: 111, x3: 67, y3: 82},
          ClosePath {}
        ] },

        Path { stroke: border, fill: s1, d: [
          MoveTo {x: 40, y: 14},
          CurveTo {x1: 0, y1: 51, x2: 3, y2: 66, x3: 31, y3: 82},
          LineTo {x: 32, y: 74},
          CurveTo {x1: 16, y1: 61, x2: 3, y2: 53, x3: 48, y3: 18},
          ClosePath {}
        ] },

        Path { stroke: border, fill: s2, d: [
          MoveTo {x: 31, y: 33},
          CurveTo {x1: 50, y1: 56, x2: 51, y2: 40, x3: 66, y3: 74},
          LineTo {x: 57, y: 76},
          CurveTo {x1: 53, y1: 57, x2: 49, y2: 62, x3: 26, y3: 39},
          ClosePath {}
        ] }
      ]
    }
  }
  visible: true
}