 
 setShapeToCircular = () ->
   drawStarFunction = drawStarWithCircularTips
-  updateUrlWithShape("circular")
+  updateUrlQuery("s", "circular")
   refreshStarPath()
 
 setShapeToQuadratic = () ->
   drawStarFunction = drawStarWithQuadraticTips
-  updateUrlWithShape("quadratic")
+  updateUrlQuery("s", "quadratic")
   refreshStarPath()
 
 setShapeToCubic = () ->
   drawStarFunction = drawStarWithCubicTips
-  updateUrlWithShape("cubic")
+  updateUrlQuery("s", "cubic")
   refreshStarPath()
 
 

    showButtons: false
    color: options.fg
    move: refreshForeground
    dragstop: updateUrlWithForeground
  }).on("dragstop.spectrum", updateUrlWithForeground)

  $("#bg-color-picker").spectrum({
    flat: true

    allowEmpty: true
    move: refreshBackground
    change: refreshBackground
  }).on("dragstop.spectrum", (_, value) -> updateUrlQuery("bg", value))

  refreshForeground($("#fg-color-picker").spectrum("get"))
  refreshBackground($("#bg-color-picker").spectrum("get"))

  $innerRadius.rangeslider {
    polyfill: false
    onSlide: (_, value) -> updateSlider(this, value)
    onSlideEnd: (_, value) -> updateUrlQuery("r", value)
  }
  $innerRadius.val(options.r).change()

  $straightPercentage.rangeslider {
    polyfill: false
    onSlide: (_, value) -> updateSlider(this, value + "%")
    onSlideEnd: (_, value) -> updateUrlQuery("l", value)
  }
  $straightPercentage.val(options.l).change()

  $controlPercentage.rangeslider {
    polyfill: false
    onSlide: (_, value) -> updateSlider(this, value + "%")
    onSlideEnd: (_, value) -> updateUrlQuery("c", value)
  }
  $controlPercentage.val(options.c).change()
