From 7459629ad7490edfbeeae563226c49a82cab627c Mon Sep 17 00:00:00 2001 From: soniya malviya Date: Wed, 4 Sep 2024 04:18:18 +0530 Subject: [PATCH] styling added --- index.css | 226 +++++++-- index.html | 84 ++-- index.js | 1403 +++++++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 1639 insertions(+), 74 deletions(-) diff --git a/index.css b/index.css index 8332010..e37f482 100644 --- a/index.css +++ b/index.css @@ -1,51 +1,101 @@ -/* Reset some default styles */ +/* Basic reset and styles */ * { margin: 0; padding: 0; box-sizing: border-box; } -/* Basic styling for the body */ body { - font-family: Arial, sans-serif; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f4f4; color: #333; } -/* Header styling */ -header { - background-color: #333; - color: #fff; - padding: 1rem; -} -nav { +header { + background-color: #2c3e50; + color: #ecf0f1; + padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; + max-width: 100%; + margin: 0 auto; + position: relative; } + nav h3 { margin: 0; + font-size: 1.5rem; + font-weight: 700; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); + color: #ecf0f1; } +/* Favourite button styling */ .favourite-button { cursor: pointer; + background: none; + border: none; + color: #ecf0f1; + font-size: 1.5rem; + transition: color 0.3s ease; + position: absolute; + top: 50%; + right: 1rem; + transform: translateY(-50%); } -.favourite-button i { - font-size: 1.5rem; +.favourite-button:hover { + color: #e74c3c; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + nav h3 { + font-size: 1.2rem; + } + + .favourite-button { + font-size: 1.2rem; + right: 0.5rem; + } } -/* Outer favourite section */ + +/* Intro text styling */ +.intro-text { + margin: 1rem auto; + padding: 1.5rem; + background-image: url("https://png.pngtree.com/thumb_back/fh260/background/20200205/pngtree-3d-world-map-with-shadow-light-image_329158.jpg"); + background-size: cover; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + max-width: 800px; + text-align: center; + font-weight: bold; +} + +.intro-text p { + margin: 0; + font-size: 1.1rem; + color: #333; + line-height: 1.6; + padding: 0.5rem 0; +} + +/* Favourite section */ .outer-of-favourite { padding: 1rem; background-color: #fff; border-bottom: 2px solid #ddd; + margin-bottom: 1rem; } .outer-of-favourite h2 { margin-bottom: 0.5rem; + color: #333; } .favourite-section { @@ -56,45 +106,55 @@ nav h3 { /* Main display section */ .main-display { display: flex; - flex-wrap: wrap; + flex-direction: column; padding: 1rem; - gap: 1rem; } -/* Filter section styling */ .filter-section { - flex: 1; background-color: #fff; padding: 1rem; - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + margin-bottom: 1rem; } +/* Search and filter section */ .search-section { - margin-bottom: 1rem; display: flex; - flex-direction: column; + align-items: center; + gap: 1rem; + margin-bottom: 1rem; } .search-box { - width: 100%; - padding: 0.5rem; + width: 200px; + padding: 0.75rem; border: 1px solid #ddd; - border-radius: 5px; + border-radius: 8px; + font-size: 1rem; + color: #333; + transition: border-color 0.3s ease; +} + +.search-box:focus { + border-color: #007bff; + outline: none; } .searching { - padding: 0.5rem 1rem; + padding: 0.75rem 1rem; border: none; background-color: #333; color: #fff; - border-radius: 5px; + border-radius: 8px; cursor: pointer; - margin-top: 0.5rem; + font-size: 1rem; + text-align: center; + transition: background-color 0.3s ease; } .searching:hover { - background-color: #555; + background-color: dimgrey; } .filter-options { @@ -103,45 +163,75 @@ nav h3 { .filter-options p { margin-bottom: 0.5rem; + font-size: 1rem; + color: #333; } .region-list { - width: 100%; - padding: 0.5rem; + width: 200px; + padding: 0.75rem; border: 1px solid #ddd; - border-radius: 5px; + border-radius: 8px; + font-size: 1rem; + color: #333; + background-color: #fff; + transition: border-color 0.3s ease; +} + +.region-list:focus { + border-color: #007bff; + outline: none; } /* Country template styling */ #countries-tempelate { - flex: 3; display: flex; flex-wrap: wrap; gap: 1rem; + /*margin-bottom: 1rem;*/ + justify-content: space-between; + margin-top: 2rem; + padding: 1rem; + /*background-image: url("https://media.istockphoto.com/id/165069637/vector/world-map-background.jpg?s=612x612&w=0&k=20&c=g3jg9LoiNolN4HcZD5qjW9W7xidB4nrNPBsmujW4NFY=");*/ + background-size: cover; } .country-name { background-color: #fff; - border-radius: 5px; - padding: 1rem; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + padding: 2rem; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; - width: calc(33.333% - 1rem); + width: calc(25% - 0.75rem); /* Adjust width to make the div smaller */ box-sizing: border-box; + /*background-image: url("https://static.vecteezy.com/system/resources/previews/000/570/755/non_2x/vector-political-paper-map-of-the-world-on-a-gray-background-paper-art-world-map.jpg");*/ + background-size: cover; + + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.country-name:hover { + transform: scale(1.03); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } .country-name img { max-width: 100%; height: auto; - border-radius: 5px; + border-radius: 8px; + margin-bottom: 0.5rem; } .country-name h3 { margin: 0.5rem 0; + font-size: 1.25rem; + color: #333; } .country-name p { margin: 0.25rem 0; + font-size: 1rem; + color: #666; } .country-name button { @@ -149,12 +239,14 @@ nav h3 { border: none; background-color: #333; color: #fff; - border-radius: 5px; + border-radius: 8px; cursor: pointer; + font-size: 1rem; + transition: background-color 0.3s ease; } .country-name button:hover { - background-color: #555; + background-color: dimgrey; } .noMatchFound { @@ -167,6 +259,62 @@ nav h3 { height: 100%; } +/* Detailed View */ +.country-details { + display: none; + background-color: #fff; + border-radius: 8px; + padding: 1.5rem; + margin: 1.5rem 0; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + position: absolute; + max-width: 400px; + z-index: 1000; +} + +.country-details img { + max-width: 150px; + height: auto; + border-radius: 8px; +} + +.country-details h2 { + margin-top: 0; + font-size: 1.5rem; +} + +.country-details p { + margin: 0.5rem 0; + font-size: 1rem; +} + +/* Map */ +#map { + height: 300px; + width: 100%; + border-radius: 8px; + margin-top: 1.5rem; +} + +/* Buttons */ +.button { + padding: 0.75rem 1.5rem; + border: none; + background-color: #007bff; + color: #fff; + border-radius: 8px; + cursor: pointer; + text-align: center; + display: inline-block; + text-decoration: none; + font-size: 1rem; + transition: background-color 0.3s ease; +} + +.button:hover { + background-color: #0056b3; +} + /* Responsive Design */ @media (max-width: 768px) { .main-display { diff --git a/index.html b/index.html index 616300e..f93b107 100644 --- a/index.html +++ b/index.html @@ -8,43 +8,59 @@ -
- -
-
-

Favourites

-
-

˙◠˙ Nothing in your Favourites !!

+
+ +
+
+

" Explore essential details about countries from around the world. Find out about their major cities, cultural heritage, and key statistics that offer a glimpse into what makes each country unique. "

+
+
+

Favourites

+
+

˙◠˙ Nothing in your Favourites !!

-
-
-
- - -
-
-

Filter by Region

- -
+
+
+
+
+ +
-
-
No Match Found!
-
- -

Aland islands

-

Capital: Mariehamn

-

Region: Europe

- -
+
+
+
No Match Found!
+
+ +

Aland islands

+

Capital: Mariehamn

+

Region: Europe

+
- +
+ +
+ Flag +

+

+

+

+

+

+

+

+
+
+ + - \ No newline at end of file + +l> \ No newline at end of file diff --git a/index.js b/index.js index 68884fd..b9e96ae 100644 --- a/index.js +++ b/index.js @@ -70,6 +70,163 @@ let countriesData = [ cioc: 'AFG', independent: true, }, + { + name: 'India', + topLevelDomain: ['.in'], + alpha2Code: 'IN', + alpha3Code: 'IND', + callingCodes: ['91'], + capital: 'New Delhi', + altSpellings: ['IN', 'Bharat', 'Hindustan'], + subregion: 'Southern Asia', + region: 'Asia', + population: 1393409038, + latlng: [20, 77], + demonym: 'Indian', + area: 3287263, + timezones: ['UTC+05:30'], + borders: ['PAK', 'CHN', 'NEP', 'BT', 'BD', 'MM'], + nativeName: 'भारत', + numericCode: '356', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/4/41/Flag_of_India.svg', + }, + currencies: [ + { + code: 'INR', + name: 'Indian Rupee', + symbol: '₹', + }, + ], + languages: [ + { + iso639_1: 'hi', + iso639_2: 'hin', + name: 'Hindi', + nativeName: 'हिन्दी', + }, + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'bn', + iso639_2: 'ben', + name: 'Bengali', + nativeName: 'বাংলা', + }, + { + iso639_1: 'te', + iso639_2: 'tel', + name: 'Telugu', + nativeName: 'తెలుగు', + }, + { + iso639_1: 'mr', + iso639_2: 'mar', + name: 'Marathi', + nativeName: 'मराठी', + }, + { + iso639_1: 'ta', + iso639_2: 'tam', + name: 'Tamil', + nativeName: 'தமிழ்', + }, + { + iso639_1: 'ur', + iso639_2: 'urd', + name: 'Urdu', + nativeName: 'اردو', + }, + ], + translations: { + br: 'Índia', + pt: 'Índia', + nl: 'India', + hr: 'Indija', + fa: 'هند', + de: 'Indien', + es: 'India', + fr: 'Inde', + ja: 'インド', + it: 'India', + hu: 'India', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/4/41/Flag_of_India.svg', + regionalBlocs: [ + { + acronym: 'SAARC', + name: 'South Asian Association for Regional Cooperation', + }, + { + acronym: 'BRICS', + name: 'BRICS', + }, + ], + cioc: 'IND', + independent: true, + + +}, + { + name: 'Japan', + topLevelDomain: ['.jp'], + alpha2Code: 'JP', + alpha3Code: 'JPN', + callingCodes: ['81'], + capital: 'Tokyo', + altSpellings: ['JP', 'Nihon', 'Nippon'], + subregion: 'Eastern Asia', + region: 'Asia', + population: 126476461, + latlng: [36, 138], + demonym: 'Japanese', + area: 377973, + timezones: ['UTC+09:00'], + borders: [], + nativeName: '日本', + numericCode: '392', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/9/9e/Flag_of_Japan.svg', + }, + currencies: [ + { + code: 'JPY', + name: 'Japanese Yen', + symbol: '¥', + }, + ], + languages: [ + { + iso639_1: 'ja', + iso639_2: 'jpn', + name: 'Japanese', + nativeName: '日本語', + }, + ], + translations: { + br: 'Japão', + pt: 'Japão', + nl: 'Japan', + hr: 'Japan', + fa: 'ژاپن', + de: 'Japan', + es: 'Japón', + fr: 'Japon', + ja: '日本', + it: 'Giappone', + hu: 'Japán', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/9/9e/Flag_of_Japan.svg', + regionalBlocs: [], + cioc: 'JPN', + independent: true, + + +}, { name: 'Aland Islands', topLevelDomain: ['.ax'], @@ -186,7 +343,1137 @@ let countriesData = [ ], cioc: 'ALB', independent: true, + },{ + name: 'Thailand', + topLevelDomain: ['.th'], + alpha2Code: 'TH', + alpha3Code: 'THA', + callingCodes: ['66'], + capital: 'Bangkok', + altSpellings: ['TH', 'Kingdom of Thailand'], + subregion: 'Southeast Asia', + region: 'Asia', + population: 70007803, + latlng: [15, 100], + demonym: 'Thai', + area: 513120, + timezones: ['UTC+07:00'], + borders: ['MMR', 'LAO', 'KHM', 'MYS'], + nativeName: 'ประเทศไทย', + numericCode: '764', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Flag_of_Thailand.svg/1599px-Flag_of_Thailand.svg.png?20180215104633', }, + currencies: [ + { + code: 'THB', + name: 'Thai Baht', + symbol: '฿', + }, + ], + languages: [ + { + iso639_1: 'th', + iso639_2: 'tha', + name: 'Thai', + nativeName: 'ไทย', + }, + ], + translations: { + br: 'Tailândia', + pt: 'Tailândia', + nl: 'Thailand', + hr: 'Tajland', + fa: 'تایلند', + de: 'Thailand', + es: 'Tailandia', + fr: 'Thaïlande', + ja: 'タイ', + it: 'Thailandia', + hu: 'Thaiföld', + }, + flag: 'https://media.istockphoto.com/id/462185765/photo/thai-flag.jpg?s=612x612&w=0&k=20&c=hLoEXA6I9i2Fr-x0V27127z6RD8A3U1B0dIEOST_SM0=', + regionalBlocs: [], + cioc: 'THA', + independent: true, + } + ,{ + name: 'Kenya', + topLevelDomain: ['.ke'], + alpha2Code: 'KE', + alpha3Code: 'KEN', + callingCodes: ['254'], + capital: 'Nairobi', + altSpellings: ['KE', 'Republic of Kenya'], + subregion: 'Eastern Africa', + region: 'Africa', + population: 53771296, + latlng: [1, 38], + demonym: 'Kenyan', + area: 580367, + timezones: ['UTC+03:00'], + borders: ['ETH', 'SOM', 'TZA', 'UGA'], + nativeName: 'Kenya', + numericCode: '404', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/4/49/Flag_of_Kenya.svg', + }, + currencies: [ + { + code: 'KES', + name: 'Kenyan Shilling', + symbol: 'KSh', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'sw', + iso639_2: 'swa', + name: 'Swahili', + nativeName: 'Kiswahili', + }, + ], + translations: { + br: 'Quênia', + pt: 'Quénia', + nl: 'Kenia', + hr: 'Kenija', + fa: 'کنیا', + de: 'Kenia', + es: 'Kenia', + fr: 'Kenya', + ja: 'ケニア', + it: 'Kenya', + hu: 'Kenya', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/4/49/Flag_of_Kenya.svg', + regionalBlocs: [ + { + acronym: 'EAC', + name: 'East African Community', + }, + ], + cioc: 'KEN', + independent: true, + } + ,{ + name: 'Egypt', + topLevelDomain: ['.eg'], + alpha2Code: 'EG', + alpha3Code: 'EGY', + callingCodes: ['20'], + capital: 'Cairo', + altSpellings: ['EG', 'Arab Republic of Egypt'], + subregion: 'Northern Africa', + region: 'Africa', + population: 91250000, + latlng: [27, 30], + demonym: 'Egyptian', + area: 1001450, + timezones: ['UTC+02:00'], + borders: ['ISR', 'LBY', 'SDN'], + nativeName: 'مصر', + numericCode: '818', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Flag_of_Egypt.svg/1599px-Flag_of_Egypt.svg.png?20231030035225', + }, + currencies: [ + { + code: 'EGP', + name: 'Egyptian Pound', + symbol: '£', + }, + ], + languages: [ + { + iso639_1: 'ar', + iso639_2: 'ara', + name: 'Arabic', + nativeName: 'العربية', + }, + ], + translations: { + br: 'Egito', + pt: 'Egito', + nl: 'Egypte', + hr: 'Egipat', + fa: 'مصر', + de: 'Ägypten', + es: 'Egipto', + fr: 'Égypte', + ja: 'エジプト', + it: 'Egitto', + hu: 'Egyiptom', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/f/f4/Flag_of_Egypt.svg', + regionalBlocs: [ + { + acronym: 'AU', + name: 'African Union', + }, + ], + cioc: 'EGY', + independent: true, + } + , + { + name: 'Nigeria', + topLevelDomain: ['.ng'], + alpha2Code: 'NG', + alpha3Code: 'NGA', + callingCodes: ['234'], + capital: 'Abuja', + altSpellings: ['NG', 'Federal Republic of Nigeria'], + subregion: 'Western Africa', + region: 'Africa', + population: 211400708, + latlng: [10, 8], + demonym: 'Nigerian', + area: 923768, + timezones: ['UTC+01:00'], + borders: ['BEN', 'CMR', 'CHN', 'NGA'], + nativeName: 'Nigeria', + numericCode: '566', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/79/Flag_of_Nigeria.svg/1600px-Flag_of_Nigeria.svg.png', + }, + currencies: [ + { + code: 'NGN', + name: 'Nigerian Naira', + symbol: '₦', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'ha', + iso639_2: 'hau', + name: 'Hausa', + nativeName: 'Hausa', + }, + { + iso639_1: 'yo', + iso639_2: 'yor', + name: 'Yoruba', + nativeName: 'Yoruba', + }, + { + iso639_1: 'ig', + iso639_2: 'ibo', + name: 'Igbo', + nativeName: 'Igbo', + }, + ], + translations: { + br: 'Nigéria', + pt: 'Nigéria', + nl: 'Nigeria', + hr: 'Nigerija', + fa: 'نیجریه', + de: 'Nigeria', + es: 'Nigeria', + fr: 'Nigeria', + ja: 'ナイジェリア', + it: 'Nigeria', + hu: 'Nigéria', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/7/7e/Flag_of_Nigeria.svg', + regionalBlocs: [ + { + acronym: 'ECOWAS', + name: 'Economic Community of West African States', + }, + ], + cioc: 'NGR', + independent: true, + + +},{ + name: 'South Africa', + topLevelDomain: ['.za'], + alpha2Code: 'ZA', + alpha3Code: 'ZAF', + callingCodes: ['27'], + capital: 'Pretoria', + altSpellings: ['ZA', 'Republic of South Africa'], + subregion: 'Southern Africa', + region: 'Africa', + population: 59308690, + latlng: [-29, 24], + demonym: 'South African', + area: 1219090, + timezones: ['UTC+02:00'], + borders: ['BWA', 'LSO', 'MOZ', 'NAM', 'SWZ', 'ZWE'], + nativeName: 'South Africa', + numericCode: '710', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Flag_of_South_Africa.svg/2560px-Flag_of_South_Africa.svg.png', + }, + currencies: [ + { + code: 'ZAR', + name: 'South African Rand', + symbol: 'R', + }, + ], + languages: [ + { + iso639_1: 'af', + iso639_2: 'afr', + name: 'Afrikaans', + nativeName: 'Afrikaans', + }, + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'zu', + iso639_2: 'zul', + name: 'Zulu', + nativeName: 'Zulu', + }, + { + iso639_1: 'xh', + iso639_2: 'xho', + name: 'Xhosa', + nativeName: 'Xhosa', + }, + { + iso639_1: 'sn', + iso639_2: 'sna', + name: 'Shona', + nativeName: 'Shona', + }, + { + iso639_1: 'ts', + iso639_2: 'tso', + name: 'Tsonga', + nativeName: 'Tsonga', + }, + { + iso639_1: 'tn', + iso639_2: 'tsn', + name: 'Tswana', + nativeName: 'Tswana', + }, + { + iso639_1: 've', + iso639_2: 'ven', + name: 'Venda', + nativeName: 'Venda', + }, + { + iso639_1: 'si', + iso639_2: 'sin', + name: 'Sinhalese', + nativeName: 'සිංහල', + }, + { + iso639_1: 'st', + iso639_2: 'sot', + name: 'Sesotho', + nativeName: 'Sesotho', + }, + ], + translations: { + br: 'África do Sul', + pt: 'África do Sul', + nl: 'Zuid-Afrika', + hr: 'Južnoafrička Republika', + fa: 'آفریقای جنوبی', + de: 'Südafrika', + es: 'Sudáfrica', + fr: 'Afrique du Sud', + ja: '南アフリカ', + it: 'Sudafrica', + hu: 'Dél-Afrika', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Flag_of_South_Africa.svg/2560px-Flag_of_South_Africa.svg.png', + regionalBlocs: [ + { + acronym: 'AU', + name: 'African Union', + }, + { + acronym: 'SADC', + name: 'Southern African Development Community', + }, + ], + cioc: 'RSA', + independent: true, + },{ + name: 'Canada', + topLevelDomain: ['.ca'], + alpha2Code: 'CA', + alpha3Code: 'CAN', + callingCodes: ['1'], + capital: 'Ottawa', + altSpellings: ['CA', 'Canada'], + subregion: 'Northern America', + region: 'Americas', + population: 37742154, + latlng: [56.0, -106.0], + demonym: 'Canadian', + area: 9976140, + timezones: ['UTC-03:00', 'UTC-04:00', 'UTC-05:00', 'UTC-06:00', 'UTC-07:00', 'UTC-08:00'], + nativeName: 'Canada', + numericCode: '124', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/en/c/cf/Flag_of_Canada.svg', + }, + currencies: [ + { + code: 'CAD', + name: 'Canadian Dollar', + symbol: '$', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'fr', + iso639_2: 'fra', + name: 'French', + nativeName: 'Français', + }, + ], + translations: { + br: 'Canadá', + pt: 'Canadá', + nl: 'Canada', + hr: 'Kanada', + fa: 'کانادا', + de: 'Kanada', + es: 'Canadá', + fr: 'Canada', + ja: 'カナダ', + it: 'Canada', + hu: 'Kanada', + }, + flag: 'https://flagcdn.com/ca.svg', + regionalBlocs: [ + { + acronym: 'NAFTA', + name: 'North American Free Trade Agreement', + otherNames: [ + 'Accord de libre-échange nord-américain', + ], + }, + ], + cioc: 'CAN', + independent: true + } + , + { + name: 'New Zealand', + topLevelDomain: ['.nz'], + alpha2Code: 'NZ', + alpha3Code: 'NZL', + callingCodes: ['64'], + capital: 'Wellington', + altSpellings: ['NZ', 'Aotearoa'], + subregion: 'Australia and New Zealand', + region: 'Oceania', + population: 5084300, + latlng: [-41, 174], + demonym: 'New Zealander', + area: 268021, + timezones: ['UTC+12:00', 'UTC+13:00'], + borders: [], + nativeName: 'New Zealand', + numericCode: '554', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Flag_of_New_Zealand.svg/1600px-Flag_of_New_Zealand.svg.png?20220924013214', + }, + currencies: [ + { + code: 'NZD', + name: 'New Zealand Dollar', + symbol: '$', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'mi', + iso639_2: 'mri', + name: 'Māori', + nativeName: 'Māori', + }, + ], + translations: { + br: 'Nova Zelândia', + pt: 'Nova Zelândia', + nl: 'Nieuw-Zeeland', + hr: 'Novi Zeland', + fa: 'نیوزیلند', + de: 'Neuseeland', + es: 'Nueva Zelanda', + fr: 'Nouvelle-Zélande', + ja: 'ニュージーランド', + it: 'Nuova Zelanda', + hu: 'Új-Zéland', + }, + flag: 'https://upload.wikimedia.org/wikipedia/en/3/3e/Flag_of_New_Zealand.svg', + regionalBlocs: [], + cioc: 'NZL', + independent: true, + },{ + name: 'Germany', + topLevelDomain: ['.de'], + alpha2Code: 'DE', + alpha3Code: 'DEU', + callingCodes: ['49'], + capital: 'Berlin', + altSpellings: ['DE', 'Deutschland'], + subregion: 'Western Europe', + region: 'Europe', + population: 83783942, + latlng: [51, 9], + demonym: 'German', + area: 357022, + timezones: ['UTC+01:00'], + borders: ['AT', 'BE', 'CZ', 'DK', 'FR', 'LU', 'NL', 'PL', 'SE'], + nativeName: 'Deutschland', + numericCode: '276', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Flag_of_Germany.svg/1600px-Flag_of_Germany.svg.png?20070926182838', + }, + currencies: [ + { + code: 'EUR', + name: 'Euro', + symbol: '€', + }, + ], + languages: [ + { + iso639_1: 'de', + iso639_2: 'deu', + name: 'German', + nativeName: 'Deutsch', + }, + ], + translations: { + br: 'Alemanha', + pt: 'Alemanha', + nl: 'Duitsland', + hr: 'Njemačka', + fa: 'آلمان', + de: 'Deutschland', + es: 'Alemania', + fr: 'Allemagne', + ja: 'ドイツ', + it: 'Germania', + hu: 'Németország', + }, + flag: 'https://upload.wikimedia.org/wikipedia/en/b/bd/Flag_of_Germany.svg', + regionalBlocs: [ + { + acronym: 'EU', + name: 'European Union', + }, + { + acronym: 'G7', + name: 'Group of Seven', + }, + ], + cioc: 'GER', + independent: true, + } +,{ + name: 'France', + topLevelDomain: ['.fr'], + alpha2Code: 'FR', + alpha3Code: 'FRA', + callingCodes: ['33'], + capital: 'Paris', + altSpellings: ['FR', 'République Française'], + subregion: 'Western Europe', + region: 'Europe', + population: 65273511, + latlng: [46, 2], + demonym: 'French', + area: 551695, + timezones: ['UTC+01:00'], + borders: ['AND', 'BE', 'DE', 'IT', 'LU', 'MC', 'ES', 'CH'], + nativeName: 'France', + numericCode: '250', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/en/c/c3/Flag_of_France.svg', + }, + currencies: [ + { + code: 'EUR', + name: 'Euro', + symbol: '€', + }, + ], + languages: [ + { + iso639_1: 'fr', + iso639_2: 'fra', + name: 'French', + nativeName: 'Français', + }, + ], + translations: { + br: 'França', + pt: 'França', + nl: 'Frankrijk', + hr: 'Francuska', + fa: 'فرانسه', + de: 'Frankreich', + es: 'Francia', + fr: 'France', + ja: 'フランス', + it: 'Francia', + hu: 'Franciaország', + }, + flag: 'https://upload.wikimedia.org/wikipedia/en/c/c3/Flag_of_France.svg', + regionalBlocs: [ + { + acronym: 'EU', + name: 'European Union', + }, + { + acronym: 'G7', + name: 'Group of Seven', + }, + { + acronym: 'NATO', + name: 'North Atlantic Treaty Organization', + }, + ], + cioc: 'FRA', + independent: true, + } +,{ + name: 'Italy', + topLevelDomain: ['.it'], + alpha2Code: 'IT', + alpha3Code: 'ITA', + callingCodes: ['39'], + capital: 'Rome', + altSpellings: ['IT', 'Italia'], + subregion: 'Southern Europe', + region: 'Europe', + population: 60244639, + latlng: [42.8333, 12.8333], + demonym: 'Italian', + area: 301340, + timezones: ['UTC+01:00'], + borders: ['AT', 'CH', 'FR', 'SI', 'SM', 'VA'], + nativeName: 'Italia', + numericCode: '380', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/en/0/03/Flag_of_Italy.svg', + }, + currencies: [ + { + code: 'EUR', + name: 'Euro', + symbol: '€', + }, + ], + languages: [ + { + iso639_1: 'it', + iso639_2: 'ita', + name: 'Italian', + nativeName: 'Italiano', + }, + ], + translations: { + br: 'Itália', + pt: 'Itália', + nl: 'Italië', + hr: 'Italija', + fa: 'ایتالیا', + de: 'Italien', + es: 'Italia', + fr: 'Italie', + ja: 'イタリア', + it: 'Italia', + hu: 'Olaszország', + }, + flag: 'https://upload.wikimedia.org/wikipedia/en/0/03/Flag_of_Italy.svg', + regionalBlocs: [ + { + acronym: 'EU', + name: 'European Union', + }, + { + acronym: 'G7', + name: 'Group of Seven', + }, + ], + cioc: 'ITA', + independent: true, + } +,{ + name: 'Spain', + topLevelDomain: ['.es'], + alpha2Code: 'ES', + alpha3Code: 'ESP', + callingCodes: ['34'], + capital: 'Madrid', + altSpellings: ['ES', 'España'], + subregion: 'Southern Europe', + region: 'Europe', + population: 46754783, + latlng: [40, -4], + demonym: 'Spanish', + area: 505992, + timezones: ['UTC+01:00'], + borders: ['AND', 'FR', 'GI', 'PT', 'AD'], + nativeName: 'España', + numericCode: '724', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/en/9/9a/Flag_of_Spain.svg', + }, + currencies: [ + { + code: 'EUR', + name: 'Euro', + symbol: '€', + }, + ], + languages: [ + { + iso639_1: 'es', + iso639_2: 'spa', + name: 'Spanish', + nativeName: 'Español', + }, + ], + translations: { + br: 'Espanha', + pt: 'Espanha', + nl: 'Spanje', + hr: 'Španjolska', + fa: 'اسپانیا', + de: 'Spanien', + es: 'España', + fr: 'Espagne', + ja: 'スペイン', + it: 'Spagna', + hu: 'Spanyolország', + }, + flag: 'https://upload.wikimedia.org/wikipedia/en/9/9a/Flag_of_Spain.svg', + regionalBlocs: [ + { + acronym: 'EU', + name: 'European Union', + }, + ], + cioc: 'ESP', + independent: true, + } +,{ + name: 'Netherlands', + topLevelDomain: ['.nl'], + alpha2Code: 'NL', + alpha3Code: 'NLD', + callingCodes: ['31'], + capital: 'Amsterdam', + altSpellings: ['NL', 'Nederland'], + subregion: 'Western Europe', + region: 'Europe', + population: 17134872, + latlng: [52.5, 5.75], + demonym: 'Dutch', + area: 41850, + timezones: ['UTC+01:00'], + borders: ['BE', 'DE'], + nativeName: 'Nederland', + numericCode: '528', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Flag_of_the_Netherlands.svg/1599px-Flag_of_the_Netherlands.svg.png?20100406171959', + }, + currencies: [ + { + code: 'EUR', + name: 'Euro', + symbol: '€', + }, + ], + languages: [ + { + iso639_1: 'nl', + iso639_2: 'nld', + name: 'Dutch', + nativeName: 'Nederlands', + }, + ], + translations: { + br: 'Países Baixos', + pt: 'Países Baixos', + nl: 'Nederland', + hr: 'Nizozemska', + fa: 'هلند', + de: 'Niederlande', + es: 'Países Bajos', + fr: 'Pays-Bas', + ja: 'オランダ', + it: 'Paesi Bassi', + hu: 'Hollandia', + }, + flag: 'https://upload.wikimedia.org/wikipedia/en/2/20/Flag_of_the_Netherlands.svg', + regionalBlocs: [ + { + acronym: 'EU', + name: 'European Union', + }, + ], + cioc: 'NED', + independent: true, + } + + ,{ + name: 'Fiji', + topLevelDomain: ['.fj'], + alpha2Code: 'FJ', + alpha3Code: 'FJI', + callingCodes: ['679'], + capital: 'Suva', + altSpellings: ['FJ', 'Republic of Fiji'], + subregion: 'Melanesia', + region: 'Oceania', + population: 896444, + latlng: [-18, 175], + demonym: 'Fijian', + area: 18272, + timezones: ['UTC+12:00', 'UTC+13:00'], + borders: [], + nativeName: 'Fiji', + numericCode: '242', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Flag_of_Fiji.svg/1600px-Flag_of_Fiji.svg.png?20221205012540', + }, + currencies: [ + { + code: 'FJD', + name: 'Fijian Dollar', + symbol: '$', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'fj', + iso639_2: 'fij', + name: 'Fijian', + nativeName: 'Fijian', + }, + { + iso639_1: 'ho', + iso639_2: 'hmo', + name: 'Hmong', + nativeName: 'Hmong', + }, + ], + translations: { + br: 'Fiji', + pt: 'Fiji', + nl: 'Fiji', + hr: 'Fidži', + fa: 'فیجی', + de: 'Fidschi', + es: 'Fiyi', + fr: 'Fidji', + ja: 'フィジー', + it: 'Figi', + hu: 'Fidzsi', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/f/fc/Flag_of_Fiji.svg', + regionalBlocs: [], + cioc: 'FIJ', + independent: true, + } +,{ + name: 'Papua New Guinea', + topLevelDomain: ['.pg'], + alpha2Code: 'PG', + alpha3Code: 'PNG', + callingCodes: ['675'], + capital: 'Port Moresby', + altSpellings: ['PG', 'Independent State of Papua New Guinea'], + subregion: 'Melanesia', + region: 'Oceania', + population: 8947027, + latlng: [-6, 147], + demonym: 'Papua New Guinean', + area: 462840, + timezones: ['UTC+10:00'], + borders: ['IDN'], + nativeName: 'Papua New Guinea', + numericCode: '598', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Flag_of_Papua_New_Guinea.svg/1200px-Flag_of_Papua_New_Guinea.svg.png?20230910012559', + }, + currencies: [ + { + code: 'PGK', + name: 'Papua New Guinean Kina', + symbol: 'K', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'tpi', + iso639_2: 'tpi', + name: 'Tok Pisin', + nativeName: 'Tok Pisin', + }, + { + iso639_1: 'ho', + iso639_2: 'hmo', + name: 'Hiri Motu', + nativeName: 'Hiri Motu', + }, + ], + translations: { + br: 'Papua-Nova Guiné', + pt: 'Papua-Nova Guiné', + nl: 'Papoea-Nieuw-Guinea', + hr: 'Papua Nova Gvineja', + fa: 'پاپوآ گینه نو', + de: 'Papua-Neuguinea', + es: 'Papúa Nueva Guinea', + fr: 'Papouasie-Nouvelle-Guinée', + ja: 'パプアニューギニア', + it: 'Papua Nuova Guinea', + hu: 'Pápua Új-Guinea', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/e/e5/Flag_of_Papua_New_Guinea.svg', + regionalBlocs: [], + cioc: 'PNG', + independent: true, + } +,{ + name: 'Tonga', + topLevelDomain: ['.to'], + alpha2Code: 'TO', + alpha3Code: 'TON', + callingCodes: ['676'], + capital: 'Nukuʻalofa', + altSpellings: ['TO', 'Kingdom of Tonga'], + subregion: 'Polynesia', + region: 'Oceania', + population: 105697, + latlng: [-20, -175], + demonym: 'Tongan', + area: 748, + timezones: ['UTC+13:00', 'UTC+14:00'], + borders: [], + nativeName: 'Tonga', + numericCode: '776', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Flag_of_Tonga.svg/1600px-Flag_of_Tonga.svg.png?20151013195503', + }, + currencies: [ + { + code: 'TOP', + name: 'Tongan Paʻanga', + symbol: 'T$', + }, + ], + languages: [ + { + iso639_1: 'to', + iso639_2: 'ton', + name: 'Tongan', + nativeName: 'Tonga', + }, + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + ], + translations: { + br: 'Tonga', + pt: 'Tonga', + nl: 'Tonga', + hr: 'Tonga', + fa: 'تونگا', + de: 'Tonga', + es: 'Tonga', + fr: 'Tonga', + ja: 'トンガ', + it: 'Tonga', + hu: 'Tonga', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/9/9a/Flag_of_Tonga.svg', + regionalBlocs: [], + cioc: 'TON', + independent: true, + } +,{ + name: 'Vanuatu', + topLevelDomain: ['.vu'], + alpha2Code: 'VU', + alpha3Code: 'VUT', + callingCodes: ['678'], + capital: 'Port Vila', + altSpellings: ['VU', 'Republic of Vanuatu'], + subregion: 'Melanesia', + region: 'Oceania', + population: 307150, + latlng: [-16, 167], + demonym: 'Vanuatuan', + area: 12189, + timezones: ['UTC+11:00'], + borders: [], + nativeName: 'Vanuatu', + numericCode: '550', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Flag_of_Vanuatu.svg/1200px-Flag_of_Vanuatu.svg.png?20150611203121', + }, + currencies: [ + { + code: 'VUV', + name: 'Vanuatu Vatu', + symbol: 'Vt', + }, + ], + languages: [ + { + iso639_1: 'bi', + iso639_2: 'bis', + name: 'Bislama', + nativeName: 'Bislama', + }, + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'fr', + iso639_2: 'fra', + name: 'French', + nativeName: 'Français', + }, + ], + translations: { + br: 'Vanuatu', + pt: 'Vanuatu', + nl: 'Vanuatu', + hr: 'Vanuatu', + fa: 'وانواتو', + de: 'Vanuatu', + es: 'Vanuatu', + fr: 'Vanuatu', + ja: 'バヌアツ', + it: 'Vanuatu', + hu: 'Vanuatu', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/5/56/Flag_of_Vanuatu.svg', + regionalBlocs: [], + cioc: 'VAN', + independent: true, + },{ + name: 'Tuvalu', + topLevelDomain: ['.tv'], + alpha2Code: 'TV', + alpha3Code: 'TUV', + callingCodes: ['688'], + capital: 'Funafuti', + altSpellings: ['TV', 'Tuvalu'], + subregion: 'Polynesia', + region: 'Oceania', + population: 11646, + latlng: [-8, 179], + demonym: 'Tuvaluan', + area: 26, + timezones: ['UTC+12:00'], + borders: [], + nativeName: 'Tuvalu', + numericCode: '798', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Flag_of_Tuvalu.svg/1600px-Flag_of_Tuvalu.svg.png?20230803000517', + }, + currencies: [ + { + code: 'AUD', + name: 'Australian Dollar', + symbol: '$', + }, + ], + languages: [ + { + iso639_1: 'tu', + iso639_2: 'tuv', + name: 'Tuvaluan', + nativeName: 'Tuvaluan', + }, + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + ], + translations: { + br: 'Tuvalu', + pt: 'Tuvalu', + nl: 'Tuvalu', + hr: 'Tuvalu', + fa: 'تووالو', + de: 'Tuvalu', + es: 'Tuvalu', + fr: 'Tuvalu', + ja: 'ツバル', + it: 'Tuvalu', + hu: 'Tuvalu', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/7/74/Flag_of_Tuvalu.svg', + regionalBlocs: [], + cioc: 'TUV', + independent: true, + } + + , { name: 'Algeria', topLevelDomain: ['.dz'], @@ -262,8 +1549,122 @@ let countriesData = [ ], cioc: 'ALG', independent: true, + },{ + name: 'South Korea', + topLevelDomain: ['.kr'], + alpha2Code: 'KR', + alpha3Code: 'KOR', + callingCodes: ['82'], + capital: 'Seoul', + altSpellings: ['KR', 'Republic of Korea', 'ROK'], + subregion: 'Eastern Asia', + region: 'Asia', + population: 51780579, + latlng: [37, 127], + demonym: 'South Korean', + area: 100032, + timezones: ['UTC+09:00'], + borders: ['KOR'], + nativeName: '대한민국', + numericCode: '410', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Flag_of_Korea_%28November_1882%29.svg/1600px-Flag_of_Korea_%28November_1882%29.svg.png?20180813102052', }, - { + currencies: [ + { + code: 'KRW', + name: 'South Korean Won', + symbol: '₩', + }, + ], + languages: [ + { + iso639_1: 'ko', + iso639_2: 'kor', + name: 'Korean', + nativeName: '한국어', + }, + ], + translations: { + br: 'Coreia do Sul', + pt: 'Coreia do Sul', + nl: 'Zuid-Korea', + hr: 'Južna Koreja', + fa: 'کره جنوبی', + de: 'Südkorea', + es: 'Corea del Sur', + fr: 'Corée du Sud', + ja: '韓国', + it: 'Corea del Sud', + hu: 'Dél-Korea', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/5/51/Flag_of_South_Korea.svg', + regionalBlocs: [], + cioc: 'KOR', + independent: true, + },{ + name: 'Kiribati', + topLevelDomain: ['.ki'], + alpha2Code: 'KI', + alpha3Code: 'KIR', + callingCodes: ['686'], + capital: 'South Tarawa', + altSpellings: ['KI', 'Republic of Kiribati'], + subregion: 'Polynesia', + region: 'Oceania', + population: 120100, + latlng: [1.4167, 173], + demonym: 'I-Kiribati', + area: 811, + timezones: ['UTC+12:00', 'UTC+13:00', 'UTC+14:00'], + borders: [], + nativeName: 'Kiribati', + numericCode: '296', + flags: { + svg: 'https://upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Flag_of_Kiribati.svg/1200px-Flag_of_Kiribati.svg.png?20231230023731', + }, + currencies: [ + { + code: 'AUD', + name: 'Australian Dollar', + symbol: '$', + }, + ], + languages: [ + { + iso639_1: 'en', + iso639_2: 'eng', + name: 'English', + nativeName: 'English', + }, + { + iso639_1: 'gil', + iso639_2: 'gil', + name: 'Gilbertese', + nativeName: 'Kiribati', + }, + ], + translations: { + br: 'Quiribáti', + pt: 'Quiribati', + nl: 'Kiribati', + hr: 'Kiribati', + fa: 'کیریباتی', + de: 'Kiribati', + es: 'Kiribati', + fr: 'Kiribati', + ja: 'キリバス', + it: 'Kiribati', + hu: 'Kiribati', + }, + flag: 'https://upload.wikimedia.org/wikipedia/commons/4/4e/Flag_of_Kiribati.svg', + regionalBlocs: [], + cioc: 'KIR', + independent: true, + } + , + + { name: 'American Samoa', topLevelDomain: ['.as'], alpha2Code: 'AS',