diff --git a/core/static/bundled/country-flags-index.ts b/core/static/bundled/country-flags-index.ts new file mode 100644 index 00000000..1dc005c3 --- /dev/null +++ b/core/static/bundled/country-flags-index.ts @@ -0,0 +1,3 @@ +import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill"; + +polyfillCountryFlagEmojis(); diff --git a/core/static/core/header.scss b/core/static/core/header.scss index fd2cae8c..7cac3a3e 100644 --- a/core/static/core/header.scss +++ b/core/static/core/header.scss @@ -106,6 +106,7 @@ $hovered-red-text-color: #ff4d4d; color: $text-color; font-weight: normal; line-height: 1.3em; + font-family: "Twemoji Country Flags", sans-serif; &:hover { background-color: $background-color-hovered; diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja index ef184fbf..6ee285b2 100644 --- a/core/templates/core/base.jinja +++ b/core/templates/core/base.jinja @@ -23,6 +23,7 @@ + diff --git a/package-lock.json b/package-lock.json index 9126ac34..4e2852b9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22,6 +22,7 @@ "3d-force-graph": "^1.73.4", "alpinejs": "^3.14.7", "chart.js": "^4.4.4", + "country-flag-emoji-polyfill": "^0.1.8", "cytoscape": "^3.30.2", "cytoscape-cxtmenu": "^3.5.0", "cytoscape-klay": "^3.1.4", @@ -3379,6 +3380,11 @@ "url": "https://opencollective.com/core-js" } }, + "node_modules/country-flag-emoji-polyfill": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/country-flag-emoji-polyfill/-/country-flag-emoji-polyfill-0.1.8.tgz", + "integrity": "sha512-Mbah52sADS3gshUYhK5142gtUuJpHYOXlXtLFI3Ly4RqgkmPMvhX9kMZSTqDM8P7UqtSW99eHKFphhQSGXA3Cg==" + }, "node_modules/cross-spawn": { "version": "7.0.6", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", diff --git a/package.json b/package.json index bc6018b1..cc04d56f 100644 --- a/package.json +++ b/package.json @@ -48,6 +48,7 @@ "3d-force-graph": "^1.73.4", "alpinejs": "^3.14.7", "chart.js": "^4.4.4", + "country-flag-emoji-polyfill": "^0.1.8", "cytoscape": "^3.30.2", "cytoscape-cxtmenu": "^3.5.0", "cytoscape-klay": "^3.1.4",