aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorjames pannacciulli <jpnc@jpnc.info>2023-06-29 17:45:17 -0400
committerjames pannacciulli <jpnc@jpnc.info>2023-06-29 17:45:17 -0400
commitec5dd1348007c0ebf1bf0009cde35b716e7d2147 (patch)
tree300dbc8082077102b7802f6db35059c2e8fac7d4
parent3ea902a3702582434fb0cb40517124fc535cc1a0 (diff)
downloadcalligram.me-ec5dd1348007c0ebf1bf0009cde35b716e7d2147.tar.gz
calligram.me-ec5dd1348007c0ebf1bf0009cde35b716e7d2147.tar.bz2
allow query params 'text', 'd', 'rainbow', and 'lines' to set respective inputs
-rw-r--r--html/index.html31
1 files changed, 28 insertions, 3 deletions
diff --git a/html/index.html b/html/index.html
index fcb4b4b..413fac3 100644
--- a/html/index.html
+++ b/html/index.html
@@ -148,10 +148,14 @@
textPath.appendChild(animateRTL);
var input = document.getElementById('the_text');
- input.addEventListener("input", updateValue);
+ input.addEventListener("input",
+ function () {
+ updateValue(input.value);
+ }
+ );
- function updateValue(e) {
- textPath.textContent = (e.target.value);
+ function updateValue(_text) {
+ textPath.textContent = (_text);
updateAnim(
(window.getComputedStyle(textPath, null).getPropertyValue('font-size').slice(0,-2))
* (100/(window.screen.width))
@@ -213,6 +217,27 @@
}
}
);
+
+ // allow inputs to be specified in query params
+ const _queryparam_d = new URL(location.href).searchParams.get("d");
+ const _queryparam_text = new URL(location.href).searchParams.get("text");
+ const _queryparam_rainbow = new URL(location.href).searchParams.get("rainbow");
+ const _queryparam_lines = new URL(location.href).searchParams.get("lines");
+ if (_queryparam_d) {
+ svg_input.setAttribute("value", _queryparam_d);
+ updateSVG(_queryparam_d);
+ };
+ if (_queryparam_text) {
+ input.setAttribute("value", _queryparam_text);
+ updateValue(_queryparam_text);
+ };
+ if (_queryparam_rainbow == 1) {
+ rainbow_input.click();
+ };
+ if (_queryparam_lines == 1) {
+ lines_input.click();
+ };
+
// @license-end
</script>
<a href="https://git.jpnc.info/calligram.me/about/">src</a>