From 93a3cf374978e69d36bd5a0f664093f8b2f0c7e6 Mon Sep 17 00:00:00 2001 From: Max Value Date: Sun, 13 Apr 2025 11:33:48 +0100 Subject: [PATCH] Added svg and svg itterator ~ fixed flag in the text panel --- extensions/pricing.html | 2 +- extensions/product.html | 2 +- extensions/product.js | 13 +- static/assets/sigil10.svg | 3746 +++++++++++++++++++++++++++++++++++++ static/assets/sigil11.svg | 792 ++++++++ static/assets/sigil12.svg | 1029 ++++++++++ static/assets/sigil13.svg | 609 ++++++ static/assets/sigil14.svg | 1247 ++++++++++++ static/assets/sigil15.svg | 1043 +++++++++++ static/assets/sigil16.svg | 626 +++++++ static/assets/sigil17.svg | 1288 +++++++++++++ static/assets/sigil18.svg | 407 ++++ static/assets/sigil6.svg | 1599 ++++++++++++++++ static/assets/sigil7.svg | 900 +++++++++ static/assets/sigil8.svg | 1214 ++++++++++++ static/assets/sigil9.svg | 1392 ++++++++++++++ templates/gfx.html | 93 +- templates/text.html | 8 +- 18 files changed, 15966 insertions(+), 44 deletions(-) create mode 100644 static/assets/sigil10.svg create mode 100644 static/assets/sigil11.svg create mode 100644 static/assets/sigil12.svg create mode 100644 static/assets/sigil13.svg create mode 100644 static/assets/sigil14.svg create mode 100644 static/assets/sigil15.svg create mode 100644 static/assets/sigil16.svg create mode 100644 static/assets/sigil17.svg create mode 100644 static/assets/sigil18.svg create mode 100644 static/assets/sigil6.svg create mode 100644 static/assets/sigil7.svg create mode 100644 static/assets/sigil8.svg create mode 100644 static/assets/sigil9.svg diff --git a/extensions/pricing.html b/extensions/pricing.html index 593d828..465c7e5 100644 --- a/extensions/pricing.html +++ b/extensions/pricing.html @@ -114,7 +114,7 @@ hr {

- +

diff --git a/extensions/product.html b/extensions/product.html index f64f78c..34cb12f 100644 --- a/extensions/product.html +++ b/extensions/product.html @@ -45,7 +45,7 @@ body { } #nameTextContainer { position: absolute; - bottom: -22vh; + bottom: -18vh; left: -25vh; width: 100vw; color: white; diff --git a/extensions/product.js b/extensions/product.js index 8e8cfbe..7905900 100644 --- a/extensions/product.js +++ b/extensions/product.js @@ -1,6 +1,7 @@ let pastId = 0; function update() { + let timeout = 10000; // setup and hide the name element & the image element const name = document.getElementById("nameContainer"); @@ -20,7 +21,10 @@ function update() { const item = items[id]; // hide the image if the item has changed - if (id != pastId) { image.classList.add("hide"); } + if (id != pastId) { + image.classList.add("hide"); + timeout = 4000; + } // change the image if the item has changed as soon as ftb if (id != pastId) { @@ -38,9 +42,12 @@ function update() { image.classList.remove("hide"); name.classList.remove("hide"); - }, 10000); + }, timeout); }); }); } -setInterval(update, 20000); +setTimeout(function () { + update(); + setInterval(update, 20000); +}, 1000); diff --git a/static/assets/sigil10.svg b/static/assets/sigil10.svg new file mode 100644 index 0000000..68dd690 --- /dev/null +++ b/static/assets/sigil10.svg @@ -0,0 +1,3746 @@ + + + diff --git a/static/assets/sigil11.svg b/static/assets/sigil11.svg new file mode 100644 index 0000000..e1d475f --- /dev/null +++ b/static/assets/sigil11.svg @@ -0,0 +1,792 @@ + + + diff --git a/static/assets/sigil12.svg b/static/assets/sigil12.svg new file mode 100644 index 0000000..279f692 --- /dev/null +++ b/static/assets/sigil12.svg @@ -0,0 +1,1029 @@ + + + diff --git a/static/assets/sigil13.svg b/static/assets/sigil13.svg new file mode 100644 index 0000000..3707dfb --- /dev/null +++ b/static/assets/sigil13.svg @@ -0,0 +1,609 @@ + + + diff --git a/static/assets/sigil14.svg b/static/assets/sigil14.svg new file mode 100644 index 0000000..c59ba67 --- /dev/null +++ b/static/assets/sigil14.svg @@ -0,0 +1,1247 @@ + + + diff --git a/static/assets/sigil15.svg b/static/assets/sigil15.svg new file mode 100644 index 0000000..0619a92 --- /dev/null +++ b/static/assets/sigil15.svg @@ -0,0 +1,1043 @@ + + + diff --git a/static/assets/sigil16.svg b/static/assets/sigil16.svg new file mode 100644 index 0000000..9e8ab0f --- /dev/null +++ b/static/assets/sigil16.svg @@ -0,0 +1,626 @@ + + + diff --git a/static/assets/sigil17.svg b/static/assets/sigil17.svg new file mode 100644 index 0000000..464a33c --- /dev/null +++ b/static/assets/sigil17.svg @@ -0,0 +1,1288 @@ + + + diff --git a/static/assets/sigil18.svg b/static/assets/sigil18.svg new file mode 100644 index 0000000..4f9f4de --- /dev/null +++ b/static/assets/sigil18.svg @@ -0,0 +1,407 @@ + + + diff --git a/static/assets/sigil6.svg b/static/assets/sigil6.svg new file mode 100644 index 0000000..b18f115 --- /dev/null +++ b/static/assets/sigil6.svg @@ -0,0 +1,1599 @@ + + + diff --git a/static/assets/sigil7.svg b/static/assets/sigil7.svg new file mode 100644 index 0000000..e3384fc --- /dev/null +++ b/static/assets/sigil7.svg @@ -0,0 +1,900 @@ + + + diff --git a/static/assets/sigil8.svg b/static/assets/sigil8.svg new file mode 100644 index 0000000..243aca7 --- /dev/null +++ b/static/assets/sigil8.svg @@ -0,0 +1,1214 @@ + + + diff --git a/static/assets/sigil9.svg b/static/assets/sigil9.svg new file mode 100644 index 0000000..661a60e --- /dev/null +++ b/static/assets/sigil9.svg @@ -0,0 +1,1392 @@ + + + diff --git a/templates/gfx.html b/templates/gfx.html index 0a25ef0..7cb5e71 100644 --- a/templates/gfx.html +++ b/templates/gfx.html @@ -483,17 +483,22 @@ body { #banner.show { width: 50vh; } -#sigil { +#sigilBox { + opacity: 0; +} +#sigilBox.show { + opacity: 1; +} +.sigil { + position: fixed; top: 50vh; - right: 50vw; - width: 20vh; - height: 20vh; - transform: translate(-50%,-50%); + left: 50vw; + height: 90vh; + transform: translate(-50%, -50%); opacity: 0; - transition: opacity 10s; } -#sigil.show { - opacity: 0.9; +.sigil.show { + opacity: 1; } @keyframes spinBox { 0% {transform: translateY(100%);} @@ -505,7 +510,7 @@ body { - +

@@ -568,8 +573,12 @@ body { -

+ {% for id in range(1, 19) %} +

+ {% endfor %}

+ diff --git a/templates/text.html b/templates/text.html index ebc77df..4db4e96 100644 --- a/templates/text.html +++ b/templates/text.html @@ -79,14 +79,14 @@ {% if data.bool_number %} - Redact number + Show number - Show number + Redact number {% else %} - Redact number + Show number - Show number + Redact number {% endif %} -- 2.39.2