From: Max Value Date: Sun, 13 Apr 2025 10:33:48 +0000 (+0100) Subject: Added svg and svg itterator X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=93a3cf374978e69d36bd5a0f664093f8b2f0c7e6;p=shopping-channel Added svg and svg itterator ~ fixed flag in the text panel --- 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 @@ + + + + +Created by potrace 1.16, written by Peter Selinger 2001-2019 + + + + + + + + + + + + + + + + + + + + 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 %} - + - + {% else %} - + - + {% endif %}