CSS blue banners for your team's website!

[ErikBoesen]

A while back I created some pure-CSS (with the exception of an SVG image) blue banners for my team's website.

I thought the banners might be interesting for other teams to make use of. I've extracted their code from our website, and it's now available here. Enjoy!

[tjf]

1257 also used a version of his on our team website.



Excellent work overall by Erik.

[Eugene Fang]

Cool! Added I them to The Blue Alliance with a few tweaks.

[SpaceBiz]

Originally Posted by ErikBoesen

A while back I created some pure-CSS (with the exception of an SVG image) blue banners for my team's website.

I thought the banners might be interesting for other teams to make use of. I've extracted their code from our website, and it's now available here. Enjoy!

Hate to break it to you, but there wasn't a Chesapeake Regional in 2016. If only 1418 won some higher level event at it's former location...

Also, great work to both Erik and Eugene. I really like seeing those banners on TBA.

[ErikBoesen]

Oh wow. Somehow I missed that. I made those on a late night a long time ago and, and a freshman, didn't quite understand how the events worked. Will fix in just a moment.

[lynca]

Originally Posted by Eugene Fang

Cool! Added I them to The Blue Alliance with a few tweaks.

A terrific TBA addition ! Thank you Eugene

[Andrew Schreiber]

Originally Posted by Eugene Fang

Cool! Added I them to The Blue Alliance with a few tweaks.

Any chance we could get the banner for WFA winners added? I know it's kinda an oddball banner but it IS in fact a banner.

[Eugene Fang]

Originally Posted by Andrew Schreiber

Any chance we could get the banner for WFA winners added? I know it's kinda an oddball banner but it IS in fact a banner.

Yeah I'll do that.

[Richard Wallace]

Blue banners on the Blue Alliance!

Like most good ideas, it is obvious AFTER someone has done it.

[FrisbeeFunTime]

This is awesome! It makes it so much easier to see if a team has won an event a certain year. Plus it also looks really cool!

[orangelight]

I'm not sure what looks better these or the banners on our website. I think these might look generally better on websites vs. a traditional blue banner that looks better on a wall

[roboguy28]

How would I post a banner to our Blue Alliance page? Do I make a pull request on Git Hub, with the code? Does Blue Alliance use HTML or CSS?

[frcguy]

Originally Posted by roboguy28

How would I post a banner to our Blue Alliance page? Do I make a pull request on Git Hub, with the code? Does Blue Alliance use HTML or CSS?

They should be automatically generated.

[tjf]

Originally Posted by roboguy28

How would I post a banner to our Blue Alliance page? Do I make a pull request on Git Hub, with the code? Does Blue Alliance use HTML or CSS?

They're automatically generated. Just note that your default page will only display banners for the current history. To view all of your digital banners, go to https://thebluealliance.com/team/(number)/history

[roboguy28]

Originally Posted by frcguy

They should be automatically generated.

Originally Posted by tjf

They're automatically generated. Just note that your default page will only display banners for the current history. To view all of your digital banners, go to https://thebluealliance.com/team/(number)/history

Okay, Thanks for the information!