aboutsummaryrefslogtreecommitdiffstats
path: root/html/index.html
diff options
context:
space:
mode:
authorjames pannacciulli <jpnc@jpnc.info>2023-06-29 23:40:52 -0400
committerjames pannacciulli <jpnc@jpnc.info>2023-06-29 23:40:52 -0400
commit251dc8a514e6c9fd9de03e200d9add71d1e33c46 (patch)
tree0a0bcf576b04f22d45efa6132d924b27d9ec843d /html/index.html
parentec5dd1348007c0ebf1bf0009cde35b716e7d2147 (diff)
downloadcalligram.me-251dc8a514e6c9fd9de03e200d9add71d1e33c46.tar.gz
calligram.me-251dc8a514e6c9fd9de03e200d9add71d1e33c46.tar.bz2
reverse initial direction of text animation
Diffstat (limited to 'html/index.html')
-rw-r--r--html/index.html9
1 files changed, 5 insertions, 4 deletions
diff --git a/html/index.html b/html/index.html
index 413fac3..6bb87ff 100644
--- a/html/index.html
+++ b/html/index.html
@@ -134,18 +134,19 @@
const animateLTR = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
animateLTR.setAttributeNS(null, 'id', 'animateLTR');
animateLTR.setAttributeNS(null, 'attributeName', 'startOffset');
- animateLTR.setAttributeNS(null, 'begin', '0s; animateRTL.end');
+ animateLTR.setAttributeNS(null, 'begin', 'animateRTL.end');
animateLTR.setAttributeNS(null, 'fill', 'freeze');
const animateRTL = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
animateRTL.setAttributeNS(null, 'id', 'animateRTL');
animateRTL.setAttributeNS(null, 'attributeName', 'startOffset');
- animateRTL.setAttributeNS(null, 'begin', 'animateLTR.end');
+ animateRTL.setAttributeNS(null, 'begin', '0s; animateLTR.end');
animateRTL.setAttributeNS(null, 'fill', 'freeze');
+
/* envelope icon by Amelia from https://thenounproject.com/icon/envelope-1526185/ under CC-BY-3.0 */
updateSVG("M82,20.3H18a13,13,0,0,0-13,13V66.7a13,13,0,0,0,13,13H82a13,13,0,0,0,13-13V33.3A13,13,0,0,0,82,20.3Zm-2.2,8L52.1,45.5a4,4,0,0,1-4.2,0L20.2,28.3ZM87,66.7a5,5,0,0,1-5,5H18a5,5,0,0,1-5-5V33.3h0L43.7,52.3a11.9,11.9,0,0,0,12.6,0L87,33.2h0Z");
- textPath.appendChild(animateLTR);
textPath.appendChild(animateRTL);
+ textPath.appendChild(animateLTR);
var input = document.getElementById('the_text');
input.addEventListener("input",
@@ -160,8 +161,8 @@
(window.getComputedStyle(textPath, null).getPropertyValue('font-size').slice(0,-2))
* (100/(window.screen.width))
);
- textPath.appendChild(animateLTR);
textPath.appendChild(animateRTL);
+ textPath.appendChild(animateLTR);
};
var svg_input = document.getElementById('the_svg');