coffee -bc -o .coffee-tmp main.coffee && mv .coffee-tmp/main.js index.js
index_min.js: wordlist_compressed.js index.js
- cat /usr/share/javascript/jquery/jquery.min.js index.js > $@
- #cat /usr/share/javascript/jquery/jquery.min.js index.js | uglifyjs -nc -o $@
+ #cat /usr/share/javascript/jquery/jquery.min.js index.js > $@
+ cat /usr/share/javascript/jquery/jquery.min.js index.js | uglifyjs -nc -o $@
wordlist_min.js: wordlist_compressed.js index.js
cat wordlist_compressed.js | uglifyjs -nc -o $@
$definition_body.html html
connector_width = 11
-connector_radius = 5
+connector_radius = 4
connector_slant = 12
add_connector = (tile, horiz, vert) ->
style = {}
switch horiz
when 'left'
- style.right = '100%'
+ style.left = -9
when 'mid'
style.left = 21 - connector_radius
when 'right'
- style.left = '100%'
+ style.right = -9
switch vert
when 'top'
- style.bottom = '100%'
+ style.top = -9
when 'up'
style.top = 21 - connector_radius - connector_slant
when 'down'
style.top = 21 - connector_radius + connector_slant
when 'bot'
- style.top = '100%'
+ style.bottom = -9
tile.connector = $("<div class=\"connector\"></div>").css style
tile.dom.append tile.connector
}
.connector {
position: absolute;
- height: 10px;
- width: 10px;
- background: #666;
- border-radius: 10px;
+ height: 8px;
+ width: 8px;
+ background: #999;
+ border-radius: 8px;
}
#loading {
position: absolute;
right: 140px;
font-size: 32px;
}
-.head {
- margin-top: -4px;
- height: 42px;
- width: 42px;
- position: relative;
- border-radius: 13px;
-}
-.eye1, .eye2 {
- width: 6px;
- height: 6px;
- border: 2px solid #a83;
- border-radius: 9px;
- background-color: white;
- position: absolute;
-}
-.eye1 {
- top: -8px;
- right: -1px;
- width: 5px;
- border-width: 4px 4px 3px 4px;
-}
-.eye2 {
- right: -9px;
- top: 1px;
- border-width: 3px 4px 4px 2px;
-}
-.tooth1, .tooth2, .tooth3, .tooth4 {
- width: 6px;
- height: 6px;
- border: 2px solid #a83;
- background-color: white;
- position: absolute;
-}
-.tooth1 {
- top: -2px;
- left: 22px;
- width: 7px;
- border-width: 2px 0 2px 2px;
-}
-.tooth2 {
- height: 7px;
- top: 12px;
- right: -3px;
- border-width: 0 2px 2px 2px;
-}
-.pate {
- position: absolute;
- top: -2px;
- right: -3px;
- width: 12px;
- height: 12px;
- background: white;
- border: 2px solid #a83;
- border-radius: 0 13px 0 0;
-}
-.tooth3 {
- width: 7px;
- bottom: -3px;
- left: 12px;
- border-width: 2px 2px 2px 0;
-}
-.tooth4 {
- height: 7px;
- bottom: 11px;
- left: -2px;
- border-width: 2px 2px 0 2px;
-}
-.chin {
- position: absolute;
- bottom: -3px;
- left: -2px;
- width: 12px;
- height: 12px;
- background: white;
- border: 2px solid #a83;
- border-radius: 0 0 0 13px;
-}
#definition_body {
height: @tab-height - @tabtab-height;
overflow: auto;