   snap = Snap "#show-room"
   snap.clear()
   zero = 'translate(0, 0)'
-  scale = { initial: 0.0001, final: $(window).height()/550 }
+  scale = { initial: 0.0001, final: height/550, title: height/220 }
   halfCircle = 110*scale.final
+  halfBigCircle = 110*scale.title
+  titlePosition = [width/2 - halfBigCircle, 0]
   config = {
     hrot: {
       id: 'hrot'

  buttons = null
  moveToPosition = (element, position, scale) ->
    element.attr { transform: "translate(#{position}) scale(#{scale})" }
  Snap.load '/assets/images/buttons.svg', (canvas) ->
    buttons = canvas.select 'g#Buttons'
    snap.append buttons

        name.attr { cursor: 'pointer' }
        name.click ->
          document.location = '/fonts/'+item.id
        $(title.node).one 'mouseleave', ->
          moveToPosition title, item.initial, scale.initial
          $.each config, (name, currItem) ->
            element = nowMoving[currItem.id]['element']
            moveToPosition element, currItem.final, scale.final
            cont = ->
              returnButtons element, currItem, ->
                moveButton currItem, nowMoving[currItem.id]['index'] + 1
            nowMoving[currItem.id]['timeout'] = setTimeout cont, currItem.speed
    returnButtons = (element, item, callback) ->
      element.animate { transform: 'translate('+item.initial+') scale('+scale.initial+')' }, item.speed/2, mina.ease, ->
        setTimeout callback, 6*defaultSpeed - item.speed
