diff --git a/assets/index-PO9S1iEW.js b/assets/index-Z7qm5ksQ.js similarity index 90% rename from assets/index-PO9S1iEW.js rename to assets/index-Z7qm5ksQ.js index e6640ce..9b740fc 100644 --- a/assets/index-PO9S1iEW.js +++ b/assets/index-Z7qm5ksQ.js @@ -64,4 +64,4 @@ Error generating stack: `+i.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */function ro(){return ro=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function Nh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Ph(e,t){return e.button===0&&(!t||t==="_self")&&!Nh(e)}const _h=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],Rh="startTransition",ga=xf[Rh];function Th(e){let{basename:t,children:n,future:r,window:l}=e,i=k.useRef();i.current==null&&(i.current=Mp({window:l,v5Compat:!0}));let o=i.current,[u,a]=k.useState({action:o.action,location:o.location}),{v7_startTransition:s}=r||{},h=k.useCallback(p=>{s&&ga?ga(()=>a(p)):a(p)},[a,s]);return k.useLayoutEffect(()=>o.listen(h),[o,h]),k.createElement(kh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o,future:r})}const Lh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",jh=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,sr=k.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:i,replace:o,state:u,target:a,to:s,preventScrollReset:h,unstable_viewTransition:p}=t,m=Eh(t,_h),{basename:x}=k.useContext(Bt),S,y=!1;if(typeof s=="string"&&jh.test(s)&&(S=s,Lh))try{let d=new URL(window.location.href),g=s.startsWith("//")?new URL(d.protocol+s):new URL(s),C=eu(g.pathname,x);g.origin===d.origin&&C!=null?s=C+g.search+g.hash:y=!0}catch{}let E=ih(s,{relative:l}),f=Mh(s,{replace:o,state:u,target:a,preventScrollReset:h,relative:l,unstable_viewTransition:p});function c(d){r&&r(d),d.defaultPrevented||f(d)}return k.createElement("a",ro({},m,{href:S||E,onClick:y||i?r:c,ref:n,target:a}))});var ya;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(ya||(ya={}));var wa;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(wa||(wa={}));function Mh(e,t){let{target:n,replace:r,state:l,preventScrollReset:i,relative:o,unstable_viewTransition:u}=t===void 0?{}:t,a=oh(),s=jl(),h=Wc(e,{relative:o});return k.useCallback(p=>{if(Ph(p,n)){p.preventDefault();let m=r!==void 0?r:dl(s)===dl(h);a(e,{replace:m,state:l,preventScrollReset:i,relative:o,unstable_viewTransition:u})}},[s,a,h,r,l,n,e,i,o,u])}const zh="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M6%20.278a.768.768%200%200%201%20.08.858a7.208%207.208%200%200%200-.878%203.46c0%204.021%203.278%207.277%207.318%207.277c.527%200%201.04-.055%201.533-.16a.787.787%200%200%201%20.81.316a.733.733%200%200%201-.031.893A8.349%208.349%200%200%201%208.344%2016C3.734%2016%200%2012.286%200%207.71C0%204.266%202.114%201.312%205.124.06A.752.752%200%200%201%206%20.278z'/%3e%3c/svg%3e",Oh="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='white'%20d='M11%205V1h2v4h-2Zm6.65%202.75l-1.375-1.375l2.8-2.875l1.4%201.425L17.65%207.75ZM19%2013v-2h4v2h-4Zm-8%2010v-4h2v4h-2ZM6.35%207.7L3.5%204.925l1.425-1.4L7.75%206.35L6.35%207.7Zm12.7%2012.8l-2.775-2.875l1.35-1.35l2.85%202.75L19.05%2020.5ZM1%2013v-2h4v2H1Zm3.925%207.5l-1.4-1.425l2.8-2.8l.725.675l.725.7l-2.85%202.85ZM12%2018q-2.5%200-4.25-1.75T6%2012q0-2.5%201.75-4.25T12%206q2.5%200%204.25%201.75T18%2012q0%202.5-1.75%204.25T12%2018Z'/%3e%3c/svg%3e";function Ih(){const[e,t]=k.useState(()=>{const n=window.localStorage.getItem("dark-mode");return n!=null?JSON.parse(n):window.matchMedia("(prefers-color-scheme: dark)").matches});return k.useEffect(()=>{e?document.body.classList.add("dark"):document.body.classList.remove("dark"),window.localStorage.setItem("dark-mode",JSON.stringify(e))},[e]),[e,t]}function Fh(){const[e,t]=Ih();return v.jsx("header",{className:"z-50 bg-white text-veryDarkBlue shadow-md dark:bg-blue dark:text-white",children:v.jsxs("div",{className:"container flex items-center justify-between px-6 py-7",children:[v.jsx(sr,{to:"/where-in-the-world",className:"font-extrabold sm:text-xl md:text-lg lg:text-xl xl:text-2xl",children:"Where in the world?"}),v.jsxs("button",{onClick:()=>t(!e),className:"flex items-center gap-1 text-xs outline-none md:gap-3 md:text-sm",children:[v.jsx("img",{src:e?Oh:zh,alt:e?"Sun icon":"Moon icon",className:"w-3 md:w-4"}),v.jsx("span",{children:e?"Light Mode":"Dark Mode"})]})]})})}function Bh(){const e=new Date().getFullYear();return v.jsxs("footer",{className:"border-t border-t-blue px-4 py-2 text-center text-sm capitalize dark:border-t-white dark:bg-blue dark:text-white",children:["Made by"," ",v.jsx("a",{target:"_blank",href:"https://www.youtube.com",className:"hover:underline",rel:"noreferrer",children:"Abdalrhman Almarakeby"}),v.jsx("br",{}),"All copy right receive ",v.jsx(v.Fragment,{children:"©"})," ",e,"."]})}function Kc(e,t){const[n,r]=k.useState(null),[l,i]=k.useState(!0),[o,u]=k.useState(null);return k.useEffect(()=>{const a=new AbortController;return fetch(e,{signal:a.signal,...t}).then(s=>{if(!s.ok)throw Error("could not fetch the data for that resource");return s.json()}).then(s=>{i(!1),r(s),u(null)}).catch(s=>{s.name!=="AbortError"&&(i(!1),u(s.message))}),()=>a.abort()},[e,t]),{data:n,isPending:l,error:o}}function Dh(e,t){return e.filter(n=>{const r=t??"All";return r==="All"||n.region===r})}function Uh(e,t){const n=t.toLowerCase()??"";return e==null?void 0:e.filter(r=>{var l,i,o;return((l=r.name.common)==null?void 0:l.toLowerCase().includes(n))||((i=r.name.official)==null?void 0:i.toLowerCase().includes(n))||((o=r.capital)==null?void 0:o.toString().toLowerCase().includes(n))})}function Ah(e,t){const{region:n,search:r}=t;let l=e;return l=l.filter(i=>i.name.common!=="Israel"),l=Dh(l,n),l=Uh(l,r),l}var Qc={exports:{}},$h="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Vh=$h,Wh=Vh;function Yc(){}function Zc(){}Zc.resetWarningCache=Yc;var Hh=function(){function e(r,l,i,o,u,a){if(a!==Wh){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Zc,resetWarningCache:Yc};return n.PropTypes=n,n};Qc.exports=Hh();var Gh=Qc.exports;const I=xa(Gh),Kh="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='hsl(0%200%25%2052%25%20/%201)'%20d='M15.5%2014h-.79l-.28-.27A6.471%206.471%200%200%200%2016%209.5A6.5%206.5%200%201%200%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205S14%207.01%2014%209.5S11.99%2014%209.5%2014z'/%3e%3c/svg%3e";function Xc(e){const t=k.useRef(),n=["All","Africa","Americas","Asia","Europe","Oceania"];function r(l){e.setSearchTerm({...e.searchTerm,[l.target.name]:l.target.value})}return v.jsxs("form",{className:"flex flex-col items-start gap-8 md:flex-row md:items-center md:justify-between",children:[v.jsxs("div",{onClick:()=>t.current.focus(),className:"flex w-96 max-w-full cursor-text items-center justify-start gap-2 rounded bg-white px-4 py-2 shadow-lg transition-[outline] focus-within:outline dark:bg-blue dark:text-white sm:px-6 sm:py-4",children:[v.jsx("label",{htmlFor:"search-input",children:v.jsx("img",{src:Kh,alt:"Search lens icon",className:"w-5 cursor-text text-darkGray"})}),v.jsx("input",{autoComplete:"off",ref:t,value:e.searchTerm.search,onChange:r,name:"search",type:"search",id:"search-input",placeholder:"Search for a country...",className:"max-w-full grow bg-inherit font-semibold outline-none"})]}),v.jsxs("div",{className:"ml-5 flex items-center gap-5",children:[v.jsx("label",{htmlFor:"region-filter",className:"font-semibold",children:"Filter by Region"}),v.jsx("select",{id:"region-filter",value:e.searchTerm.region,onChange:r,name:"region",className:"rounded bg-white px-1 py-2 text-base shadow-none outline-none dark:bg-blue sm:px-2 md:py-4",children:n.map(l=>v.jsx("option",{value:l,className:"font-semibold text-inherit",children:l},l))})]})]})}Xc.propTypes={searchTerm:I.shape({search:I.string,region:I.string}).isRequired,setSearchTerm:I.func.isRequired};function Jc(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}function qc(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\s+/g,"-").toLowerCase()}function bc({country:e}){const{name:t,flags:n,population:r,region:l,capital:i}=e;return v.jsx(sr,{to:`/where-in-the-world/country/${qc(t.common)}`,children:v.jsxs("div",{className:"card",title:t.common,children:[v.jsx("img",{src:n.svg,alt:n.alt||`${t.common} flag`,"aria-label":`Flag of ${t.common}`,style:t.common==="Nepal"?{width:"60%"}:{}}),v.jsxs("div",{children:[v.jsx("h3",{"aria-label":`${t.common}`,children:t.common}),v.jsxs("p",{children:["Population: ",v.jsx("span",{children:Jc(r)})]}),v.jsxs("p",{children:["Region: ",v.jsx("span",{children:l})]}),v.jsxs("p",{children:["Capital:"," ",v.jsx("span",{children:t.common==="Palestine"?"Jerusalem":(i==null?void 0:i.join(", "))||"No data"})]})]})]})})}bc.propTypes={country:I.shape({name:I.shape({common:I.string.isRequired}).isRequired,flags:I.shape({svg:I.string.isRequired,alt:I.string}).isRequired,population:I.number.isRequired,region:I.string.isRequired,capital:I.arrayOf(I.string)}).isRequired};function ef(){return v.jsx("div",{className:"flex items-center justify-center pt-20",children:v.jsxs("svg",{className:"h-24 w-24 fill-darkBlue dark:fill-white",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",fill:"%2308FF0B",children:[v.jsx("circle",{stroke:"%2308FF0B",strokeWidth:"4",r:"15",cx:"40",cy:"65",children:v.jsx("animate",{attributeName:"cy",calcMode:"spline",dur:"1.5",values:"65;135;65;",keySplines:".5 0 .5 1;.5 0 .5 1",repeatCount:"indefinite",begin:"-.4"})}),v.jsx("circle",{fill:"%2308FF0B",stroke:"%2308FF0B",strokeWidth:"4",r:"15",cx:"100",cy:"65",children:v.jsx("animate",{attributeName:"cy",calcMode:"spline",dur:"1.5",values:"65;135;65;",keySplines:".5 0 .5 1;.5 0 .5 1",repeatCount:"indefinite",begin:"-.2"})}),v.jsx("circle",{fill:"%2308FF0B",stroke:"%2308FF0B",strokeWidth:"4",r:"15",cx:"160",cy:"65",children:v.jsx("animate",{attributeName:"cy",calcMode:"spline",dur:"1.5",values:"65;135;65;",keySplines:".5 0 .5 1;.5 0 .5 1",repeatCount:"indefinite",begin:"0"})})]})})}function Qh(){return v.jsxs(v.Fragment,{children:[v.jsx("p",{className:"px-6 pb-4 pt-10 text-center text-2xl font-bold capitalize text-veryDarkBlue dark:text-white",children:"No countries found"}),v.jsx("p",{className:"text-center text-darkGray",children:"Try respell the search term"})]})}function Yh(){const[e,t]=k.useState({region:"All",search:""}),{data:n,isPending:r,error:l}=Kc("https://restcountries.com/v3.1/all?fields=name,capital,flags,languages,region,population"),i=n?Ah(n,e):null;return v.jsx(v.Fragment,{children:v.jsx("main",{className:"flex-grow bg-lightGray px-5 py-10 text-darkBlue dark:bg-darkBlue dark:text-white",children:v.jsxs("div",{className:"container",children:[v.jsx(Xc,{searchTerm:e,setSearchTerm:t}),r&&v.jsx(ef,{}),l&&v.jsx("div",{children:l}),i&&(i.length?v.jsx("section",{id:"cards-container",children:i.map(o=>v.jsx(bc,{country:o},o.name.common))}):v.jsx(Qh,{}))]})})})}function Zh(){return v.jsxs(sr,{to:"/where-in-the-world",className:"flex w-fit items-center gap-4 rounded px-4 py-2 text-sm text-darkBlue shadow-lg dark:bg-blue dark:text-white sm:px-6",children:[v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline-block h-4 w-4 fill-darkBlue dark:fill-white",viewBox:"0 0 512 512",children:v.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"48",d:"M244 400L100 256l144-144M120 256h292"})}),v.jsx("span",{className:"md:text-lg",children:"Back"})]})}function Xh(e){return Object.entries(e).map(([,t])=>t.name).join(", ")}function Jh(e){return Object.entries(e).map(([,t])=>t).join(", ")}function qh(e){return Object.entries(e).map(([,t])=>t.common).join(", ")}const Sa={ABW:"Aruba",AFG:"Afghanistan",AGO:"Angola",AIA:"Anguilla",ALA:"Åland Islands",ALB:"Albania",AND:"Andorra",ARE:"United Arab Emirates",ARG:"Argentina",ARM:"Armenia",ASM:"American Samoa",ATA:"Antarctica",ATF:"French Southern and Antarctic Lands",ATG:"Antigua and Barbuda",AUS:"Australia",AUT:"Austria",AZE:"Azerbaijan",BDI:"Burundi",BEL:"Belgium",BEN:"Benin",BES:"Caribbean Netherlands",BFA:"Burkina Faso",BGD:"Bangladesh",BGR:"Bulgaria",BHR:"Bahrain",BHS:"Bahamas",BIH:"Bosnia and Herzegovina",BLM:"Saint Barthélemy",BLR:"Belarus",BLZ:"Belize",BMU:"Bermuda",BOL:"Bolivia",BRA:"Brazil",BRB:"Barbados",BRN:"Brunei",BTN:"Bhutan",BVT:"Bouvet Island",BWA:"Botswana",CAF:"Central African Republic",CAN:"Canada",CCK:"Cocos (Keeling) Islands",CHE:"Switzerland",CHL:"Chile",CHN:"China",CIV:"Ivory Coast",CMR:"Cameroon",COD:"DR Congo",COG:"Republic of the Congo",COK:"Cook Islands",COL:"Colombia",COM:"Comoros",CPV:"Cape Verde",CRI:"Costa Rica",CUB:"Cuba",CUW:"Curaçao",CXR:"Christmas Island",CYM:"Cayman Islands",CYP:"Cyprus",CZE:"Czechia",DEU:"Germany",DJI:"Djibouti",DMA:"Dominica",DNK:"Denmark",DOM:"Dominican Republic",DZA:"Algeria",ECU:"Ecuador",EGY:"Egypt",ERI:"Eritrea",ESH:"Western Sahara",ESP:"Spain",EST:"Estonia",ETH:"Ethiopia",FIN:"Finland",FJI:"Fiji",FLK:"Falkland Islands",FRA:"France",FRO:"Faroe Islands",FSM:"Micronesia",GAB:"Gabon",GBR:"United Kingdom",GEO:"Georgia",GGY:"Guernsey",GHA:"Ghana",GIB:"Gibraltar",GIN:"Guinea",GLP:"Guadeloupe",GMB:"Gambia",GNB:"Guinea-Bissau",GNQ:"Equatorial Guinea",GRC:"Greece",GRD:"Grenada",GRL:"Greenland",GTM:"Guatemala",GUF:"French Guiana",GUM:"Guam",GUY:"Guyana",HKG:"Hong Kong",HMD:"Heard Island and McDonald Islands",HND:"Honduras",HRV:"Croatia",HTI:"Haiti",HUN:"Hungary",IDN:"Indonesia",IMN:"Isle of Man",IND:"India",IOT:"British Indian Ocean Territory",IRL:"Ireland",IRN:"Iran",IRQ:"Iraq",ISL:"Iceland",ITA:"Italy",JAM:"Jamaica",JEY:"Jersey",JOR:"Jordan",JPN:"Japan",KAZ:"Kazakhstan",KEN:"Kenya",KGZ:"Kyrgyzstan",KHM:"Cambodia",KIR:"Kiribati",KNA:"Saint Kitts and Nevis",KOR:"South Korea",KWT:"Kuwait",LAO:"Laos",LBN:"Lebanon",LBR:"Liberia",LBY:"Libya",LCA:"Saint Lucia",LIE:"Liechtenstein",LKA:"Sri Lanka",LSO:"Lesotho",LTU:"Lithuania",LUX:"Luxembourg",LVA:"Latvia",MAC:"Macau",MAF:"Saint Martin",MAR:"Morocco",MCO:"Monaco",MDA:"Moldova",MDG:"Madagascar",MDV:"Maldives",MEX:"Mexico",MHL:"Marshall Islands",MKD:"North Macedonia",MLI:"Mali",MLT:"Malta",MMR:"Myanmar",MNE:"Montenegro",MNG:"Mongolia",MNP:"Northern Mariana Islands",MOZ:"Mozambique",MRT:"Mauritania",MSR:"Montserrat",MTQ:"Martinique",MUS:"Mauritius",MWI:"Malawi",MYS:"Malaysia",MYT:"Mayotte",NAM:"Namibia",NCL:"New Caledonia",NER:"Niger",NFK:"Norfolk Island",NGA:"Nigeria",NIC:"Nicaragua",NIU:"Niue",NLD:"Netherlands",NOR:"Norway",NPL:"Nepal",NRU:"Nauru",NZL:"New Zealand",OMN:"Oman",PAK:"Pakistan",PAN:"Panama",PCN:"Pitcairn Islands",PER:"Peru",PHL:"Philippines",PLW:"Palau",PNG:"Papua New Guinea",POL:"Poland",PRI:"Puerto Rico",PRK:"North Korea",PRT:"Portugal",PRY:"Paraguay",PSE:"Palestine",PYF:"French Polynesia",QAT:"Qatar",REU:"Réunion",ROU:"Romania",RUS:"Russia",RWA:"Rwanda",SAU:"Saudi Arabia",SDN:"Sudan",SEN:"Senegal",SGP:"Singapore",SGS:"South Georgia",SHN:"Saint Helena, Ascension and Tristan da Cunha",SJM:"Svalbard and Jan Mayen",SLB:"Solomon Islands",SLE:"Sierra Leone",SLV:"El Salvador",SMR:"San Marino",SOM:"Somalia",SPM:"Saint Pierre and Miquelon",SRB:"Serbia",SSD:"South Sudan",STP:"São Tomé and Príncipe",SUR:"Suriname",SVK:"Slovakia",SVN:"Slovenia",SWE:"Sweden",SWZ:"Eswatini",SXM:"Sint Maarten",SYC:"Seychelles",SYR:"Syria",TCA:"Turks and Caicos Islands",TCD:"Chad",TGO:"Togo",THA:"Thailand",TJK:"Tajikistan",TKL:"Tokelau",TKM:"Turkmenistan",TLS:"Timor-Leste",TON:"Tonga",TTO:"Trinidad and Tobago",TUN:"Tunisia",TUR:"Turkey",TUV:"Tuvalu",TWN:"Taiwan",TZA:"Tanzania",UGA:"Uganda",UKR:"Ukraine",UMI:"United States Minor Outlying Islands",UNK:"Kosovo",URY:"Uruguay",USA:"United States",UZB:"Uzbekistan",VAT:"Vatican City",VCT:"Saint Vincent and the Grenadines",VEN:"Venezuela",VGB:"British Virgin Islands",VIR:"United States Virgin Islands",VNM:"Vietnam",VUT:"Vanuatu",WLF:"Wallis and Futuna",WSM:"Samoa",YEM:"Yemen",ZAF:"South Africa",ZMB:"Zambia",ZWE:"Zimbabwe"};function tf({countries:e}){return v.jsxs("div",{className:"flex flex-col gap-4 sm:gap-6 capitalize text-darkBlue dark:font-semibold dark:text-white",children:[v.jsx("p",{className:"flex flex-col text-xl font-extrabold dark:font-semibold sm:text-2xl",children:"Border Countries"}),v.jsx("div",{className:"flex flex-wrap gap-4",children:e.map(t=>t==="ISR"?null:v.jsx(sr,{to:`/where-in-the-world/country/${qc(Sa[t])}`,className:"rounded px-5 py-1 text-sm capitalize shadow-xl dark:bg-blue dark:shadow-lg sm:text-base",children:Sa[t]},t))})]})}tf.propTypes={countries:I.array.isRequired};function nf({name:e,region:t,subregion:n,capital:r,population:l,currencies:i,languages:o,tld:u,borders:a,flags:s}){return v.jsxs("div",{className:"grid grid-cols-1 gap-10",children:[v.jsx("h3",{className:"hidden text-darkBlue dark:text-white font-bold text-5xl lg:block",children:e.common}),v.jsx("div",{className:"py-14 sm:px-16 lg:self-center md:px-40 lg:p-6 lg:hidden",children:v.jsx("img",{className:"shadow-1 dark:shadow-none",src:s.svg,alt:s.alt||`${e.common} flag`})}),v.jsxs("div",{className:"grid gap-8 font-extrabold capitalize text-darkBlue dark:font-semibold dark:text-white sm:gap-10 sm:text-lg lg:text-base md:grid-cols-2 lg:grid-cols-3 lg:items-center",children:[v.jsx("h3",{className:"text-[2.5rem] font-bold sm:text-5xl md:col-span-2 lg:hidden",children:e.common}),v.jsx("img",{className:"hidden lg:block shadow-1 dark:shadow-none",src:s.svg,alt:s.alt||`${e.common} flag`}),v.jsxs("div",{className:"flex flex-col gap-2 lg:gap-4 tracking-wide",children:[v.jsxs("p",{children:[Object.keys(e.nativeName).length>1?"Native Names":"Native Name",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:qh(e.nativeName)})]}),v.jsxs("p",{children:["Population:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:Jc(l)})]}),v.jsxs("p",{children:["Region:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:t})]}),v.jsxs("p",{children:["Subregion:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:n})]}),v.jsxs("p",{children:[Object.keys(r).length>1?"Capitals":"Capital",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:r.join(", ")})]})]}),v.jsxs("div",{className:"flex flex-col gap-2 lg:gap-4 tracking-wide",children:[u&&v.jsxs("p",{children:["Top Level Domain:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:u.join(", ")})]}),v.jsxs("p",{children:[Object.keys(i).length>1?"Currencies":"Currency",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:Xh(i)})]}),v.jsxs("p",{children:[Object.keys(o).length>1?"Languages":"Language",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:Jh(o)})," "]})]})]}),a.length>0&&v.jsx(tf,{countries:a})]})}nf.propTypes={name:I.shape({common:I.string.isRequired,nativeName:I.object}).isRequired,region:I.string.isRequired,subregion:I.string.isRequired,capital:I.arrayOf(I.string).isRequired,population:I.number.isRequired,currencies:I.object.isRequired,languages:I.object.isRequired,tld:I.arrayOf(I.string),borders:I.arrayOf(I.string),flags:I.shape({svg:I.string.isRequired,alt:I.string}).isRequired};function bh(e){return e.replace(/-([a-z])/g,(t,n)=>" "+n.toUpperCase()).replace(/^([a-z])/,(t,n)=>n.toUpperCase())}function em(e){const t="?fields=name,region,subregion,capital,population,currencies,languages,tld,borders,flags";return e!=="samoa"?`https://restcountries.com/v3.1/name/${bh(e)}${t}`:`https://restcountries.com/v3.1/name/Independent State of Samoa${t}`}function tm(){const{name:e}=ah(),{data:t,isPending:n,error:r}=Kc(em(e));return v.jsx("section",{className:"flex flex-grow flex-col px-6 py-10 dark:bg-darkBlue",children:v.jsxs("div",{className:"container",children:[n&&v.jsx(ef,{}),r&&v.jsx("div",{children:r}),t&&v.jsxs(v.Fragment,{children:[v.jsx(Zh,{}),v.jsx(nf,{...t[0]})]})]})})}function nm(){return v.jsxs("section",{className:"flex flex-grow flex-col items-center justify-center gap-8 dark:bg-darkBlue dark:text-white",children:[v.jsx("h1",{className:"text-center text-5xl font-extrabold",children:"Error 404"}),v.jsxs("p",{className:"text-center text-2xl font-semibold",children:["Sorry, we couldn",v.jsx(v.Fragment,{children:"'"}),"t find the page you were looking for."]}),v.jsx(sr,{to:"/where-in-the-world",className:"text-center text-2xl font-semibold hover:underline",children:"Back to Home"})]})}function rm(){return v.jsxs("div",{className:"flex min-h-[100svh] flex-col",children:[v.jsx(Fh,{}),v.jsxs(Ch,{children:[v.jsx($r,{path:"/where-in-the-world",element:v.jsx(Yh,{})}),v.jsx($r,{path:"/where-in-the-world/country/:name",element:v.jsx(tm,{})}),v.jsx($r,{path:"*",element:v.jsx(nm,{})})]}),v.jsx(Bh,{})]})}ai.createRoot(document.getElementById("root")).render(v.jsx(ja.StrictMode,{children:v.jsx(Th,{children:v.jsx(rm,{})})})); + */function ro(){return ro=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function Nh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Ph(e,t){return e.button===0&&(!t||t==="_self")&&!Nh(e)}const _h=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],Rh="startTransition",ga=xf[Rh];function Th(e){let{basename:t,children:n,future:r,window:l}=e,i=k.useRef();i.current==null&&(i.current=Mp({window:l,v5Compat:!0}));let o=i.current,[u,a]=k.useState({action:o.action,location:o.location}),{v7_startTransition:s}=r||{},h=k.useCallback(p=>{s&&ga?ga(()=>a(p)):a(p)},[a,s]);return k.useLayoutEffect(()=>o.listen(h),[o,h]),k.createElement(kh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o,future:r})}const Lh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",jh=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,sr=k.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:i,replace:o,state:u,target:a,to:s,preventScrollReset:h,unstable_viewTransition:p}=t,m=Eh(t,_h),{basename:x}=k.useContext(Bt),S,y=!1;if(typeof s=="string"&&jh.test(s)&&(S=s,Lh))try{let d=new URL(window.location.href),g=s.startsWith("//")?new URL(d.protocol+s):new URL(s),C=eu(g.pathname,x);g.origin===d.origin&&C!=null?s=C+g.search+g.hash:y=!0}catch{}let E=ih(s,{relative:l}),f=Mh(s,{replace:o,state:u,target:a,preventScrollReset:h,relative:l,unstable_viewTransition:p});function c(d){r&&r(d),d.defaultPrevented||f(d)}return k.createElement("a",ro({},m,{href:S||E,onClick:y||i?r:c,ref:n,target:a}))});var ya;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(ya||(ya={}));var wa;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(wa||(wa={}));function Mh(e,t){let{target:n,replace:r,state:l,preventScrollReset:i,relative:o,unstable_viewTransition:u}=t===void 0?{}:t,a=oh(),s=jl(),h=Wc(e,{relative:o});return k.useCallback(p=>{if(Ph(p,n)){p.preventDefault();let m=r!==void 0?r:dl(s)===dl(h);a(e,{replace:m,state:l,preventScrollReset:i,relative:o,unstable_viewTransition:u})}},[s,a,h,r,l,n,e,i,o,u])}const zh="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill='currentColor'%20d='M6%20.278a.768.768%200%200%201%20.08.858a7.208%207.208%200%200%200-.878%203.46c0%204.021%203.278%207.277%207.318%207.277c.527%200%201.04-.055%201.533-.16a.787.787%200%200%201%20.81.316a.733.733%200%200%201-.031.893A8.349%208.349%200%200%201%208.344%2016C3.734%2016%200%2012.286%200%207.71C0%204.266%202.114%201.312%205.124.06A.752.752%200%200%201%206%20.278z'/%3e%3c/svg%3e",Oh="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='white'%20d='M11%205V1h2v4h-2Zm6.65%202.75l-1.375-1.375l2.8-2.875l1.4%201.425L17.65%207.75ZM19%2013v-2h4v2h-4Zm-8%2010v-4h2v4h-2ZM6.35%207.7L3.5%204.925l1.425-1.4L7.75%206.35L6.35%207.7Zm12.7%2012.8l-2.775-2.875l1.35-1.35l2.85%202.75L19.05%2020.5ZM1%2013v-2h4v2H1Zm3.925%207.5l-1.4-1.425l2.8-2.8l.725.675l.725.7l-2.85%202.85ZM12%2018q-2.5%200-4.25-1.75T6%2012q0-2.5%201.75-4.25T12%206q2.5%200%204.25%201.75T18%2012q0%202.5-1.75%204.25T12%2018Z'/%3e%3c/svg%3e";function Ih(){const[e,t]=k.useState(()=>{const n=window.localStorage.getItem("dark-mode");return n!=null?JSON.parse(n):window.matchMedia("(prefers-color-scheme: dark)").matches});return k.useEffect(()=>{e?document.body.classList.add("dark"):document.body.classList.remove("dark"),window.localStorage.setItem("dark-mode",JSON.stringify(e))},[e]),[e,t]}function Fh(){const[e,t]=Ih();return v.jsx("header",{className:"z-50 bg-white text-veryDarkBlue shadow-md dark:bg-blue dark:text-white",children:v.jsxs("div",{className:"container flex items-center justify-between px-6 py-7",children:[v.jsx(sr,{to:"/",className:"font-extrabold sm:text-xl md:text-lg lg:text-xl xl:text-2xl",children:"Where in the world?"}),v.jsxs("button",{onClick:()=>t(!e),className:"flex items-center gap-1 text-xs outline-none md:gap-3 md:text-sm",children:[v.jsx("img",{src:e?Oh:zh,alt:e?"Sun icon":"Moon icon",className:"w-3 md:w-4"}),v.jsx("span",{children:e?"Light Mode":"Dark Mode"})]})]})})}function Bh(){const e=new Date().getFullYear();return v.jsxs("footer",{className:"border-t border-t-blue px-4 py-2 text-center text-sm capitalize dark:border-t-white dark:bg-blue dark:text-white",children:["Made by"," ",v.jsx("a",{target:"_blank",href:"https://www.youtube.com",className:"hover:underline",rel:"noreferrer",children:"Abdalrhman Almarakeby"}),v.jsx("br",{}),"All copy right receive ",v.jsx(v.Fragment,{children:"©"})," ",e,"."]})}function Kc(e,t){const[n,r]=k.useState(null),[l,i]=k.useState(!0),[o,u]=k.useState(null);return k.useEffect(()=>{const a=new AbortController;return fetch(e,{signal:a.signal,...t}).then(s=>{if(!s.ok)throw Error("could not fetch the data for that resource");return s.json()}).then(s=>{i(!1),r(s),u(null)}).catch(s=>{s.name!=="AbortError"&&(i(!1),u(s.message))}),()=>a.abort()},[e,t]),{data:n,isPending:l,error:o}}function Dh(e,t){return e.filter(n=>{const r=t??"All";return r==="All"||n.region===r})}function Uh(e,t){const n=t.toLowerCase()??"";return e==null?void 0:e.filter(r=>{var l,i,o;return((l=r.name.common)==null?void 0:l.toLowerCase().includes(n))||((i=r.name.official)==null?void 0:i.toLowerCase().includes(n))||((o=r.capital)==null?void 0:o.toString().toLowerCase().includes(n))})}function Ah(e,t){const{region:n,search:r}=t;let l=e;return l=l.filter(i=>i.name.common!=="Israel"),l=Dh(l,n),l=Uh(l,r),l}var Qc={exports:{}},$h="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",Vh=$h,Wh=Vh;function Yc(){}function Zc(){}Zc.resetWarningCache=Yc;var Hh=function(){function e(r,l,i,o,u,a){if(a!==Wh){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Zc,resetWarningCache:Yc};return n.PropTypes=n,n};Qc.exports=Hh();var Gh=Qc.exports;const I=xa(Gh),Kh="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='hsl(0%200%25%2052%25%20/%201)'%20d='M15.5%2014h-.79l-.28-.27A6.471%206.471%200%200%200%2016%209.5A6.5%206.5%200%201%200%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205S14%207.01%2014%209.5S11.99%2014%209.5%2014z'/%3e%3c/svg%3e";function Xc(e){const t=k.useRef(),n=["All","Africa","Americas","Asia","Europe","Oceania"];function r(l){e.setSearchTerm({...e.searchTerm,[l.target.name]:l.target.value})}return v.jsxs("form",{className:"flex flex-col items-start gap-8 md:flex-row md:items-center md:justify-between",children:[v.jsxs("div",{onClick:()=>t.current.focus(),className:"flex w-96 max-w-full cursor-text items-center justify-start gap-2 rounded bg-white px-4 py-2 shadow-lg transition-[outline] focus-within:outline dark:bg-blue dark:text-white sm:px-6 sm:py-4",children:[v.jsx("label",{htmlFor:"search-input",children:v.jsx("img",{src:Kh,alt:"Search lens icon",className:"w-5 cursor-text text-darkGray"})}),v.jsx("input",{autoComplete:"off",ref:t,value:e.searchTerm.search,onChange:r,name:"search",type:"search",id:"search-input",placeholder:"Search for a country...",className:"max-w-full grow bg-inherit font-semibold outline-none"})]}),v.jsxs("div",{className:"ml-5 flex items-center gap-5",children:[v.jsx("label",{htmlFor:"region-filter",className:"font-semibold",children:"Filter by Region"}),v.jsx("select",{id:"region-filter",value:e.searchTerm.region,onChange:r,name:"region",className:"rounded bg-white px-1 py-2 text-base shadow-none outline-none dark:bg-blue sm:px-2 md:py-4",children:n.map(l=>v.jsx("option",{value:l,className:"font-semibold text-inherit",children:l},l))})]})]})}Xc.propTypes={searchTerm:I.shape({search:I.string,region:I.string}).isRequired,setSearchTerm:I.func.isRequired};function Jc(e){return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")}function qc(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\s+/g,"-").toLowerCase()}function bc({country:e}){const{name:t,flags:n,population:r,region:l,capital:i}=e;return v.jsx(sr,{to:`/country/${qc(t.common)}`,children:v.jsxs("div",{className:"card",title:t.common,children:[v.jsx("img",{src:n.svg,alt:n.alt||`${t.common} flag`,"aria-label":`Flag of ${t.common}`,style:t.common==="Nepal"?{width:"60%"}:{}}),v.jsxs("div",{children:[v.jsx("h3",{"aria-label":`${t.common}`,children:t.common}),v.jsxs("p",{children:["Population: ",v.jsx("span",{children:Jc(r)})]}),v.jsxs("p",{children:["Region: ",v.jsx("span",{children:l})]}),v.jsxs("p",{children:["Capital:"," ",v.jsx("span",{children:t.common==="Palestine"?"Jerusalem":(i==null?void 0:i.join(", "))||"No data"})]})]})]})})}bc.propTypes={country:I.shape({name:I.shape({common:I.string.isRequired}).isRequired,flags:I.shape({svg:I.string.isRequired,alt:I.string}).isRequired,population:I.number.isRequired,region:I.string.isRequired,capital:I.arrayOf(I.string)}).isRequired};function ef(){return v.jsx("div",{className:"flex items-center justify-center pt-20",children:v.jsxs("svg",{className:"h-24 w-24 fill-darkBlue dark:fill-white",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",fill:"%2308FF0B",children:[v.jsx("circle",{stroke:"%2308FF0B",strokeWidth:"4",r:"15",cx:"40",cy:"65",children:v.jsx("animate",{attributeName:"cy",calcMode:"spline",dur:"1.5",values:"65;135;65;",keySplines:".5 0 .5 1;.5 0 .5 1",repeatCount:"indefinite",begin:"-.4"})}),v.jsx("circle",{fill:"%2308FF0B",stroke:"%2308FF0B",strokeWidth:"4",r:"15",cx:"100",cy:"65",children:v.jsx("animate",{attributeName:"cy",calcMode:"spline",dur:"1.5",values:"65;135;65;",keySplines:".5 0 .5 1;.5 0 .5 1",repeatCount:"indefinite",begin:"-.2"})}),v.jsx("circle",{fill:"%2308FF0B",stroke:"%2308FF0B",strokeWidth:"4",r:"15",cx:"160",cy:"65",children:v.jsx("animate",{attributeName:"cy",calcMode:"spline",dur:"1.5",values:"65;135;65;",keySplines:".5 0 .5 1;.5 0 .5 1",repeatCount:"indefinite",begin:"0"})})]})})}function Qh(){return v.jsxs(v.Fragment,{children:[v.jsx("p",{className:"px-6 pb-4 pt-10 text-center text-2xl font-bold capitalize text-veryDarkBlue dark:text-white",children:"No countries found"}),v.jsx("p",{className:"text-center text-darkGray",children:"Try respell the search term"})]})}function Yh(){const[e,t]=k.useState({region:"All",search:""}),{data:n,isPending:r,error:l}=Kc("https://restcountries.com/v3.1/all?fields=name,capital,flags,languages,region,population"),i=n?Ah(n,e):null;return v.jsx(v.Fragment,{children:v.jsx("main",{className:"flex-grow bg-lightGray px-5 py-10 text-darkBlue dark:bg-darkBlue dark:text-white",children:v.jsxs("div",{className:"container",children:[v.jsx(Xc,{searchTerm:e,setSearchTerm:t}),r&&v.jsx(ef,{}),l&&v.jsx("div",{children:l}),i&&(i.length?v.jsx("section",{id:"cards-container",children:i.map(o=>v.jsx(bc,{country:o},o.name.common))}):v.jsx(Qh,{}))]})})})}function Zh(){return v.jsxs(sr,{to:"/",className:"flex w-fit items-center gap-4 rounded px-4 py-2 text-sm text-darkBlue shadow-lg dark:bg-blue dark:text-white sm:px-6",children:[v.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline-block h-4 w-4 fill-darkBlue dark:fill-white",viewBox:"0 0 512 512",children:v.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"48",d:"M244 400L100 256l144-144M120 256h292"})}),v.jsx("span",{className:"md:text-lg",children:"Back"})]})}function Xh(e){return Object.entries(e).map(([,t])=>t.name).join(", ")}function Jh(e){return Object.entries(e).map(([,t])=>t).join(", ")}function qh(e){return Object.entries(e).map(([,t])=>t.common).join(", ")}const Sa={ABW:"Aruba",AFG:"Afghanistan",AGO:"Angola",AIA:"Anguilla",ALA:"Åland Islands",ALB:"Albania",AND:"Andorra",ARE:"United Arab Emirates",ARG:"Argentina",ARM:"Armenia",ASM:"American Samoa",ATA:"Antarctica",ATF:"French Southern and Antarctic Lands",ATG:"Antigua and Barbuda",AUS:"Australia",AUT:"Austria",AZE:"Azerbaijan",BDI:"Burundi",BEL:"Belgium",BEN:"Benin",BES:"Caribbean Netherlands",BFA:"Burkina Faso",BGD:"Bangladesh",BGR:"Bulgaria",BHR:"Bahrain",BHS:"Bahamas",BIH:"Bosnia and Herzegovina",BLM:"Saint Barthélemy",BLR:"Belarus",BLZ:"Belize",BMU:"Bermuda",BOL:"Bolivia",BRA:"Brazil",BRB:"Barbados",BRN:"Brunei",BTN:"Bhutan",BVT:"Bouvet Island",BWA:"Botswana",CAF:"Central African Republic",CAN:"Canada",CCK:"Cocos (Keeling) Islands",CHE:"Switzerland",CHL:"Chile",CHN:"China",CIV:"Ivory Coast",CMR:"Cameroon",COD:"DR Congo",COG:"Republic of the Congo",COK:"Cook Islands",COL:"Colombia",COM:"Comoros",CPV:"Cape Verde",CRI:"Costa Rica",CUB:"Cuba",CUW:"Curaçao",CXR:"Christmas Island",CYM:"Cayman Islands",CYP:"Cyprus",CZE:"Czechia",DEU:"Germany",DJI:"Djibouti",DMA:"Dominica",DNK:"Denmark",DOM:"Dominican Republic",DZA:"Algeria",ECU:"Ecuador",EGY:"Egypt",ERI:"Eritrea",ESH:"Western Sahara",ESP:"Spain",EST:"Estonia",ETH:"Ethiopia",FIN:"Finland",FJI:"Fiji",FLK:"Falkland Islands",FRA:"France",FRO:"Faroe Islands",FSM:"Micronesia",GAB:"Gabon",GBR:"United Kingdom",GEO:"Georgia",GGY:"Guernsey",GHA:"Ghana",GIB:"Gibraltar",GIN:"Guinea",GLP:"Guadeloupe",GMB:"Gambia",GNB:"Guinea-Bissau",GNQ:"Equatorial Guinea",GRC:"Greece",GRD:"Grenada",GRL:"Greenland",GTM:"Guatemala",GUF:"French Guiana",GUM:"Guam",GUY:"Guyana",HKG:"Hong Kong",HMD:"Heard Island and McDonald Islands",HND:"Honduras",HRV:"Croatia",HTI:"Haiti",HUN:"Hungary",IDN:"Indonesia",IMN:"Isle of Man",IND:"India",IOT:"British Indian Ocean Territory",IRL:"Ireland",IRN:"Iran",IRQ:"Iraq",ISL:"Iceland",ITA:"Italy",JAM:"Jamaica",JEY:"Jersey",JOR:"Jordan",JPN:"Japan",KAZ:"Kazakhstan",KEN:"Kenya",KGZ:"Kyrgyzstan",KHM:"Cambodia",KIR:"Kiribati",KNA:"Saint Kitts and Nevis",KOR:"South Korea",KWT:"Kuwait",LAO:"Laos",LBN:"Lebanon",LBR:"Liberia",LBY:"Libya",LCA:"Saint Lucia",LIE:"Liechtenstein",LKA:"Sri Lanka",LSO:"Lesotho",LTU:"Lithuania",LUX:"Luxembourg",LVA:"Latvia",MAC:"Macau",MAF:"Saint Martin",MAR:"Morocco",MCO:"Monaco",MDA:"Moldova",MDG:"Madagascar",MDV:"Maldives",MEX:"Mexico",MHL:"Marshall Islands",MKD:"North Macedonia",MLI:"Mali",MLT:"Malta",MMR:"Myanmar",MNE:"Montenegro",MNG:"Mongolia",MNP:"Northern Mariana Islands",MOZ:"Mozambique",MRT:"Mauritania",MSR:"Montserrat",MTQ:"Martinique",MUS:"Mauritius",MWI:"Malawi",MYS:"Malaysia",MYT:"Mayotte",NAM:"Namibia",NCL:"New Caledonia",NER:"Niger",NFK:"Norfolk Island",NGA:"Nigeria",NIC:"Nicaragua",NIU:"Niue",NLD:"Netherlands",NOR:"Norway",NPL:"Nepal",NRU:"Nauru",NZL:"New Zealand",OMN:"Oman",PAK:"Pakistan",PAN:"Panama",PCN:"Pitcairn Islands",PER:"Peru",PHL:"Philippines",PLW:"Palau",PNG:"Papua New Guinea",POL:"Poland",PRI:"Puerto Rico",PRK:"North Korea",PRT:"Portugal",PRY:"Paraguay",PSE:"Palestine",PYF:"French Polynesia",QAT:"Qatar",REU:"Réunion",ROU:"Romania",RUS:"Russia",RWA:"Rwanda",SAU:"Saudi Arabia",SDN:"Sudan",SEN:"Senegal",SGP:"Singapore",SGS:"South Georgia",SHN:"Saint Helena, Ascension and Tristan da Cunha",SJM:"Svalbard and Jan Mayen",SLB:"Solomon Islands",SLE:"Sierra Leone",SLV:"El Salvador",SMR:"San Marino",SOM:"Somalia",SPM:"Saint Pierre and Miquelon",SRB:"Serbia",SSD:"South Sudan",STP:"São Tomé and Príncipe",SUR:"Suriname",SVK:"Slovakia",SVN:"Slovenia",SWE:"Sweden",SWZ:"Eswatini",SXM:"Sint Maarten",SYC:"Seychelles",SYR:"Syria",TCA:"Turks and Caicos Islands",TCD:"Chad",TGO:"Togo",THA:"Thailand",TJK:"Tajikistan",TKL:"Tokelau",TKM:"Turkmenistan",TLS:"Timor-Leste",TON:"Tonga",TTO:"Trinidad and Tobago",TUN:"Tunisia",TUR:"Turkey",TUV:"Tuvalu",TWN:"Taiwan",TZA:"Tanzania",UGA:"Uganda",UKR:"Ukraine",UMI:"United States Minor Outlying Islands",UNK:"Kosovo",URY:"Uruguay",USA:"United States",UZB:"Uzbekistan",VAT:"Vatican City",VCT:"Saint Vincent and the Grenadines",VEN:"Venezuela",VGB:"British Virgin Islands",VIR:"United States Virgin Islands",VNM:"Vietnam",VUT:"Vanuatu",WLF:"Wallis and Futuna",WSM:"Samoa",YEM:"Yemen",ZAF:"South Africa",ZMB:"Zambia",ZWE:"Zimbabwe"};function tf({countries:e}){return v.jsxs("div",{className:"flex flex-col gap-4 capitalize text-darkBlue dark:font-semibold dark:text-white sm:gap-6",children:[v.jsx("p",{className:"flex flex-col text-xl font-extrabold dark:font-semibold sm:text-2xl",children:"Border Countries"}),v.jsx("div",{className:"flex flex-wrap gap-4",children:e.map(t=>t==="ISR"?null:v.jsx(sr,{to:`/country/${qc(Sa[t])}`,className:"rounded px-5 py-1 text-sm capitalize shadow-xl dark:bg-blue dark:shadow-lg sm:text-base",children:Sa[t]},t))})]})}tf.propTypes={countries:I.array.isRequired};function nf({name:e,region:t,subregion:n,capital:r,population:l,currencies:i,languages:o,tld:u,borders:a,flags:s}){return v.jsxs("div",{className:"grid grid-cols-1 gap-10 lg:gap-16 lg:px-3 lg:py-16",children:[v.jsx("h3",{className:"hidden text-5xl font-bold text-darkBlue dark:text-white lg:block",children:e.common}),v.jsx("div",{className:"py-14 sm:px-16 md:px-40 lg:hidden lg:self-center lg:p-6",children:v.jsx("img",{className:"shadow-1 dark:shadow-none",src:s.svg,alt:s.alt||`${e.common} flag`})}),v.jsxs("div",{className:"grid gap-8 font-extrabold capitalize text-darkBlue dark:font-semibold dark:text-white sm:gap-10 sm:text-lg md:grid-cols-2 lg:grid-cols-3 lg:items-center lg:gap-16 lg:text-base",children:[v.jsx("h3",{className:"text-[2.5rem] font-bold sm:text-5xl md:col-span-2 lg:hidden",children:e.common}),v.jsx("img",{className:"hidden shadow-1 dark:shadow-none lg:block",src:s.svg,alt:s.alt||`${e.common} flag`}),v.jsxs("div",{className:"flex flex-col gap-2 tracking-wide lg:gap-4",children:[v.jsxs("p",{children:[Object.keys(e.nativeName).length>1?"Native Names":"Native Name",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:qh(e.nativeName)})]}),v.jsxs("p",{children:["Population:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:Jc(l)})]}),v.jsxs("p",{children:["Region:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:t})]}),v.jsxs("p",{children:["Subregion:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:n})]}),v.jsxs("p",{children:[Object.keys(r).length>1?"Capitals":"Capital",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:r.join(", ")})]})]}),v.jsxs("div",{className:"flex flex-col gap-2 tracking-wide lg:gap-4",children:[u&&v.jsxs("p",{children:["Top Level Domain:"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:u.join(", ")})]}),v.jsxs("p",{children:[Object.keys(i).length>1?"Currencies":"Currency",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:Xh(i)})]}),v.jsxs("p",{children:[Object.keys(o).length>1?"Languages":"Language",":"," ",v.jsx("span",{className:"font-normal dark:font-extralight",children:Jh(o)})," "]})]})]}),a.length>0&&v.jsx(tf,{countries:a})]})}nf.propTypes={name:I.shape({common:I.string.isRequired,nativeName:I.object}).isRequired,region:I.string.isRequired,subregion:I.string.isRequired,capital:I.arrayOf(I.string).isRequired,population:I.number.isRequired,currencies:I.object.isRequired,languages:I.object.isRequired,tld:I.arrayOf(I.string),borders:I.arrayOf(I.string),flags:I.shape({svg:I.string.isRequired,alt:I.string}).isRequired};function bh(e){return e.replace(/-([a-z])/g,(t,n)=>" "+n.toUpperCase()).replace(/^([a-z])/,(t,n)=>n.toUpperCase())}function em(e){const t="?fields=name,region,subregion,capital,population,currencies,languages,tld,borders,flags";return e!=="samoa"?`https://restcountries.com/v3.1/name/${bh(e)}${t}`:`https://restcountries.com/v3.1/name/Independent State of Samoa${t}`}function tm(){const{name:e}=ah(),{data:t,isPending:n,error:r}=Kc(em(e));return v.jsx("section",{className:"flex flex-grow flex-col px-6 py-10 dark:bg-darkBlue",children:v.jsxs("div",{className:"container",children:[n&&v.jsx(ef,{}),r&&v.jsx("div",{children:r}),t&&v.jsxs(v.Fragment,{children:[v.jsx(Zh,{}),v.jsx(nf,{...t[0]})]})]})})}function nm(){return v.jsxs("section",{className:"flex flex-grow flex-col items-center justify-center gap-8 dark:bg-darkBlue dark:text-white",children:[v.jsx("h1",{className:"text-center text-5xl font-extrabold",children:"Error 404"}),v.jsxs("p",{className:"text-center text-2xl font-semibold",children:["Sorry, we couldn",v.jsx(v.Fragment,{children:"'"}),"t find the page you were looking for."]}),v.jsx(sr,{to:"/",className:"text-center text-2xl font-semibold hover:underline",children:"Back to Home"})]})}function rm(){return v.jsxs("div",{className:"flex min-h-[100svh] flex-col",children:[v.jsx(Fh,{}),v.jsxs(Ch,{children:[v.jsx($r,{path:"/",element:v.jsx(Yh,{})}),v.jsx($r,{path:"/country/:name",element:v.jsx(tm,{})}),v.jsx($r,{path:"*",element:v.jsx(nm,{})})]}),v.jsx(Bh,{})]})}ai.createRoot(document.getElementById("root")).render(v.jsx(ja.StrictMode,{children:v.jsx(Th,{basename:"/where-in-the-world",children:v.jsx(rm,{})})})); diff --git a/assets/index-aq7juyNI.css b/assets/index-wyz_6bLm.css similarity index 59% rename from assets/index-aq7juyNI.css rename to assets/index-wyz_6bLm.css index ae15f57..ddeeef9 100644 --- a/assets/index-aq7juyNI.css +++ b/assets/index-wyz_6bLm.css @@ -1 +1 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*{-webkit-tap-highlight-color:transparent}html{font-family:Nunito Sans,sans-serif}img{height:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:cover;background-repeat:no-repeat;vertical-align:middle;font-style:italic}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}#cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;align-items:stretch;gap:5rem;padding:2.5rem}.card{display:flex;height:100%;min-width:-moz-fit-content;min-width:fit-content;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(.dark .card){--tw-bg-opacity: 1;background-color:hsl(209 23% 22% / var(--tw-bg-opacity))}.card h3{font-size:3rem;line-height:1;font-weight:800}.card>div{padding:1.25rem 1.25rem 2.5rem}.card h3{padding-top:.75rem;padding-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:800}.card p{font-weight:800}.card p span{font-weight:400}.z-50{z-index:50}.ml-5{margin-left:1.25rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-24{height:6rem}.h-4{height:1rem}.min-h-\[100svh\]{min-height:100svh}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-96{width:24rem}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-full{max-width:100%}.flex-grow,.grow{flex-grow:1}.cursor-text{cursor:text}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-t-blue{--tw-border-opacity: 1;border-top-color:hsl(209 23% 22% / var(--tw-border-opacity))}.bg-inherit{background-color:inherit}.bg-lightGray{--tw-bg-opacity: 1;background-color:hsl(0 0% 98% / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-darkBlue{fill:#202c37}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.pb-4{padding-bottom:1rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[2\.5rem\]{font-size:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.025em}.text-darkBlue{--tw-text-opacity: 1;color:hsl(207 26% 17% / var(--tw-text-opacity))}.text-darkGray{--tw-text-opacity: 1;color:hsl(0 0% 52% / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-veryDarkBlue{--tw-text-opacity: 1;color:hsl(200 15% 8% / var(--tw-text-opacity))}.shadow-1{--tw-shadow: rgba(0, 0, 0, .2) 0px 2px 8px;--tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[outline\]{transition-property:outline;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.focus-within\:outline:focus-within{outline-style:solid}.hover\:underline:hover{text-decoration-line:underline}:is(.dark .dark\:border-t-white){--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}:is(.dark .dark\:bg-blue){--tw-bg-opacity: 1;background-color:hsl(209 23% 22% / var(--tw-bg-opacity))}:is(.dark .dark\:bg-darkBlue){--tw-bg-opacity: 1;background-color:hsl(207 26% 17% / var(--tw-bg-opacity))}:is(.dark .dark\:fill-white){fill:#fff}:is(.dark .dark\:font-extralight){font-weight:200}:is(.dark .dark\:font-semibold){font-weight:600}:is(.dark .dark\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:is(.dark .dark\:shadow-lg){--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:shadow-none){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:gap-10{gap:2.5rem}.sm\:gap-6{gap:1.5rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:w-4{width:1rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:.75rem}.md\:px-40{padding-left:10rem;padding-right:10rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:gap-4{gap:1rem}.lg\:self-center{align-self:center}.lg\:p-6{padding:1.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1280px){.xl\:text-2xl{font-size:1.5rem;line-height:2rem}} +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*{-webkit-tap-highlight-color:transparent}html{font-family:Nunito Sans,sans-serif}img{height:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:cover;background-repeat:no-repeat;vertical-align:middle;font-style:italic}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}#cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid;align-items:stretch;gap:5rem;padding:2.5rem}.card{display:flex;height:100%;min-width:-moz-fit-content;min-width:fit-content;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(.dark .card){--tw-bg-opacity: 1;background-color:hsl(209 23% 22% / var(--tw-bg-opacity))}.card h3{font-size:3rem;line-height:1;font-weight:800}.card>div{padding:1.25rem 1.25rem 2.5rem}.card h3{padding-top:.75rem;padding-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:800}.card p{font-weight:800}.card p span{font-weight:400}.z-50{z-index:50}.ml-5{margin-left:1.25rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-24{height:6rem}.h-4{height:1rem}.min-h-\[100svh\]{min-height:100svh}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-96{width:24rem}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-full{max-width:100%}.flex-grow,.grow{flex-grow:1}.cursor-text{cursor:text}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.rounded{border-radius:.25rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-t-blue{--tw-border-opacity: 1;border-top-color:hsl(209 23% 22% / var(--tw-border-opacity))}.bg-inherit{background-color:inherit}.bg-lightGray{--tw-bg-opacity: 1;background-color:hsl(0 0% 98% / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-darkBlue{fill:#202c37}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pt-10{padding-top:2.5rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[2\.5rem\]{font-size:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.025em}.text-darkBlue{--tw-text-opacity: 1;color:hsl(207 26% 17% / var(--tw-text-opacity))}.text-darkGray{--tw-text-opacity: 1;color:hsl(0 0% 52% / var(--tw-text-opacity))}.text-inherit{color:inherit}.text-veryDarkBlue{--tw-text-opacity: 1;color:hsl(200 15% 8% / var(--tw-text-opacity))}.shadow-1{--tw-shadow: rgba(0, 0, 0, .2) 0px 2px 8px;--tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[outline\]{transition-property:outline;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.focus-within\:outline:focus-within{outline-style:solid}.hover\:underline:hover{text-decoration-line:underline}:is(.dark .dark\:border-t-white){--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity))}:is(.dark .dark\:bg-blue){--tw-bg-opacity: 1;background-color:hsl(209 23% 22% / var(--tw-bg-opacity))}:is(.dark .dark\:bg-darkBlue){--tw-bg-opacity: 1;background-color:hsl(207 26% 17% / var(--tw-bg-opacity))}:is(.dark .dark\:fill-white){fill:#fff}:is(.dark .dark\:font-extralight){font-weight:200}:is(.dark .dark\:font-semibold){font-weight:600}:is(.dark .dark\:text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}:is(.dark .dark\:shadow-lg){--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:is(.dark .dark\:shadow-none){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:gap-10{gap:2.5rem}.sm\:gap-6{gap:1.5rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:w-4{width:1rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-3{gap:.75rem}.md\:px-40{padding-left:10rem;padding-right:10rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:gap-4{gap:1rem}.lg\:gap-16{gap:4rem}.lg\:self-center{align-self:center}.lg\:p-6{padding:1.5rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1280px){.xl\:text-2xl{font-size:1.5rem;line-height:2rem}} diff --git a/index.html b/index.html index 52ebc12..6024722 100644 --- a/index.html +++ b/index.html @@ -31,8 +31,8 @@ /> Where in the world Discover the World - - + +