Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Auction Countdown Timer - Dynamic Edition, Look Mum, it is dynamic!

 
post Apr 5 2021, 09:21
Post #1
OnceForAll



Fluffy Tail Fox
*******
Group: Catgirl Camarilla
Posts: 1,574
Joined: 3-January 21
Level 500 (Ponyslayer)


In case you need a timer for your auction, giveaway, etc., here is a new option: [pure-svg-countdown.skk.moe] https://pure-svg-countdown.skk.moe/

The timer is currently powering countdown for Grandmaster's "Xuan's Auction".

How to use

1. Go to the website (link above)
2. Fill in the needed fields. All fields are optional EXCEPT "Date & Time".
3. Click "Create link". It will generate a preview and create a link like this:
CODE
https://pure-svg-countdown.skk.moe/timer?title=Look%20Mum%2C%20it%20is%20dynamic!&finish=32-bit%202038%20Year%20Problem!&time=2038-01-19T03%3A14%3A00.000Z#.png

4. If it works as intended, you can copy/paste the link in your thread, and wrap the link with bbcode img syntax:
CODE
[img]https://pure-svg-countdown.skk.moe/timer?title=Look%20Mum%2C%20it%20is%20dynamic!&finish=32-bit%202038%20Year%20Problem!&time=2038-01-19T03%3A14%3A00.000Z#.png[/img]


Example

The example code above will present a timer like this:

(IMG:[pure-svg-countdown.skk.moe] https://pure-svg-countdown.skk.moe/timer?title=Look%20Mum,%20it%20is%20dynamic!&finish=32-bit%202038%20Year%20Problem!&time=2038-01-19T03:14:00.000Z#.png)

It is Open-Sourced!

The project is open-sourced under MIT License and is deployed on the Vercel Serverless platform. If you want to contribute or deploy your own instance of the timer, please check [github.com] the repository at GitHub.

This post has been edited by OnceForAll: Apr 6 2021, 12:43
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Apr 5 2021, 10:16
Post #2
OnceForAll



Fluffy Tail Fox
*******
Group: Catgirl Camarilla
Posts: 1,574
Joined: 3-January 21
Level 500 (Ponyslayer)


Reserved (1 floor should be enough I guess).

This post has been edited by OnceForAll: Apr 5 2021, 10:16
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Nov 15 2021, 02:57
Post #3
Shank



Roll for Initiative
**********
Group: Global Mods
Posts: 7,871
Joined: 19-May 12
Level 500 (Ponyslayer)


This tool is great, thanks for sharing

I am having a little trouble with it

I generated a file with a red background and green border to match the season a bit, generating it on the skk.moe site works, but embedding on e-h makes it appear grey with black borders.

Generated code:
CODE
https://pure-svg-countdown.skk.moe/timer?title=NekoKissa%20Christmas%20Karaoke%20&finish=Event%20is%20now%20over%2C%20thanks%20for%20participating!&time=2021-12-14T22%3A59%3A00.000Z&bgColor=%23E3001E&borderColor=%2365D60B#.png


I also have an issue where on firefox, it displays like this:

Attached Image

And On edge, it displays like this:

Attached Image

It seems to work fine after opening the image in a new tab and completing a captcha though, maybe just doesn't like my vpn

As an image with same surrounding bbocode if it helps troubleshoot:



Edit: It's now needing me to open it up in chrome to complete the captcha here as well with the same dead image icon as edge

Edit:2 as an aside, if you don't mind feature requests, it'd be great if we could change font colour too

Edt 3: The dead image icon comes back after a short time and requires clearing the captcha again

This post has been edited by Shank: Nov 15 2021, 03:19
User is online!Profile CardPM
Go to the top of the page
+Quote Post

 
post Nov 15 2021, 07:50
Post #4
Necromusume




*********
Group: Catgirl Camarilla
Posts: 5,781
Joined: 17-May 12
Level 500 (Ponyslayer)


(IMG:[pure-svg-countdown.skk.moe] https://pure-svg-countdown.skk.moe/timer?title=NekoKissa%20Christmas%20Karaoke%20&finish=Event%20is%20now%20over,%20thanks%20for%20participating!&time=2021-12-14T22:59:00.000Z&bgColor=red&borderColor=lime#.png)

The generated URL includes [en.wikipedia.org] web colors in the #rrggbb format, with the first two #s [en.wikipedia.org] percent-encoded to %23. However, the BBCode processing resolves percent-encoded characters back to what they were to begin with, even through multiple layers of percent-encoding, and that breaks the functionality. As a workaround, I tried using the text names of standard web colors, and that works, including the extended color names.

CODE
https://pure-svg-countdown.skk.moe/timer?title=NekoKissa%20Christmas%20Karaoke%20&finish=Event%20is%20now%20over,%20thanks%20for%20participating!&time=2021-12-14T22:59:00.000Z&bgColor=Red&borderColor=Green#.png


(IMG:[pure-svg-countdown.skk.moe] https://pure-svg-countdown.skk.moe/timer?title=NekoKissa%20Christmas%20Karaoke%20&finish=Event%20is%20now%20over,%20thanks%20for%20participating!&time=2021-12-14T22:59:00.000Z&bgColor=Red&borderColor=Green#.png)

+1 on the text color option. Otherwise dark background colors aren't usable.

This post has been edited by Necromusume: Nov 15 2021, 08:13
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
post Nov 18 2021, 03:11
Post #5
Shank



Roll for Initiative
**********
Group: Global Mods
Posts: 7,871
Joined: 19-May 12
Level 500 (Ponyslayer)


Oh that seems to work, tyvm
User is online!Profile CardPM
Go to the top of the page
+Quote Post

 
post Nov 19 2021, 10:09
Post #6
OnceForAll



Fluffy Tail Fox
*******
Group: Catgirl Camarilla
Posts: 1,574
Joined: 3-January 21
Level 500 (Ponyslayer)


QUOTE(Shank @ Nov 15 2021, 08:57) *

Edit: It's now needing me to open it up in chrome to complete the captcha here as well with the same dead image icon as edge

Edit:2 as an aside, if you don't mind feature requests, it'd be great if we could change font colour too

Edt 3: The dead image icon comes back after a short time and requires clearing the captcha again


I just modify my WAF rules and it should be working now.

QUOTE(Shank @ Nov 15 2021, 08:57) *

Edit:2 as an aside, if you don't mind feature requests, it'd be great if we could change font colour too


QUOTE(Necromusume @ Nov 15 2021, 13:50) *

+1 on the text color option. Otherwise dark background colors aren't usable.


Done!

(IMG:[pure-svg-countdown.skk.moe] https://pure-svg-countdown.skk.moe/timer?title=NekoKissa%20Christmas%20Karaoke%20&finish=Event%20is%20now%20over,%20thanks%20for%20participating!&time=2021-12-14T22:59:00.000Z&bgColor=Red&borderColor=Green&fontColor=Yellow#.png)
User is offlineProfile CardPM
Go to the top of the page
+Quote Post


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 


Lo-Fi Version Time is now: 8th May 2024 - 18:27