| Revision | 54a0dffaa07d3a6a1f042c6239f4025234005c6c (tree) |
|---|---|
| Time | 2020-01-26 06:39:08 |
| Author | Capsia Tech <cmsuser3754@zoho...> |
| Commiter | Capsia Tech |
Remove proprietary resources
js/svg-animator.js (diff)
img/background.jpg| @@ -40,37 +40,33 @@ | ||
| 40 | 40 | }); |
| 41 | 41 | nums[i].attr({ |
| 42 | 42 | x: (width*posArr[i][0])-32, |
| 43 | - y: (height*posArr[i][1])+50 | |
| 43 | + y: (height*posArr[i][1])+60 | |
| 44 | 44 | }); |
| 45 | 45 | } |
| 46 | 46 | } |
| 47 | - function WHforDiscs(width, height) { | |
| 48 | - if (width/height > 1.05) { | |
| 49 | - return height/2; | |
| 50 | - } else { | |
| 51 | - return width/3; | |
| 52 | - } | |
| 53 | - } | |
| 54 | 47 | //console.log(initSVG.SVGsizes); |
| 55 | 48 | // Setting default styles for rectangle and discs |
| 56 | 49 | discs.attr({ |
| 57 | - fill: "#4e9a06", | |
| 58 | - stroke: "#ca64ff", | |
| 59 | - strokeWidth: 5 | |
| 50 | + fill: "#ffffff", | |
| 51 | + stroke: "#222", | |
| 52 | + strokeWidth: 8 | |
| 60 | 53 | }); |
| 61 | 54 | dateLine.attr({ |
| 62 | - stroke: "#333", | |
| 63 | - strokeWidth: 30 | |
| 55 | + stroke: "#222", | |
| 56 | + strokeWidth: 27 | |
| 64 | 57 | }); |
| 65 | 58 | nums.attr({ |
| 66 | 59 | fontSize: "1.8em", |
| 67 | - fontWeight: "bold" | |
| 60 | + fontWeight: "bold", | |
| 61 | + fill: "#fff", | |
| 62 | + stroke: "#222", | |
| 63 | + strokeWidth: 2 | |
| 68 | 64 | // pointerEvents: "none" |
| 69 | 65 | }); |
| 70 | 66 | // Initialize circles |
| 71 | 67 | for (i = 0; i < posArr.length; i++) { |
| 72 | - discs.add(s.circle(width*posArr[i][0], height*posArr[i][1], 20)); // Create and add circles to discs. | |
| 73 | - nums.add(s.text((width*posArr[i][0])-32, (height*posArr[i][1])+50, dates[i])); | |
| 68 | + discs.add(s.circle(width*posArr[i][0], height*posArr[i][1], 25)); // Create and add circles to discs. | |
| 69 | + nums.add(s.text((width*posArr[i][0])-32, (height*posArr[i][1])+60, dates[i])); | |
| 74 | 70 | discs[i].click( function() { |
| 75 | 71 | if (window.nowFull == -1) { |
| 76 | 72 | for ( i = 0; i < posArr.length; i++ ) { |
| @@ -84,7 +80,7 @@ | ||
| 84 | 80 | this.animate({r: window.innerWidth, cy: (window.innerHeight / 2) , cx: (window.innerWidth / 2), strokeWidth: 50}, 1000); //Move circle |
| 85 | 81 | document.getElementById("overlay").style.visibility = ""; |
| 86 | 82 | } else { |
| 87 | - discs[window.nowFull].animate({r: 20, cy: height*posArr[window.nowFull][1], cx: width*posArr[window.nowFull][0], strokeWidth: 5}, 1000); //Return circle to original position | |
| 83 | + discs[window.nowFull].animate({r: 25, cy: height*posArr[window.nowFull][1], cx: width*posArr[window.nowFull][0], strokeWidth: 5}, 1000); //Return circle to original position | |
| 88 | 84 | discs[window.nowFull].attr({visibility: ""}); |
| 89 | 85 | nums.attr({visibility: ""}); |
| 90 | 86 | discs.attr({visibility: ""}); // Unhide circles |
Fork