SVG nation flags

[Refuge Isle]

As for why this one SVG file in particular has the problem when other flags seem to be fine, I'm not sure, but a cursory examination made me notice the suspicious fact that the SVG file has a "viewBox" but no "width" or "height".

That would be my fault.

[Tinhampton]

The flag of Ex appears to redirect to https://www.nationstates.net/images/flags/default.svg, even though the actual default flag is located at https://www.nationstates.net/images/flags/Default.svg.

[Frisbeeteria]

The flag of Ex

Weird. I could probably fix this be deleting the current flag, but I'm leaving it for admin attention instead.

[[violet]]

There's some kind of tool trying to found new nations but not quite getting it right. There are quite a lot of new nations like this.

It may also be someone handcrafting URLs and getting parts wrong. If it's a tool, it probably isn't compliant with current HTML Script Rules.

I'll do some backend work to tidy this up and prevent more cases.

[Tinhampton]

Also, the flag of Novella Islands displays correctly in the sidebar but not at all at the top of the page in Century - although rather interestingly, it displays both times on Rift and at the top of the page in Antiquity (which has no sidebar).

[Trotterdam]

Also, the flag of Novella Islands displays correctly in the sidebar but not at all at the top of the page in Century - although rather interestingly, it displays both times on Rift and at the top of the page in Antiquity (which has no sidebar).

It's the usual case of not properly setting width and height. That seems to be behind the majority of SVG problems...

[[violet]]

Fixed Century theme on nation page to properly display user-uploaded SVGs missing heights/widths.

[SherpDaWerp]

Fixed Century theme on nation page to properly display user-uploaded SVGs missing heights/widths.

Much appreciated, [v].

[Podium]

I've been trying to reformat my flag in anticipation of S3's full release so that the whole thing fits in the card, but whenever I submit the file in question (which is just my normal SVG flag rotated 90 degrees counterclockwise, which totals a whopping 879 bytes (4KB on disk) according to my laptop), I get this error message:

Code: Select all

"The SVG image you're uploading wasn't able to be safely compressed. Images that use advanced SVG features (such as animation or scripting) cannot be used as flags."

Scouring the forums has been as helpful as a pool noodle in ancient Roman gladiatorial combat, so I've attached a paste of the raw SVG data below - I'd greatly appreciate it if someone could help me out, preferably before the option to inscribe S3 cards is removed. Cheers.
https://pastebin.com/mkwUJnXV

[Frisbeeteria]

my normal SVG flag rotated 90 degrees

A quick Google shows multiple conversion / cropping / resizing utilities to convert SVG files to other image formats. You're aiming for a predictable aspect ratio of 280 by 360 pixels. Can't you do that, inscribe the card, and just reload your SVG flag?

[Racoda]

I've been trying to reformat my flag in anticipation of S3's full release so that the whole thing fits in the card, but whenever I submit the file in question (which is just my normal SVG flag rotated 90 degrees counterclockwise, which totals a whopping 879 bytes (4KB on disk) according to my laptop), I get this error message:

Code: Select all

"The SVG image you're uploading wasn't able to be safely compressed. Images that use advanced SVG features (such as animation or scripting) cannot be used as flags."

Scouring the forums has been as helpful as a pool noodle in ancient Roman gladiatorial combat, so I've attached a paste of the raw SVG data below - I'd greatly appreciate it if someone could help me out, preferably before the option to inscribe S3 cards is removed. Cheers.
https://pastebin.com/mkwUJnXV

I couldn't get it to work with the code you provided, so I instead downloaded your current image from NS and rotated it in Inkscape. Seems to work: https://www.nationstates.net/nation=preento

[[violet]]

The SVG parser is failing because your image sets some colors to "null." It will work if you remove those stroke tags, or specify a valid color.

[Trotterdam]

The correct name for the don't-draw-anything "color" in SVG is "none", not "null". None is in fact the default value for stroke (but not fill), so you could also just omit it.