THE FLAG LOCKER

Vexillis Omnibus

Login / Sign up

About the Flag Locker

Our History

The Flag Locker was founded on 16 March, 2018. Originally an experiment into HTML5 Canvas, the site's founder, Bernard Flynn, never intended for it to be anything more. The original design of the site was very plain focusing on large images of flags, but not much else. After becoming increasingly frustrated with the state of online vexillogical research Bernard knew that he had found a niche in which he could meaningfully contribute to.

Within the first year the site took on many forms. Growing in depth as well as breadth at the same time resulted in many experimental layouts and designs. Each iteration brought more features to the forefront. Along the way, we came to the realization that we would need to integrate a community around the site; let's face it, there are simply too many flag designs and too much information out there for any single person to comprehensively cover. User accounts, member contributions, and establishing a tracking system for flag design contests were added to the site with the 16 March 2019 update.

Now in our third year, nearing 1000 flags of the world on the site, The Flag Locker continues to grow. We're proud of the progress the site has made thus far and look forward to the contributions the vexillogical community will bring in the future.

We want to make the Flag Locker the place to go for all things vexillology, please join us on this journey.

Vexillis Omnibus,
The Flag Locker Team

Site Stats

Total Number of Flags

952

Number of Flags Added By Year

2020: 248

2019: 298

2018: 406

Most Commonly Used Colours
SwatchColour NameUses
White632
Black C210
Shiraz68
Deep Sapphire51
Cardinal41
International Klein Blue30
Monza23
Thunderbird22
Monza21
Supernova20
* Colour names are estimated based off of hexcode

Frequently Asked Questions

Can I Use Your Images?

Yes, all of the content of this website is released under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

This means that you are free to:

  • Share, copy, and redistribute the material in any medium or format
  • Adapt, remix, transform, and build upon the material

In return you agree to:

  • Give appropriate credit, provide a link to the license, and indicate if changes were made to the work; in any reasonable manner, but not one that appears to be an endorsement of you or your use.
  • Use the material for non-commercial purposes.
  • Release anything you remix, transform, or build upon under the same license as above.
  • Not apply any additional legal terms or technological measures that legally restrict others from doing anything the license permits.

You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation. No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.

Why HTML5 Canvas instead of SVG?

There really isn't a good answer for this other than that The Flag Locker began as an experiment into HTML5 and Javascript. By defining everything on the Canvas in terms of the height and width of the design we're able to create the effect of scalability. Maybe one day we'll convert everything into SVG format - because the flags are drawn using Javascript instead of simply being displayed as an image, we have the flexibility to make the transition in the future.

What is the process involved?

Drawing flags isn't overly difficult for countries like Germany or France where each band is 1/3 of the width or height of the flag. But when it comes to more complicated flags with irregular shapes, these calculations become more complex. Drawing a flag with a complicated crest could take weeks, months, or years to get right without the assitance of image editing software. To achieve these more complicated designswe draw the design using a vector image editor. The resulting design is exported as an SVG, a file type which is drawn to the screen using code. That code is converted to Javascript. SVG images are draw in relation to the top-left of the image; our converter recalculates the position of all of the points in relation to the centre of the image. That Javascript output is used to dynamically draw the flags on HTML5 Canvas.

I have feedback, suggestions, requests, a burning desire to talk to you...

Great, feel free to contact me or connect with me on Facebook or Twitter

Ultimately, the content of this site is moulded by the community. The Contests page was a request put out on Twitter by Trerrysaur, aka. Truls