country-flag-atlas.png reference incorrect in country-flags.css
The reference to the png file containing country flag images is a relative reference to a sibling directory called img, but it should be to a subdirectory. Here is the change that fixes the missing country flags when running standalone (i.e. when double-clicking the index.html file or using Ctrl-O within a browser to open the index.html file):
diff --git a/src/css/country-flags.css b/src/css/country-flags.css
index feddd1e..d9f9fdf 100644
--- a/src/css/country-flags.css
+++ b/src/css/country-flags.css
@@ -2,7 +2,7 @@
.country-flag{
position:relative;
- background:url('../img/country-flag-atlas.png') no-repeat;
+ background:url('img/country-flag-atlas.png') no-repeat;
background-clip:content-box;
padding:0;
display: inline-block;
The effect is to have no country flags visible when running locally. It only works on the https://globe.torproject.org web site because the application is deployed at the root of the site and an extra relative .. does nothing.
Trac:
Username: derrickoswald