Canvas (Animated) Discussion Tag Titles

Davis

This extension has been abandoned.

Feel free to fork on github.

Current Version: Abandoned
GitHub & Packagist

This extension adds a canvas animation to the colored hero at the top of a discussion. There are currently three different animations.

Install

In your flarum root directory, run the following command:
~~composer require davis/flarum-animatedtag~~
Installation is not recomended

Then, enable it you administration panel and select an animation.

Screenshots

Triangles:
Triangles Screenshot
Bubbles & Snow (Bubbles flows up, Snow flows down):
Bubbles Screenshot

Davis

Updated to beta 3. Added Snow animation (basically the bubble animation but the dots flow downward):

flame

You go man! Simple and affective! Sweet job 😃

Kakifrucht

Nice, thanks dude!

One little issue, the heigth of the bar gets bigger when enabling the plugin, could you fix that?
Also would it be possible to also enable this for other heroes aswell?

Davis

Kakifrucht I can adjust the height to make it match better, right now it's set to 1/5 of the screen height.

As for all of the Heros, that's on the list of things to do 🙂

maxyc

demo?

Davis

maxyc There's a demo here: https://test.cdavis.tk/d/1-red

Kakifrucht

Davis Oh I see, is it absolutely not possible to replicate the default behaviour of the hero heigth?

Davis

Kakifrucht ~~It's not possible. I thought 1/5 of the screen height seems about the same as it was before. Does is look that different?~~

I've tested it on mobile and on my computer. It seems about the same height to me...

Kakifrucht

Davis Well, it looks much bigger for me, but also keep in mind that when the window is too small you cannot read the title anymore.

Davis

Kakifrucht Are you sure you are running beta3? try:

composer update

Kakifrucht

Absolutely!

Davis

Kakifrucht Do you have a screenshot of what you are experiencing?

If you have Gitter, maybe we could continue this there?

Kakifrucht

Should be visible, too small here:

Davis

Kakifrucht which picture shows how it is?

Also, I can't seem to replicate having two main tags...

I'm having a hard time replicating your issue...

Kakifrucht

The two tags have nothing to do with this.
First picture shows the hero having to much heigth, second one shows the hero not having enough.
First one is my default browser size on a 1080p monitor, second one happens when you make the window smaller.
Should be obvious though, since you set the heigth to be relative, it will of course get to big/small when changing the browser window size.

Davis

Kakifrucht I fixed the issue you are having in Beta4 🙂

Davis

Beta 4 Adds the effect to all Tag Heros. It also fixes the positioning issues with the text.

Kakifrucht

The view problems seem fixed, yes, however now the frontpage shows me an nojs error and on mobile the welcome hero overlaps with the threads.

Davis

Kakifrucht I'm going to blow my brains out );

Kakifrucht

Davis Ok, so it works now, however the welcome hero still overlaps and the heigth should be a bit higher.