GitLab

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