diff --git a/html/images/flags.png b/html/images/flags.png
index a65ad2fe..fb3b907c 100644
Binary files a/html/images/flags.png and b/html/images/flags.png differ
diff --git a/html/src/app.js b/html/src/app.js
index 6fc83ca3..cbfe9c42 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -255,7 +255,45 @@ speechSynthesis.getVoices();
dse: 'nl',
fsl: 'fr',
jsl: 'jp',
- kvk: 'kr'
+ kvk: 'kr',
+
+ mlt: 'mt',
+ ind: 'id',
+ hrv: 'hr',
+ heb: 'he',
+ afr: 'af',
+ ben: 'be',
+ bul: 'bg',
+ cmn: 'cn',
+ cym: 'cy',
+ ell: 'el',
+ est: 'et',
+ fil: 'ph',
+ gla: 'gd',
+ gle: 'ga',
+ hin: 'hi',
+ hmn: 'cn',
+ hye: 'hy',
+ isl: 'is',
+ lav: 'lv',
+ lit: 'lt',
+ ltz: 'lb',
+ mar: 'hi',
+ mkd: 'mk',
+ msa: 'id',
+ sco: 'gd',
+ slk: 'sk',
+ slv: 'sl',
+ tel: 'hi',
+ mri: 'nz',
+ wuu: 'cn',
+ yue: 'cn',
+ tws: 'cn',
+ asf: 'au',
+ nzs: 'nz',
+ gsg: 'de',
+ epo: 'eo',
+ tok: 'tok'
};
// #endregion
// #endregion
diff --git a/html/src/flags.scss b/html/src/flags.scss
index 82e94695..e42ac63b 100644
--- a/html/src/flags.scss
+++ b/html/src/flags.scss
@@ -100,6 +100,84 @@ span[class='flags'] {
.flags.tw {
background-position: calc(var(--offx) * -3) calc(var(--offy) * -4);
}
+.flags.mt {
+ background-position: 0 calc(var(--offy) * -5);
+}
+.flags.id {
+ background-position: calc(var(--offx) * -1) calc(var(--offy) * -5);
+}
+.flags.hr {
+ background-position: calc(var(--offx) * -2) calc(var(--offy) * -5);
+}
+.flags.he {
+ background-position: calc(var(--offx) * -3) calc(var(--offy) * -5);
+}
+.flags.af {
+ background-position: calc(var(--offx) * -4) calc(var(--offy) * -5);
+}
+.flags.be {
+ background-position: calc(var(--offx) * -5) calc(var(--offy) * -5);
+}
+.flags.bg {
+ background-position: 0 calc(var(--offy) * -6);
+}
+.flags.cy {
+ background-position: calc(var(--offx) * -1) calc(var(--offy) * -6);
+}
+.flags.el {
+ background-position: calc(var(--offx) * -2) calc(var(--offy) * -6);
+}
+.flags.et {
+ background-position: calc(var(--offx) * -3) calc(var(--offy) * -6);
+}
+.flags.ph {
+ background-position: calc(var(--offx) * -4) calc(var(--offy) * -6);
+}
+.flags.gd {
+ background-position: calc(var(--offx) * -5) calc(var(--offy) * -6);
+}
+.flags.ga {
+ background-position: 0 calc(var(--offy) * -7);
+}
+.flags.hi {
+ background-position: calc(var(--offx) * -1) calc(var(--offy) * -7);
+}
+.flags.hy {
+ background-position: calc(var(--offx) * -2) calc(var(--offy) * -7);
+}
+.flags.is {
+ background-position: calc(var(--offx) * -3) calc(var(--offy) * -7);
+}
+.flags.lv {
+ background-position: calc(var(--offx) * -4) calc(var(--offy) * -7);
+}
+.flags.lt {
+ background-position: calc(var(--offx) * -5) calc(var(--offy) * -7);
+}
+.flags.lb {
+ background-position: 0 calc(var(--offy) * -8);
+}
+.flags.mk {
+ background-position: calc(var(--offx) * -1) calc(var(--offy) * -8);
+}
+.flags.sk {
+ background-position: calc(var(--offx) * -2) calc(var(--offy) * -8);
+}
+.flags.sl {
+ background-position: calc(var(--offx) * -3) calc(var(--offy) * -8);
+}
+.flags.nz {
+ background-position: calc(var(--offx) * -4) calc(var(--offy) * -8);
+}
+.flags.au {
+ background-position: calc(var(--offx) * -5) calc(var(--offy) * -8);
+}
+.flags.eo {
+ background-position: 0 calc(var(--offy) * -9);
+}
+.flags.tok {
+ background-position: calc(var(--offx) * -1) calc(var(--offy) * -9);
+}
.flags.blank {
background-position: calc(var(--offx) * -4) calc(var(--offy) * -4);
}